body[data-advanced-theme]:not([data-advanced-theme=""]){font-family:var(--sans)}body[data-advanced-theme]:not([data-advanced-theme=""]) :is(h1,h2,.page-heading h1,.planner-intro h1,.shop-header h1){font-family:var(--fx-heading);font-weight:400;letter-spacing:-.035em}body[data-advanced-theme]:not([data-advanced-theme=""]) :is(button,input,select,textarea,.tab,.resource-name){font-family:var(--sans)}body[data-advanced-theme]:not([data-advanced-theme=""]) h1{font-size:clamp(34px,4.6vw,60px);line-height:1.15}body[data-advanced-theme=hud] h1,body[data-advanced-theme=chrome] h1{font-size:clamp(27px,3.5vw,46px)}
.theme-scene{height:156px;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:18px;margin:0 0 28px;background:var(--desk);color:var(--ink);--pointer-x:75%;--pointer-y:50%;contain:paint}.theme-scene[hidden]{display:none}.fx-caption{position:absolute;left:26px;top:26px;z-index:2;display:flex;flex-direction:column;gap:7px;max-width:60%}.fx-caption>span,.fx-caption>small{font:9px var(--sans);letter-spacing:2.6px;color:var(--muted)}.fx-caption>strong{font:400 clamp(22px,3vw,36px) var(--fx-heading);color:var(--ink);line-height:1.15}.fx-caption>small{font-size:8px;letter-spacing:2px}.fx-core{position:absolute;right:12%;top:23px;width:110px;height:110px;border-radius:50%;background:var(--accent)}.fx-orbit{position:absolute;right:calc(12% - 24px);top:0;width:158px;height:158px;border:1px solid var(--accent);border-radius:50%;opacity:.5}.fx-orbit-two{transform:rotateX(65deg) rotate(-25deg);scale:1.6}.fx-particles{position:absolute;inset:0}.fx-particles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:var(--accent);border-radius:50%;animation:fx-drift 9s ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.5}.fx-grid{position:absolute;inset:0;background:var(--theme-pattern)}@keyframes fx-drift{to{transform:translate(20px,-18px);opacity:.15}}@keyframes fx-spin{to{transform:rotate(360deg)}}@keyframes fx-float{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes fx-scan{to{background-position:0 240px}}@keyframes fx-swell{50%{scale:1.12;filter:brightness(1.12)}}
body[data-advanced-theme=solar] .fx-core{background:radial-gradient(circle,#fff 0 20%,#fff2b2 42%,#f5b63e 68%,transparent 71%);box-shadow:0 0 25px #f6c358,0 0 65px #e5a93b66;animation:fx-swell 9s ease-in-out infinite}body[data-advanced-theme=solar] .fx-orbit{border:3px dotted #dca136;animation:fx-spin 45s linear infinite;box-shadow:0 0 22px #f2b44444}body[data-advanced-theme=solar] .fx-grid{background:repeating-conic-gradient(from 0deg at 77% 50%,transparent 0 14deg,#e4b13f15 16deg 19deg,transparent 21deg 30deg)}body[data-solar-phase=night] .fx-core{background:radial-gradient(circle,#050916 52%,#ffd779 62%,#86e8ce 68%,transparent 72%);box-shadow:0 0 45px #71d9c833}
body[data-advanced-theme=hud] .theme-scene{border-radius:2px;border-color:#4ca897;box-shadow:inset 0 0 25px #3dd4b915}body[data-advanced-theme=hud] .fx-core{background:linear-gradient(135deg,#69e5ca22,#5fcced55);border:1px solid var(--accent);border-radius:4px;transform:rotate(45deg);box-shadow:inset 0 0 20px #62e2dd55,0 0 18px #62e2dd33}body[data-advanced-theme=hud] .fx-grid{background:repeating-linear-gradient(0deg,transparent 0 3px,#57e9d208 3px 4px),linear-gradient(0deg,transparent 45%,#66e7d33a 50%,transparent 55%);background-size:100% 100%,100% 240px;animation:fx-scan 7s linear infinite}body[data-advanced-theme=hud] .fx-orbit{border-style:dashed;animation:fx-spin 35s linear infinite}body[data-advanced-theme=hud] .fx-particles i{height:2px;width:18px;border-radius:0;box-shadow:0 0 7px var(--accent)}
body[data-advanced-theme=cyber] .theme-scene{background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#c5208b55,transparent 60%),#10091d;box-shadow:inset 0 -2px #ec56bd,inset 0 2px #70f7df}body[data-advanced-theme=cyber] .fx-core{background:linear-gradient(135deg,#9524fb,#ed3ca7,#46e8d4);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0;animation:fx-float 6s ease-in-out infinite}body[data-advanced-theme=cyber] .fx-orbit{border-color:#ea5dcc;box-shadow:0 0 10px #ea5dcc;animation:fx-spin 22s linear infinite;border-radius:28%}body[data-advanced-theme=cyber] .fx-grid{background:repeating-linear-gradient(0deg,transparent 0 24px,#db5be922 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#db5be922 24px 25px);transform:perspective(220px) rotateX(55deg) scale(1.5);transform-origin:bottom}
body[data-advanced-theme=glass] .theme-scene{background:radial-gradient(at var(--pointer-x) var(--pointer-y),#ffffffcc,transparent 50%),linear-gradient(115deg,#dbc9e9,#b0d9e0);border-color:#fff}body[data-advanced-theme=glass] .fx-core{border-radius:23px;background:#ffffff50;border:1px solid #fff;backdrop-filter:blur(8px);box-shadow:12px 16px 28px #34547833,inset 0 1px 0 white;animation:fx-float 8s ease-in-out infinite}body[data-advanced-theme=glass] .fx-orbit{border-radius:20px;background:#ffffff22;border-color:#fff8;transform:rotate(-16deg);animation:fx-float 11s ease-in-out infinite}body[data-advanced-theme=glass] .fx-orbit-two{scale:.65;transform:translateX(55px) rotate(20deg)}
body[data-advanced-theme=tactile] .theme-scene{background:repeating-linear-gradient(0deg,#cdd1cc 0 2px,#d7dbd6 2px 4px);border:3px solid #939e94;box-shadow:inset 0 3px 8px #0002}body[data-advanced-theme=tactile] .fx-core{border-radius:16px;background:linear-gradient(135deg,#fafcf8,#a5b3a7);border:8px solid #e5eae3;box-shadow:9px 12px 0 #778a7d,14px 18px 15px #293d3b33;animation:fx-key 8s ease-in-out infinite}body[data-advanced-theme=tactile] .fx-core::after{content:'↵';position:absolute;inset:10px;display:grid;place-items:center;color:#344d41;font:48px monospace}body[data-advanced-theme=tactile] .fx-orbit{display:none}body[data-advanced-theme=tactile] .fx-particles i{border-radius:2px;width:8px;height:8px;background:#5f7669;animation:none;opacity:.15}@keyframes fx-key{0%,80%,100%{transform:translateY(0)}86%,92%{transform:translateY(5px);box-shadow:4px 5px 0 #778a7d,6px 8px 8px #293d3b33}}
body[data-advanced-theme=chalk] h1{font-size:clamp(44px,6vw,76px)!important}body[data-advanced-theme=chalk] .theme-scene{border:2px dashed #c8d6b688;border-radius:5px 20px 7px 16px;background:#27342e}body[data-advanced-theme=chalk] .fx-core{background:none;border:3px dashed #e4edcf;border-radius:42% 55% 39% 49%;box-shadow:0 0 5px #fff3;animation:fx-float 10s ease-in-out infinite}body[data-advanced-theme=chalk] .fx-core::after{content:'a²+b²';font:26px Caveat,cursive;position:absolute;top:35px;left:14px;transform:rotate(-12deg)}body[data-advanced-theme=chalk] .fx-orbit{border-style:dashed;opacity:.25}body[data-advanced-theme=chalk] .fx-particles i{box-shadow:3px 5px 1px #dde9c833,-4px -3px 1px #dde9c855;width:2px;height:2px}
body[data-advanced-theme=blueprint] .theme-scene{border-radius:0;border:1px solid var(--ink)}body[data-advanced-theme=blueprint] .fx-core{border-radius:0;background:repeating-linear-gradient(45deg,transparent 0 6px,#ffffff25 6px 7px);border:1px solid var(--ink);transform:rotate(30deg);animation:fx-draft 20s ease-in-out infinite alternate}body[data-advanced-theme=blueprint] .fx-orbit{border-radius:0;border-style:dashed;scale:1.1}body[data-advanced-theme=blueprint] .fx-orbit-two{transform:rotate(90deg);scale:1.35}body[data-advanced-theme=blueprint] .fx-particles i{border-radius:0;background:none;border:1px solid #fff;width:5px;height:5px;animation:none}@keyframes fx-draft{to{transform:rotate(60deg)}}
body[data-advanced-theme=eink] .theme-scene{border-radius:0;border:double 4px #4e4b43;background:repeating-linear-gradient(0deg,#f1ede4 0 3px,#ede8dd 3px 4px)}body[data-advanced-theme=eink] .fx-core{border-radius:1px;background:#f7f4ed;border:1px solid #36352e;transform:rotate(-8deg);box-shadow:6px 6px 0 #45433c!important}body[data-advanced-theme=eink] .fx-core::after{content:'Aa';position:absolute;inset:15px;display:grid;place-items:center;font:42px Literata,Georgia;color:#292824}body[data-advanced-theme=eink] .fx-orbit{display:none}body[data-advanced-theme=eink] .fx-particles i{background:#333;opacity:.12;width:1px;height:1px}
body[data-advanced-theme=matrix] .theme-scene{border-radius:32px;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),var(--selected),var(--desk))}body[data-advanced-theme=matrix] .fx-core{border-radius:28% 65% 45% 60%;background:var(--accent);animation:fx-morph 14s ease-in-out infinite;opacity:.85}body[data-advanced-theme=matrix] .fx-orbit{background:var(--accent);border:0;opacity:.14;border-radius:65% 35% 70% 40%;animation:fx-morph 20s ease-in-out infinite reverse}body[data-advanced-theme=matrix] .fx-particles i{width:12px;height:12px;opacity:.12}@keyframes fx-morph{50%{border-radius:65% 30% 65% 35%;transform:rotate(35deg) scale(.9)}}
body[data-advanced-theme=midnight] .theme-scene{background:radial-gradient(ellipse at 75% 90%,#659b7755,transparent 60%),linear-gradient(110deg,#071a13,#163d2b)}body[data-advanced-theme=midnight] .fx-core{background:radial-gradient(ellipse,#b3f3cc33,transparent 65%);box-shadow:0 0 45px #7dc9a233;animation:fx-swell 12s ease-in-out infinite}body[data-advanced-theme=midnight] .fx-orbit{border:0;background:linear-gradient(90deg,transparent,#bdedcb1a,transparent);border-radius:50%;width:80%;right:-10%;height:60px;top:80px;filter:blur(12px);animation:fx-float 17s ease-in-out infinite}body[data-advanced-theme=midnight] .fx-particles i{background:#c0ffd6;box-shadow:0 0 6px 2px #8ef3af88;animation:fx-firefly 8s ease-in-out infinite;animation-delay:var(--delay)}@keyframes fx-firefly{0%,100%{opacity:.1;transform:translate(0,0)}50%{opacity:.8;transform:translate(22px,-14px)}}
body[data-advanced-theme=chrome] .theme-scene{background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#60708266,transparent 60%),#101316}body[data-advanced-theme=chrome] .fx-core{background:conic-gradient(from 30deg,#f9fcff,#4b5662,#d1dce4,#fff,#35414c,#d4dce6,#f9fcff);border-radius:37% 65% 36% 56%;box-shadow:inset 5px 5px 12px #fff9,inset -10px -12px 17px #0006,0 15px 25px #0005;animation:fx-morph 9s ease-in-out infinite}body[data-advanced-theme=chrome] .fx-orbit{border:5px solid #bccbd755;box-shadow:inset 0 2px 3px #fff8,0 2px 5px #0008;transform:rotateX(60deg) rotate(-25deg)}
body[data-advanced-theme=vapor] .theme-scene{background:linear-gradient(180deg,#bdb2c9,#dbd2c3 80%);border:2px solid #897b72}body[data-advanced-theme=vapor] .fx-core{background:#eee5d9;box-shadow:0 0 35px #f8e8cfaa;opacity:.7}body[data-advanced-theme=vapor] .fx-orbit{width:260px;height:80px;right:5%;top:90px;border:0;border-radius:50%;background:#c3bacc;filter:blur(15px);animation:fx-cloud 24s ease-in-out infinite alternate}body[data-advanced-theme=vapor] .fx-orbit-two{top:35px;right:-10%;background:#dce0cf;animation-direction:alternate-reverse}body[data-advanced-theme=vapor] .fx-particles{opacity:.2}@keyframes fx-cloud{to{transform:translateX(-55px)}}
.theme-touch{position:fixed;z-index:9999;pointer-events:none;width:18px;height:18px;margin:-9px;border:2px solid var(--touch-color);border-radius:50%;animation:fx-touch .8s ease-out forwards}.touch-chalk{border-style:dotted;box-shadow:8px 0 var(--touch-color),-8px 4px var(--touch-color),0 -7px var(--touch-color)}.touch-hud,.touch-blueprint{border-radius:0}.touch-cyber{box-shadow:0 0 12px var(--touch-color)}.touch-glass,.touch-chrome{border:3px double var(--touch-color)}.touch-matrix{background:var(--touch-color);border:0}.touch-midnight{box-shadow:0 0 15px var(--touch-color)}@keyframes fx-touch{to{transform:scale(4);opacity:0}}
.fx-paused *,.fx-tab-hidden .theme-scene *{animation-play-state:paused!important}.theme-motion-off .theme-scene *{animation:none!important}.theme-motion-off .theme-touch{display:none}@media(prefers-reduced-motion:reduce){.theme-scene *{animation:none!important}.theme-touch{display:none}}@media(max-width:700px){.theme-scene{height:132px;margin-bottom:20px;border-radius:12px}.fx-caption{left:16px;top:23px;max-width:58%}.fx-caption>span{font-size:7px;letter-spacing:1.3px}.fx-caption>strong{font-size:22px}.fx-caption>small{font-size:7px;letter-spacing:1px}.fx-core{right:7%;top:24px;width:82px;height:82px}.fx-orbit{right:calc(7% - 16px);width:114px;height:114px;top:8px}.fx-particles i:nth-child(n+9){display:none}body[data-advanced-theme=chrome] .fx-caption>strong,body[data-advanced-theme=hud] .fx-caption>strong{font-size:17px}body[data-advanced-theme]:not([data-advanced-theme=""]) h1{overflow-wrap:normal}body[data-advanced-theme=chalk] .fx-core::after{font-size:21px;top:22px;left:8px}}