/* Responsive crimson edition. Touch gestures stay on the sphere. */
#globe{pointer-events:none;touch-action:auto}
#globe-touch{position:absolute;z-index:1;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
#globe-touch.dragging{cursor:grabbing}
#globe-touch:focus{outline:none}
#globe-touch:focus-visible{box-shadow:0 0 0 2px #ff8ca4,0 0 24px #ff193455}
.globe-controls{z-index:2}.globe-label,.art-caption,.art-coordinate{pointer-events:none}
@media(max-width:1000px) and (min-width:701px){
 .hero h1{font-size:clamp(48px,6vw,64px)}.hero h1 em{font-size:.76em}
 .hero-content{grid-template-columns:1fr 1fr;min-height:440px}.hero .art{height:440px}
 .brand{font-size:12px}.brand svg{width:42px}.nav{padding:12px}.login span{margin-left:10px}
 .reference-toolbar{flex-wrap:wrap}.reference-actions{flex-wrap:wrap}
}
@media(max-width:700px){
 html{scroll-padding-top:88px}body{overflow-x:clip}
 header{margin:12px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));padding:0 12px;height:64px;border-radius:20px;gap:8px;backdrop-filter:blur(12px)}
 .brand{font-size:11px;gap:8px;letter-spacing:.8px;min-width:0}.brand svg{width:36px;flex-shrink:0}.brand small{display:none}
 .login{min-height:44px;margin:0 0 0 auto;padding:0 13px;font-size:11px;border-radius:13px;white-space:nowrap}.login span{display:none}
 .mobile-menu{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #ff345536;border-radius:13px;background:#ff19340b;font-size:21px}
 nav{top:74px;left:0;right:0;min-width:0;padding:8px;background:linear-gradient(145deg,#300b19f7,#11080ffb);border:1px solid #ff345565;box-shadow:0 18px 45px #0009,0 0 32px #b400242b;border-radius:18px;gap:5px;z-index:20}
 nav.open{display:flex}.nav{min-height:48px;text-align:left;padding:14px 18px;font-size:13px;border:1px solid transparent}
 .hero{padding:25px max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));overflow:hidden}
 .hero-top{font-size:7px;letter-spacing:1.4px;justify-content:center}.hero-top .edition{display:none}
 .hero-content{display:flex;flex-direction:column;min-height:0;gap:0}
 .hero .hero-copy{padding-top:28px;text-align:center}.hero-kicker{font-size:8px;letter-spacing:1.5px;gap:10px}
 .hero h1{font-size:clamp(43px,12.3vw,76px);line-height:1.02;letter-spacing:-.8px;margin:22px 0 18px}
 .hero h1 em{font-size:.76em;white-space:nowrap;transform:none;text-shadow:0 0 12px #ff123b55,0 0 35px #ec002966}
 .hero-copy>p{font-size:13px;line-height:1.75}.hero-actions{margin-top:22px}
 .hero .hero-actions .primary{min-height:48px;padding:15px 23px;font-size:12px;border-radius:15px;gap:28px}
 .hero .micro{font-size:10px;margin-top:18px}.hero .art{width:calc(100% + 32px);margin:0 -16px;height:clamp(330px,96vw,480px)}
 .globe-label{top:24px;left:12%;font-size:7px;letter-spacing:1.1px}.art-coordinate{top:40px;right:10%;font-size:6px}.art-caption{left:12%;bottom:8px;font-size:6px}
 .globe-controls{bottom:24px;padding:4px;border-radius:20px;gap:3px;backdrop-filter:blur(8px)}
 .globe-controls button{min-height:44px;padding:10px 15px;font-size:11px;gap:9px}.globe-controls #globe-pause{width:46px;min-height:44px}
 .globe-backlight{inset:0;filter:blur(14px);animation:none;opacity:1}.hero:after{filter:none}.hero:before{background:radial-gradient(ellipse at 50% 55%,#ac001a48,transparent 70%)}
 .hero-search{margin:15px auto 0}.console.reference-search{margin-bottom:0}
 .reference-search #search-form{height:60px;padding:0 12px 0 18px;gap:10px;border-color:#a84b656b;box-shadow:0 0 24px #b3002329,inset 0 1px 0 #ffffff12}
 .reference-search #query{font-size:16px;letter-spacing:0}.search-info{width:44px;height:44px;border:0;position:relative;font-size:12px}.search-info:after{content:'';position:absolute;inset:12px;border:1px solid #77616b;border-radius:50%}
 .hero-search .reference-toolbar{padding:12px 0 0;gap:10px;display:flex;flex-direction:column}
 .reference-hint{width:100%;padding:0;text-align:center;font-size:11px}.reference-actions{width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .source-shortcuts{grid-column:1/-1;display:flex;justify-content:center;gap:18px;margin:0}.source-icon{width:44px;height:44px;border:1px solid #ff34551a;border-radius:14px;background:#260a1555}.source-icon svg{width:23px;height:23px}
 .reference-actions #multi,.reference-login{min-height:46px;height:46px;font-size:12px;padding:0 16px;gap:10px}.reference-actions #multi svg{width:16px;height:16px}.reference-login span{font-size:18px}
 .reference-search #results{margin:20px 0 0}.result-item{gap:12px;line-height:1.5}.result-item button{min-width:44px;min-height:44px}
 .hero-bottom{margin-top:26px;padding:15px 0 24px;font-size:6px;letter-spacing:.6px;gap:12px}.hero-bottom>span{white-space:nowrap}.down{margin-left:5px}.hero-pagination{display:none}
 .ticker{height:43px}.ticker>div{font-size:17px}
 .workspace{padding:42px 20px}.section-heading h2{font-size:28px;letter-spacing:-1px;line-height:1.2}.section-heading>p{display:none}.eyebrow{font-size:9px;letter-spacing:1.5px}
 .features{grid-template-columns:1fr;gap:12px;margin-top:24px}.features article{padding:24px;border-radius:22px}.features h3{font-size:17px;margin-top:18px}.features p{font-size:13px;max-width:100%;line-height:1.8}.feature-icon{right:16px;top:16px;min-width:44px;min-height:44px;display:grid;place-items:center}
 .manifesto{margin:0 20px;padding:28px 24px;border-radius:24px}.manifesto h2{font-size:clamp(28px,8.5vw,45px);line-height:1.1}.manifesto-bottom{gap:14px;align-items:flex-end}.manifesto-bottom p{font-size:12px}.manifesto-bottom>span{font-size:7px}.round-link{width:48px;height:48px}
 footer{padding:40px 20px max(24px,env(safe-area-inset-bottom))}.footer-brand{font-size:15vw;letter-spacing:-.03em}.footer-bottom{font-size:8px;align-items:center;gap:12px;padding-top:16px;margin-top:20px}.footer-bottom button{min-height:44px;font-size:11px}.footer-bottom>span:nth-child(2){display:none}
 .inner-page{padding:38px 20px}.inner-page h1{font-size:clamp(52px,15vw,76px);margin:24px 0;line-height:.98}.shop-intro{flex-direction:column;align-items:stretch;gap:22px}.shop-intro p,.settings-intro{font-size:14px}.billing{align-self:flex-start}.billing button{min-height:44px;font-size:13px}
 .plans{grid-template-columns:1fr;gap:18px}.plan{padding:26px;border-radius:24px}.plan h2{font-size:34px}.plan .primary,.plan .secondary{min-height:48px;font-size:13px}.plan ul{font-size:14px;line-height:2.4}.plan p{line-height:1.6}.plan b{font-size:7px;letter-spacing:.5px}
 .settings-panel{padding:0 20px;margin-top:28px;border-radius:24px}.setting-row{padding:24px 0;gap:16px}.setting-row h3{font-size:15px}.setting-row p{font-size:12px}.setting-row>div:first-child{min-width:0}.setting-row:first-child{flex-wrap:wrap}.swatches{gap:10px}.swatches button{width:44px;height:44px;border-width:10px}.switch{width:48px;height:30px;padding:5px;box-shadow:0 0 0 7px #ff193404}.switch:after{width:20px;height:20px}.switch.on:after{transform:translateX(18px)}.setting-row:last-child{flex-direction:column;align-items:flex-start}.setting-row .text-link{min-height:44px;padding:8px 0;font-size:13px}
 dialog{padding:34px 24px 26px;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:24px}dialog h2{font-size:29px;line-height:1.2;padding-right:10px}dialog>p{font-size:14px}.close{width:44px;height:44px;top:5px;right:8px}.password-wrap button{width:44px;height:44px;top:13px;right:4px}label{font-size:13px}label input{font-size:16px;min-height:50px;border-radius:12px}#auth-switch{min-height:48px;font-size:12px;text-align:left;margin-top:12px;line-height:1.5}#auth-form .primary,#info-dialog .primary{min-height:48px;font-size:13px}dialog::backdrop{backdrop-filter:blur(6px)}
 .scan-summary{width:min(300px,90%);padding:18px;border-radius:22px;backdrop-filter:blur(8px)}.scan-summary>div{gap:15px}.scan-summary strong{font-size:25px}.scan-summary strong+strong{padding-left:15px}.scan-summary em{font-size:12px}.scan-summary strong>small{font-size:7px;letter-spacing:.6px}.scan-complete{font-size:9px}
 .toast{bottom:max(20px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px);font-size:13px;line-height:1.5;text-align:center;border-radius:15px}
}
@media(pointer:coarse){.click-ripple{display:none}.primary:hover,.source-icon:hover{transform:none}.reveal{transition-duration:.45s}}
@media(prefers-reduced-motion:reduce){.globe-backlight{animation:none}.reveal{opacity:1;transform:none}}

/* Larger mobile sphere, with a brighter, static crimson aura. */
@media(max-width:700px){
 .hero .art{height:clamp(370px,110vw,530px)}
 .globe-backlight{inset:-3% -8%;filter:blur(16px);opacity:1;background:radial-gradient(ellipse at 50% 47%,#ff173b63 0%,#ed003d5c 24%,#bd002f42 39%,#80001c24 54%,transparent 72%)}
 .art:before{inset:7% 0 9%;background:radial-gradient(ellipse at 50% 47%,#ff163f42 0%,#d9003640 38%,transparent 68%);filter:blur(18px);pointer-events:none}
 .hero:before{background:radial-gradient(ellipse at 50% 58%,#bd00205c, #78001c23 42%,transparent 73%)}
 .globe-controls{border-color:#ff557c99;box-shadow:0 0 18px #ff174649,0 0 42px #c5003e38,inset 0 1px 0 #ffadc42c}
 .hero h1 em{text-shadow:0 0 10px #ff244575,0 0 30px #f0003a77,0 0 65px #bd003c49}
 header{border-color:#ff345b66;box-shadow:0 0 20px #ff00352e,0 0 55px #b5002527,inset 0 1px 0 #ff829c26}
 .hero .primary{box-shadow:0 0 13px #ff245b66,0 0 38px #ed003c6b,0 10px 55px #a300323b,inset 0 1px 1px #ffb5c677}
 .reference-search #search-form{border-color:#b54b6a99;box-shadow:0 0 25px #d8003630,inset 0 1px 0 #ffffff14}
}