/* Mini ISP 3.0.0 · Four original, local, responsive visual systems. */
:root,[data-theme=aurora]{--bg:#f3f4fa;--surface:#ffffffdc;--border:#dadfec;--text:#222b46;--muted:#606b84;--primary:#5943c7;--on-primary:#fff;--success:#13765c;--danger:#bd3149;--warning:#8a5b12;--accent:#40bca5;--accent-two:#bdadfb;--soft:#eeebfb;--side:#fafaffd9;--radius:22px;--shadow:0 8px 32px #3c426809;--head-font:system-ui,sans-serif;color-scheme:light}
[data-theme=cyberpunk]{--bg:#0b0b13;--surface:#15141ff2;--border:#343044;--text:#f2f3fb;--muted:#aaa8c0;--primary:#b9fa4b;--on-primary:#121a05;--success:#a1ed63;--danger:#ff8fa6;--warning:#f2cf73;--accent:#c49aff;--accent-two:#b9fa4b;--soft:#242331;--side:#101019f5;--radius:16px;--shadow:0 12px 35px #0003;--head-font:'Trebuchet MS',system-ui,sans-serif;color-scheme:dark}
[data-theme=brutalism]{--bg:#f7f4e9;--surface:#fffef8;--border:#252520;--text:#252520;--muted:#56564a;--primary:#264dd0;--on-primary:#fff;--success:#19663a;--danger:#b72436;--warning:#805509;--accent:#ffdf49;--accent-two:#ff826b;--soft:#ffe567;--side:#ffdf49;--radius:3px;--shadow:5px 5px 0 #252520;--head-font:'Arial Black',system-ui,sans-serif;color-scheme:light}
[data-theme=clay]{--bg:#f5f5f9;--surface:#fff;--border:#e0e3ed;--text:#34354f;--muted:#676980;--primary:#6156b6;--on-primary:#fff;--success:#23755c;--danger:#b73a59;--warning:#876019;--accent:#b1d8cd;--accent-two:#e2c9eb;--soft:#eeebf8;--side:#fafafe;--radius:28px;--shadow:9px 9px 24px #d9dce96b,-5px -5px 20px #fff;--head-font:'Trebuchet MS',system-ui,sans-serif;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{font:14px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 86% 5%,#c6bdf450,transparent 44%),radial-gradient(ellipse at 15% 84%,#b0e7da40,transparent 40%)}[data-theme=cyberpunk] body::before{background:linear-gradient(#afa1f206 1px,transparent 1px),linear-gradient(90deg,#afa1f206 1px,transparent 1px),radial-gradient(ellipse at 100% 0,#8f46ca20,transparent 55%);background-size:42px 42px,42px 42px,100% 100%}[data-theme=brutalism] body::before{background:radial-gradient(#25252015 1px,transparent 1px);background-size:18px 18px}[data-theme=clay] body::before{background:radial-gradient(ellipse at 90% 15%,#d8c9f250,transparent 40%),radial-gradient(ellipse at 20% 85%,#c3e2dc45,transparent 45%)}h1,h2,h3{font-family:var(--head-font);color:var(--text);line-height:1.25}h1{font-size:clamp(25px,2.2vw,34px);letter-spacing:-1.2px;font-weight:760}h2{font-size:19px;letter-spacing:-.45px}p{line-height:1.7}.eyebrow{color:var(--primary);font-size:10px;letter-spacing:1.8px;font-weight:800}.card,.hero-panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:26px}.stack>*+*{margin-top:22px}.card>p:last-child{margin-bottom:0}.card>h2:first-child{margin-top:0}.grid2,.grid3,.grid4,.split{gap:20px}.btn,button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;background:var(--primary);color:var(--on-primary);border:1px solid transparent;padding:11px 17px;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;max-width:100%}.btn:hover,button:hover{text-decoration:none;transform:translateY(-1px);filter:brightness(1.04)}.btn.secondary,button.secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:none}button.danger{color:var(--bg);background:var(--danger)}button:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:wait;transform:none}input,select,textarea{border-radius:12px;background:var(--bg);border:1px solid var(--border);padding:12px 14px;min-height:46px;color:var(--text);accent-color:var(--primary)}input[type=checkbox],input[type=radio]{min-height:0;width:auto;accent-color:var(--primary)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);border-color:var(--primary);outline-offset:3px}label{font-size:12px;color:var(--muted);font-weight:650}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px}::selection{background:var(--primary);color:var(--on-primary)}.badge{background:var(--soft);border-color:transparent;padding:5px 10px;font-weight:650;font-size:11px}.alert{background:var(--surface);border-radius:14px;padding:15px 18px}.stat{letter-spacing:-1px;font-size:34px}.bar{height:8px;background:var(--soft)}.bar>span{background:var(--primary)}td,th{padding:15px 12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:750;background:var(--soft)}table tbody tr:hover{background:color-mix(in srgb,var(--soft) 40%,transparent)}.table-wrap{border-radius:var(--radius)}.pillnav{gap:8px}.pillnav .btn{font-size:12px;min-height:40px}.table-sort{min-height:36px}.form-grid{gap:20px}.skip-link{position:fixed;top:-80px;left:16px;z-index:1000;padding:12px 18px;background:var(--primary);color:var(--on-primary);border-radius:10px}.skip-link:focus{top:12px}.nav-icon{flex:none}.shell{grid-template-columns:252px minmax(0,1fr)}.sidebar{background:var(--side);backdrop-filter:blur(22px);padding:29px 17px 18px;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.sidebar-header{padding:0 7px 22px;border-bottom:1px solid var(--border)}.brand{font-size:17px;letter-spacing:-.6px;line-height:1.3}.brand-symbol{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:var(--primary);color:var(--on-primary)}.brand-symbol svg{width:22px;height:22px}.sidebar-tagline{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;margin:8px 0 0 46px;color:var(--muted)}.sidebar nav{display:block;margin:23px 0;flex:1}.sidebar .nav-group{margin-bottom:20px}.nav-group summary{padding:5px 12px;font-size:9px;letter-spacing:1.6px;color:var(--muted);list-style:none;display:flex;justify-content:space-between}.nav-group summary::after{content:'−';font-size:14px;line-height:1}.nav-group:not([open]) summary::after{content:'+'}.nav-group summary::-webkit-details-marker{display:none}.nav-group-links{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;font-size:12px;color:var(--muted);line-height:1.5;transition:background .15s,color .15s}.sidebar nav a:hover{background:var(--soft);color:var(--text);text-decoration:none}.sidebar nav a.active{background:var(--soft);color:var(--primary);font-weight:750}.sidebar nav a.active::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--primary);margin-left:auto;flex-shrink:0}.sidebar .team{display:flex;gap:10px;align-items:center;border-top:1px solid var(--border);padding:18px 8px 0;font-size:11px}.avatar{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);color:var(--primary);font-weight:800;flex:none;font-size:13px}.team strong{color:var(--text);display:block}.sidebar-footnote{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);padding:14px 8px 0}main{padding:30px 34px;max-width:1700px}.topbar{margin-bottom:30px;gap:20px;min-height:65px}.topbar h1{margin:7px 0 0}.topbar .eyebrow{font-size:9px;color:var(--muted)}.topbar-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}.menu-search-trigger{background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--border)!important;font-size:12px;min-width:140px;justify-content:flex-start}.menu-search-trigger kbd{margin-left:12px;font-size:9px;border:1px solid var(--border);border-radius:4px;padding:1px 4px}.account-menu{position:relative}.account-menu>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}.account-menu>summary::-webkit-details-marker{display:none}.account-menu summary .account-name{font-size:12px;color:var(--text)}.account-popover{position:absolute;right:0;top:54px;width:220px;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface);backdrop-filter:blur(25px);box-shadow:0 18px 45px #0002;z-index:40}.account-popover a,.account-popover button{display:flex;width:100%;justify-content:flex-start;padding:11px;font-size:12px}.account-popover form{margin-top:6px}.account-popover .small{padding:8px 11px;margin:0;color:var(--muted)}.theme-shortcut{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 13px;border:1px solid var(--border);border-radius:12px;color:var(--text)}.mobile-dock{display:none}.footer{border-top:1px solid var(--border);margin-top:38px;padding:22px 0 0;font-size:10px;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted)}.footer .small{font-size:10px}.release-badge{font-size:9px;letter-spacing:1px;border:1px solid var(--border);border-radius:6px;padding:3px 6px;color:var(--muted)}
/* Page introductions share a visual language without replacing actual measurements. */
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:27px 30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.page-intro h2{font-size:clamp(23px,2.6vw,34px);letter-spacing:-1.1px;margin:10px 0}.page-intro p{margin:0;max-width:540px;color:var(--muted);font-size:13px}.intro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.intro-number{font:11px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}.intro-stamp{font-size:9px;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:var(--muted)}.intro-stamp::before{content:'';height:6px;width:6px;border-radius:50%;background:var(--primary)}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.mini-metric{padding:18px 21px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.mini-metric strong{display:block;font-size:26px;letter-spacing:-1px}.mini-metric span{font-size:11px;color:var(--muted)}.voucher-cta{box-shadow:0 5px 16px color-mix(in srgb,var(--primary) 17%,transparent);padding:13px 21px}.router-art{width:250px;height:215px;position:relative;flex:none;display:flex;align-items:center;justify-content:center}.router-art svg{width:100%;position:relative;z-index:1;filter:drop-shadow(0 10px 10px #8582a315)}.router-shadow{fill:var(--primary);opacity:.12;filter:blur(4px)}.router-top{fill:var(--soft);stroke:color-mix(in srgb,var(--primary) 23%,var(--border));stroke-width:1}.router-front{fill:var(--accent-two);stroke:color-mix(in srgb,var(--primary) 23%,var(--border));stroke-width:1}.router-side{fill:color-mix(in srgb,var(--primary) 45%,var(--surface));stroke:color-mix(in srgb,var(--primary) 23%,var(--border));stroke-width:1}.router-antenna{stroke:var(--accent-two);stroke-width:9;stroke-linecap:round}.router-vents{stroke:var(--primary);stroke-width:2;opacity:.45;stroke-linecap:round}.router-signal{stroke:var(--primary);stroke-width:7;stroke-linecap:round}.router-led{fill:var(--primary)}.router-spark{fill:var(--accent)}.orbit{position:absolute;width:195px;height:195px;border:1px solid var(--border);border-radius:50%;transform:rotateX(58deg);top:23px;left:28px}.orbit-two{width:245px;height:245px;top:-1px;left:4px;opacity:.5}.art-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:8px ui-monospace,monospace;letter-spacing:3px;color:var(--muted)}.public-header{max-width:1280px;padding:22px 34px;border-bottom:1px solid var(--border);min-height:87px}.public-brand{font-size:18px;letter-spacing:-.65px}.public-header .btn{font-size:11px;min-height:40px}.public-main{max-width:1280px;padding:32px 34px}.public-footer{font-size:10px;margin-top:65px}.landing-hero{grid-template-columns:1.2fr 1fr;gap:48px;padding:48px 0 65px}.landing-hero h1{font-size:clamp(40px,5.6vw,73px);letter-spacing:-3.5px;line-height:1.06;max-width:740px}.hero-description{font-size:16px;line-height:1.85;max-width:520px}.landing-hero .hero-panel{position:relative;overflow:hidden;padding:28px;background:var(--surface);display:grid;grid-template-columns:1fr;align-items:center}.landing-hero .router-art{width:100%;height:240px;max-width:340px;margin:0 auto}.landing-hero .router-art svg{height:255px}.landing-hero .orbit{left:calc(50% - 97px)}.landing-hero .orbit-two{left:calc(50% - 122px)}.hero-panel h2{font-size:26px;margin:20px 0}.hero-panel .service-step{padding:14px 0;gap:15px}.hero-panel .service-step strong{font-size:13px}.hero-panel .service-step p{font-size:11px}.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 11px;border:1px solid var(--border);border-radius:30px;color:var(--muted);font-size:10px;letter-spacing:.6px}.hero-pill span{height:6px;width:6px;border-radius:50%;background:var(--accent)}.landing-section>h2{font-size:31px;letter-spacing:-1.3px}.portal-link{padding:28px}.portal-link h3{font-size:20px}.portal-link p{font-size:12px}.portal-link .portal-icon{display:inline-flex;align-items:center;justify-content:center;height:44px;width:44px;border:1px solid var(--border);border-radius:14px;background:var(--soft);color:var(--primary);margin-bottom:18px}.public-page .authcard{max-width:490px;margin:35px auto;padding:36px}.authcard h1,.authcard h2{font-size:29px;letter-spacing:-1.3px}.authcard>p{font-size:12px}.authcard form>button{width:100%}.shop-content{max-width:760px!important}.shop-intro{position:relative;overflow:hidden;padding:30px}.shop-intro h1{font-size:34px;margin:12px 0}.shop-intro .muted{max-width:540px}.shop-content #purchase-form{margin:24px auto!important}.shop-content .badge{font-size:10px}.shop-content form>button{width:100%}.social-links a{border-radius:12px;font-size:11px}.chart{border-radius:12px}.noc-focus .page-intro{display:none}.noc-monitor-header strong{font-family:var(--head-font)}
/* Theme gallery: previews are explicitly marked as sample data. */
.theme-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.theme-choice{position:relative;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow)}.theme-choice.is-selected{outline:3px solid var(--primary);outline-offset:3px}.theme-choice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:19px 5px 9px}.theme-choice h3{font-size:19px;margin:0 0 5px}.theme-choice p{font-size:12px;color:var(--muted);margin:9px 5px 17px}.theme-choice .inline{margin:0 5px}.theme-choice .inline button{font-size:12px;min-height:42px}.theme-preview{border-radius:14px;overflow:hidden;height:205px;border:1px solid var(--border);background:var(--bg);color:var(--text);position:relative;display:grid;grid-template-columns:61px 1fr;pointer-events:none}.theme-preview-side{padding:19px 10px;background:var(--side);border-right:1px solid var(--border)}.theme-preview-mark{height:19px;width:19px;border-radius:6px;background:var(--primary);margin-bottom:23px}.theme-preview-side i{display:block;height:5px;background:var(--border);margin:13px 0;border-radius:4px}.theme-preview-side i:first-of-type{background:var(--primary)}.theme-preview-main{padding:19px 17px;min-width:0}.theme-preview-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--muted)}.theme-preview-title{font:750 20px/1.25 var(--head-font);letter-spacing:-.8px;margin:15px 0 12px}.theme-preview-panels{display:grid;grid-template-columns:1.4fr 1fr;gap:9px}.theme-preview-panel{padding:12px 10px;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:8px}.theme-preview-panel strong{display:block;font-size:17px;margin-top:4px}.theme-preview-chart{height:25px;margin:10px 0 0;display:flex;gap:3px;align-items:flex-end}.theme-preview-chart i{display:block;width:9%;background:var(--primary);opacity:.7;border-radius:2px}.theme-preview-button{background:var(--primary);color:var(--on-primary);border-radius:5px;padding:6px 8px;display:inline-block;font-size:7px;font-weight:700;margin-top:8px}.theme-form-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:sticky;bottom:15px;background:var(--surface);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:16px 20px;margin:25px 0;box-shadow:var(--shadow);z-index:10}.theme-preview-notice{border:1px dashed var(--primary);border-radius:12px;padding:12px 16px;margin:18px 0;color:var(--primary);font-size:12px}.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.theme-current{font-size:11px;color:var(--muted)}.theme-preview-label{font-size:10px;letter-spacing:.8px;color:var(--muted)}.command-dialog{border:1px solid var(--border);border-radius:20px;max-width:520px;width:calc(100% - 32px);padding:0;background:var(--surface);color:var(--text);box-shadow:0 30px 100px #0005}.command-dialog::backdrop{background:#10122470;backdrop-filter:blur(7px)}.command-header{display:flex;padding:16px;gap:10px;border-bottom:1px solid var(--border)}.command-header input{border:0;background:transparent;box-shadow:none;min-width:0}.command-header button{min-width:40px;padding:8px}.command-results{padding:10px;max-height:360px;overflow-y:auto}.command-results a{display:flex;align-items:center;gap:13px;min-height:47px;padding:11px 14px;border-radius:10px;color:var(--text);font-size:13px}.command-results a:hover,.command-results a:focus{background:var(--soft);text-decoration:none}.command-results small{margin-left:auto;color:var(--muted);font-size:10px}.command-empty{padding:20px;color:var(--muted)}.command-footnote{padding:10px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.ui-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 20px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:14px;font-size:12px;max-width:calc(100% - 30px)}
/* Distinct material, geometry and type per theme. */
[data-theme=cyberpunk] h1,[data-theme=cyberpunk] .landing-hero h1{letter-spacing:-1.5px}[data-theme=cyberpunk] .eyebrow,[data-theme=cyberpunk] .intro-number{font-family:ui-monospace,monospace}[data-theme=cyberpunk] .btn:not(.secondary),[data-theme=cyberpunk] button:not(.secondary):not(.table-sort){box-shadow:0 0 19px #b9fa4b22}[data-theme=cyberpunk] .sidebar nav a.active{background:#b9fa4b10;color:var(--primary);border-left:2px solid var(--primary)}[data-theme=cyberpunk] .page-intro{background:radial-gradient(ellipse at 100% 10%,#a26bce20,transparent 60%),var(--surface)}[data-theme=cyberpunk] .router-signal{filter:drop-shadow(0 0 5px #b9fa4b66)}[data-theme=cyberpunk] .router-top{fill:#282435}[data-theme=cyberpunk] .theme-preview-button{box-shadow:0 0 12px #b9fa4b33}[data-theme=aurora] .card,[data-theme=aurora] .hero-panel,[data-theme=aurora] .page-intro{backdrop-filter:blur(18px)}[data-theme=aurora] .theme-preview{background:radial-gradient(ellipse at 80% 0,#d4bafa90,transparent 80%),radial-gradient(ellipse at 0 100%,#a8e4d87a,transparent 70%),#f4f4fb}[data-theme=aurora] .brand-symbol{background:linear-gradient(135deg,#8c74de,#4b43b9)}[data-theme=brutalism] .card,[data-theme=brutalism] .hero-panel,[data-theme=brutalism] .page-intro,[data-theme=brutalism] .theme-choice{border-width:2px}[data-theme=brutalism] .btn,[data-theme=brutalism] button:not(.table-sort),[data-theme=brutalism] .theme-shortcut{border:2px solid var(--border);border-radius:3px;box-shadow:3px 3px 0 var(--border)}[data-theme=brutalism] button:hover,[data-theme=brutalism] .btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border)}[data-theme=brutalism] .sidebar nav a,[data-theme=brutalism] input,[data-theme=brutalism] select,[data-theme=brutalism] textarea,[data-theme=brutalism] .badge{border-radius:3px}[data-theme=brutalism] .sidebar nav a.active{background:var(--text);color:#ffdf49}[data-theme=brutalism] .page-intro{background:#ffdf49}[data-theme=brutalism] .theme-preview{border:2px solid var(--border);border-radius:3px}[data-theme=brutalism] .theme-preview-panel,[data-theme=brutalism] .theme-preview-button{border:1px solid var(--border);border-radius:0;box-shadow:2px 2px 0 var(--border)}[data-theme=brutalism] .router-top{fill:#ffdf49;stroke:#252520;stroke-width:3}[data-theme=brutalism] .router-front{fill:#ff826b;stroke:#252520;stroke-width:3}[data-theme=brutalism] .router-side{fill:#264dd0;stroke:#252520;stroke-width:3}[data-theme=brutalism] .orbit{border-style:dashed}[data-theme=clay] .btn,[data-theme=clay] button{border-radius:16px}[data-theme=clay] .btn:not(.secondary),[data-theme=clay] button:not(.secondary):not(.table-sort){box-shadow:inset 0 3px 3px #ffffff38,inset 0 -3px 3px #00000016,0 5px 10px #6156b629}[data-theme=clay] .router-top{fill:#eeebfa;stroke:#d2cbe8;stroke-width:2}[data-theme=clay] .router-front{fill:#dbd1ed;stroke:#d2cbe8;stroke-width:2}[data-theme=clay] .router-side{fill:#b8b2d9;stroke:#b8b2d9;stroke-width:2}[data-theme=clay] .router-antenna{stroke:#ccc3e2;stroke-width:12}[data-theme=clay] .router-signal{stroke:#9c91cf;stroke-width:9}[data-theme=clay] .router-led{fill:#6caf96}[data-theme=clay] .router-art svg{filter:drop-shadow(5px 10px 5px #78709020)}[data-theme=clay] .theme-preview-panel{box-shadow:3px 4px 8px #c9c5de55;border:0;border-radius:13px}[data-theme=clay] .page-intro{background:linear-gradient(120deg,#fff,#efedf8)}
@media(prefers-reduced-motion:no-preference){[data-motion="1"] .router-art svg{animation:router-float 6s ease-in-out infinite}[data-motion="1"] .portal-link:hover{transform:translateY(-4px)}}@keyframes router-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}[data-motion="0"] *,[data-motion="0"] *::before,[data-motion="0"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-density=compact] main{padding-top:22px}[data-density=compact] .card{padding:20px}[data-density=compact] .stack>*+*{margin-top:16px}[data-density=compact] td,[data-density=compact] th{padding-top:10px;padding-bottom:10px}
@media(min-width:1700px){body{font-size:14px}.chart{height:240px}.stat{font-size:38px}}
@media(max-width:1150px){.shell{grid-template-columns:222px minmax(0,1fr)}main{padding:26px}.sidebar{padding:27px 12px}.topbar-tools{gap:8px}.theme-shortcut span{display:none}.menu-search-trigger{min-width:44px;padding:10px}.menu-search-trigger .search-label,.menu-search-trigger kbd{display:none}.page-intro{padding:24px}.page-intro .router-art{width:190px}.account-name{display:none!important}.theme-gallery{gap:16px}.theme-preview{grid-template-columns:50px 1fr}.theme-preview-main{padding:16px 12px}}
@media(max-width:1000px){.shell{display:block}.sidebar{position:sticky;top:0;height:auto;padding:12px 20px;border-right:0;border-bottom:1px solid var(--border);display:block}.sidebar-header{padding:0;border:0}.sidebar-tagline{margin:4px 0 0 46px;font-size:9px}.sidebar nav{margin:16px 0 0}.sidebar .nav-group{margin-bottom:14px}.sidebar .nav-group-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sidebar nav .nav-group a{border-radius:12px;font-size:12px;min-height:47px}.sidebar nav .nav-group a.active{background:var(--soft);color:var(--primary)}.sidebar .team,.sidebar-footnote{display:none}.sidebar.menu-open nav{max-height:65dvh;overflow-y:auto;padding-bottom:8px}.mobile-menu-toggle{font-size:12px;min-height:42px;min-width:64px!important}.topbar{flex-direction:row;align-items:center}.topbar-tools{width:auto}.topbar>.inline{width:auto}.topbar h1{font-size:27px}.mobile-dock{display:grid;position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:520px;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:20px;background:var(--side);backdrop-filter:blur(22px);box-shadow:0 5px 35px #0002;padding:7px;z-index:35}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;font-size:9px;color:var(--muted);border-radius:12px;text-decoration:none}.mobile-dock a[aria-current]{background:var(--soft);color:var(--primary);font-weight:750}.mobile-dock .nav-icon{width:19px;height:19px}.shell>main{padding-bottom:105px}.footer{padding-bottom:10px}.theme-form-footer{bottom:90px}.landing-hero{gap:28px}.landing-hero h1{font-size:57px;letter-spacing:-2.8px}.public-header{padding:20px 26px}.public-main{padding:25px 26px}}
@media(max-width:700px){body{font-size:13px}main{padding:21px 16px}.topbar{margin-bottom:23px;gap:10px;align-items:flex-start}.topbar h1{font-size:24px;letter-spacing:-.9px;max-width:280px}.topbar .eyebrow{font-size:8px;letter-spacing:1.1px}.topbar-tools{gap:7px;padding-top:4px}.theme-shortcut{display:none}.topbar-tools>[data-fullscreen]{display:none}.menu-search-trigger{width:36px;min-width:36px;min-height:38px;padding:8px}.menu-search-trigger .nav-icon{width:17px;height:17px}.account-menu>summary{min-height:38px}.account-menu>summary .avatar{width:34px;height:34px}.account-menu .account-chevron{display:none}.account-popover{top:46px}.sidebar{padding:12px 16px}.sidebar .brand{font-size:15px}.brand-symbol{width:33px;height:33px;border-radius:10px}.sidebar-tagline{margin-left:43px;letter-spacing:1px;font-size:8px}.card,.hero-panel{padding:21px;border-radius:var(--radius)}.grid2,.grid3,.split{grid-template-columns:1fr;gap:16px}.grid4{gap:12px}.stack>*+*{margin-top:18px}.page-intro{padding:23px;gap:16px;align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-intro .router-art{position:absolute;width:130px;height:125px;right:0;top:0;opacity:.45;pointer-events:none}.page-intro .router-art .art-caption{display:none}.page-intro .router-art .orbit{width:110px;height:110px;left:10px;top:0}.page-intro .router-art .orbit-two{width:130px;height:130px;left:0;top:-10px}.page-intro>div:first-child{position:relative;z-index:2;width:100%}.page-intro h2{font-size:29px;max-width:260px;margin:12px 0}.page-intro p{font-size:12px;max-width:360px}.intro-actions{margin-top:20px;gap:8px}.intro-actions .btn{font-size:12px;min-height:45px;padding:11px 14px}.intro-stamp{font-size:8px;letter-spacing:1.5px}.mini-metrics{gap:8px;margin:20px 0}.mini-metric{padding:14px 12px}.mini-metric strong{font-size:23px}.mini-metric span{font-size:10px}.public-header{padding:18px 16px;gap:15px;flex-wrap:wrap}.public-brand{font-size:17px;min-height:32px}.public-header nav{width:100%;display:flex;gap:7px;justify-content:flex-start}.public-header .btn{font-size:11px;flex:1;min-height:41px;padding:9px 10px}.public-main{padding:22px 16px}.landing-hero{grid-template-columns:1fr;padding:24px 0 42px;gap:29px}.landing-hero h1{font-size:49px;letter-spacing:-2.5px;margin:22px 0}.hero-description{font-size:14px;line-height:1.85}.landing-hero .inline{display:flex;flex-wrap:wrap;gap:10px}.landing-hero .inline a{font-size:12px;width:auto;flex:1;min-height:48px}.landing-hero .hero-panel{padding:24px}.landing-hero .router-art{height:215px}.landing-hero .router-art svg{height:230px}.hero-panel h2{font-size:25px;margin-top:13px}.hero-pill{font-size:9px}.landing-section>h2{font-size:28px;letter-spacing:-1.1px}.landing-section{margin-bottom:38px}.portal-link{padding:24px}.portal-link h3{font-size:21px}.portal-link p{font-size:13px}.portal-link .portal-icon{margin-bottom:13px}.contact-panel{gap:15px;padding:25px}.contact-panel .inline{display:flex;flex-wrap:wrap}.contact-panel .inline a{width:auto;flex:1;min-width:135px;font-size:12px}.public-page .authcard{padding:26px 23px;margin:14px auto}.authcard h1,.authcard h2{font-size:28px}.shop-intro{padding:25px}.shop-intro h1{font-size:30px}.theme-gallery{grid-template-columns:1fr;gap:22px}.theme-choice{padding:14px}.theme-preview{height:215px;grid-template-columns:65px 1fr}.theme-preview-main{padding:20px 17px}.theme-preview-title{font-size:22px}.theme-preview-panel{font-size:9px}.theme-preview-button{font-size:8px}.scope-grid{grid-template-columns:1fr;gap:18px}.theme-form-footer{padding:13px 14px;gap:8px;bottom:87px}.theme-form-footer button{font-size:12px;flex:1}.theme-current{width:100%;font-size:10px}.theme-choice-heading{margin-top:17px}.theme-choice p{font-size:12px}.desktop-settings-menu{display:none}.mobile-settings-menu{border-radius:16px}.mobile-settings-menu summary{min-height:65px}.ui-toast{bottom:95px;width:max-content;max-width:calc(100% - 32px);text-align:center}.invoice-amount{font-size:25px}.public-footer{margin-top:43px;padding-top:25px}.noc-focus .mobile-dock{display:none}.noc-focus .shell>main{padding-bottom:16px}.noc-focus .sidebar{display:none!important}input,select,textarea{font-size:16px}.form-grid{gap:17px}.footer{font-size:10px}}
@media(max-width:380px){.topbar h1{font-size:21px}.page-intro h2{font-size:26px}.landing-hero h1{font-size:43px}.intro-actions{display:grid;grid-template-columns:1fr}.intro-actions .btn{width:100%}.theme-preview{grid-template-columns:48px 1fr}.theme-preview-main{padding:18px 12px}.theme-preview-title{font-size:19px}.theme-preview-panel strong{font-size:15px}.mini-metric{padding:12px 9px}.mini-metric strong{font-size:21px}.mini-metric span{font-size:9px}.account-menu .avatar{width:31px!important;height:31px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body::before,.mobile-dock,.command-dialog,.theme-shortcut,.page-intro,.ui-toast{display:none!important}.card{box-shadow:none;border:1px solid #ccc;background:white;color:black}.shell>main{padding:0}.theme-form-footer{position:static}}
.theme-preview[data-theme=cyberpunk]{background:#0b0b13;border-radius:10px}.theme-preview[data-theme=aurora]{background:radial-gradient(ellipse at 80% 0,#d4bafa90,transparent 80%),radial-gradient(ellipse at 0 100%,#a8e4d87a,transparent 70%),#f4f4fb;border-radius:14px}.theme-preview[data-theme=brutalism]{background:#f7f4e9;border:2px solid #252520;border-radius:2px}.theme-preview[data-theme=clay]{background:#f5f5f9;border-radius:18px}.theme-preview[data-theme=brutalism] .theme-preview-panel,.theme-preview[data-theme=brutalism] .theme-preview-button{border:1px solid #252520;border-radius:0;box-shadow:2px 2px 0 #252520}.theme-preview[data-theme=clay] .theme-preview-panel{border:0;border-radius:13px;box-shadow:3px 4px 8px #c9c5de55}
.nav-icon{width:20px;height:20px}.brand .brand-symbol{color:var(--on-primary)}h2,h3{font-weight:700}.page-intro h2{font-weight:750}.client-services:has(>.card:only-child){grid-template-columns:1fr}
.theme-choice .inline button{min-height:44px}.theme-choice-heading>label{min-height:44px;min-width:68px;padding:0 5px}@media(max-width:700px){.menu-search-trigger{width:44px;min-width:44px;min-height:44px}.account-menu>summary{min-width:44px;min-height:44px;justify-content:center}}

.account-popover .account-fullscreen{display:none}@media(max-width:700px){.account-popover .account-fullscreen{display:flex}}

.error-page{display:grid;place-items:center;padding:24px}.error-context{width:min(100%,540px)}.error-card{max-width:540px;margin:0;padding:34px}.error-card h1{font-size:32px;margin:18px 0}.error-card p{color:var(--muted);font-size:14px;margin-bottom:24px}.error-footer{text-align:center;font-size:10px;color:var(--muted);padding:25px 0}
/* v3.0.3 · Additional local palettes, no remote fonts or scripts. */
[data-theme=mint]{--bg:#f0f7f3;--surface:#ffffff;--border:#cedfd5;--text:#18392e;--muted:#51695e;--primary:#11664f;--on-primary:#fff;--success:#176343;--danger:#af3347;--warning:#805713;--accent:#a7deb9;--accent-two:#cfe8a4;--soft:#dcefe4;--side:#f9fdfa;--radius:24px;--shadow:0 8px 28px #164b2e09;--head-font:system-ui,sans-serif;color-scheme:light}
[data-theme=midnight]{--bg:#101623;--surface:#1a2335;--border:#3a4860;--text:#eef1fa;--muted:#b1bdd2;--primary:#b0bfff;--on-primary:#172047;--success:#81dab5;--danger:#ff9dab;--warning:#f0cd86;--accent:#85d3cf;--accent-two:#b0bfff;--soft:#293550;--side:#151d2d;--radius:18px;--shadow:0 12px 36px #0002;--head-font:system-ui,sans-serif;color-scheme:dark}
[data-theme=sunset]{--bg:#fff6ee;--surface:#fffdf9;--border:#e9d4c5;--text:#442c32;--muted:#7b5e63;--primary:#ac3933;--on-primary:#fff;--success:#276644;--danger:#aa2c46;--warning:#845517;--accent:#f6b180;--accent-two:#d3bbec;--soft:#fbe4d6;--side:#fffaf4;--radius:26px;--shadow:0 8px 30px #7a39220b;--head-font:'Trebuchet MS',system-ui,sans-serif;color-scheme:light}
[data-theme=editorial]{--bg:#f3f2ee;--surface:#fffefa;--border:#cfcec6;--text:#252923;--muted:#62665c;--primary:#303b2c;--on-primary:#fffefa;--success:#386344;--danger:#ad3743;--warning:#78571c;--accent:#c8d4b0;--accent-two:#e1d2bd;--soft:#e8eae1;--side:#f9f8f3;--radius:10px;--shadow:0 4px 18px #25292306;--head-font:Georgia,'Times New Roman',serif;color-scheme:light}
[data-theme=mint] body::before{background:radial-gradient(ellipse at 90% 5%,#c0e5cc70,transparent 55%)}
[data-theme=midnight] body::before{background:radial-gradient(ellipse at 85% 0,#47569d28,transparent 55%)}
[data-theme=sunset] body::before{background:radial-gradient(ellipse at 95% 0,#ffc48a45,transparent 50%),radial-gradient(ellipse at 0 95%,#d9c7eb45,transparent 45%)}
[data-theme=editorial] body::before{background:none}
.theme-preview:is([data-theme=mint],[data-theme=midnight],[data-theme=sunset],[data-theme=editorial]){background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}
.theme-preview:is([data-theme=mint],[data-theme=midnight],[data-theme=sunset],[data-theme=editorial]) .theme-preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:none}
.theme-preview:is([data-theme=mint],[data-theme=midnight],[data-theme=sunset],[data-theme=editorial]) .theme-preview-button{background:var(--primary);color:var(--on-primary);border:0;border-radius:8px;box-shadow:none}
.theme-preview:is([data-theme=mint],[data-theme=midnight],[data-theme=sunset],[data-theme=editorial]) .theme-preview-side{background:var(--side)}
/* Landing: service-led bento layout, real brand content and no invented metrics. */
.landing-next{padding-top:34px}.landing-next .landing-hero{align-items:center;gap:48px;padding:20px 0 40px}.landing-next .landing-hero h1{font-size:clamp(42px,5.6vw,76px);line-height:1.05;max-width:760px;overflow-wrap:anywhere;margin:24px 0}.landing-next .hero-description{max-width:540px}.landing-next .hero-pill{letter-spacing:1.1px}.landing-next .hero-actions{margin-top:26px;gap:12px}.landing-next .hero-panel{position:relative;overflow:hidden;padding:30px;background:linear-gradient(145deg,var(--surface),var(--soft));min-width:0}.landing-next .hero-panel::after{content:'';position:absolute;width:250px;height:250px;border:1px solid var(--border);border-radius:50%;right:-90px;top:-90px;pointer-events:none}.landing-next .hero-panel .router-art{height:245px}.landing-visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-tag{display:inline-block;background:var(--surface);border:1px solid var(--border);padding:7px 12px;border-radius:30px;font-size:10px;font-weight:750;color:var(--text)}.landing-visual-title{font-size:30px;letter-spacing:-1px;margin:12px 0}.landing-visual-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.landing-visual-links a{padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);text-decoration:none;font-weight:700;font-size:12px}.landing-visual-links a span{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.landing-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 60px;padding:22px 0;gap:24px}.landing-benefits strong{font-size:14px}.landing-benefits p{font-size:12px;color:var(--muted);margin:5px 0 0}.landing-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.landing-section-head h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1.1px;margin:9px 0 0}.landing-section-head p{max-width:320px;color:var(--muted);font-size:12px;margin:0}.landing-next .portal-link{position:relative;min-height:220px;transition:transform .18s,border-color .18s}.landing-next .portal-link:hover{transform:translateY(-4px);border-color:var(--primary)}.landing-next .portal-link:first-child{background:var(--soft)}.landing-next .portal-link>span:last-child{display:inline-flex;align-items:center;gap:10px;margin-top:15px;font-weight:750}.landing-plan-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.landing-next .contact-panel{background:var(--soft);border-radius:var(--radius);margin-top:24px}.landing-next .contact-panel h2{font-size:clamp(25px,3vw,36px);max-width:530px}.landing-team-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:12px}.landing-team-links a{color:var(--muted);padding:10px 0;min-height:44px}.landing-next .landing-section{margin-bottom:56px}
@media(max-width:1000px){.landing-next .landing-hero{gap:28px}.landing-next .landing-hero h1{font-size:52px}}
@media(max-width:700px){.landing-next{padding-top:8px}.landing-next .landing-hero{padding-top:12px;gap:26px}.landing-next .landing-hero h1{font-size:43px;letter-spacing:-2px}.landing-next .hero-pill{font-size:8px;letter-spacing:.7px}.landing-next .hero-panel{padding:22px}.landing-next .hero-panel .router-art{height:205px}.landing-visual-title{font-size:27px}.landing-next .hero-actions a{flex:1 1 150px}.landing-benefits{grid-template-columns:1fr;margin-bottom:36px;gap:18px}.landing-benefits>div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}.landing-benefits p{margin:0}.landing-section-head{display:block}.landing-section-head p{margin-top:14px}.landing-next .landing-section{margin-bottom:36px}.landing-next .portal-link{min-height:0}.landing-visual-links{gap:8px}.landing-visual-links a{padding:12px;font-size:11px}}

/* v3.0.6: landing spacing, aligned actions and compact mobile sections. */
.landing-next{padding-top:20px}.landing-next .landing-hero{padding:20px 0 36px;gap:40px}.landing-next .landing-hero h1{font-size:clamp(40px,5.1vw,68px);text-wrap:balance}.landing-next .hero-panel .router-art{height:210px}.landing-next .hero-description{max-width:510px}.landing-next .hero-actions{align-items:stretch}.landing-next .hero-actions .btn{min-height:48px}.landing-next .landing-section{margin-bottom:44px}.landing-next .portal-link{display:flex;flex-direction:column;align-items:flex-start;height:100%;min-width:0}.landing-next .portal-link h3{margin:10px 0 12px;overflow-wrap:anywhere}.landing-next .portal-link p{margin:0 0 4px}.landing-next .portal-link>span:last-child{margin-top:auto;padding-top:20px}.landing-next .landing-benefits{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 26px;margin-bottom:44px}.landing-next .contact-panel{margin-top:0}.landing-next .contact-panel .inline{gap:12px}.landing-next .contact-panel .btn{min-height:48px}.landing-next .landing-visual-links a{min-height:68px;display:flex;flex-direction:column;justify-content:center}.landing-next .landing-visual-title{text-wrap:balance}
@media(max-width:700px){.landing-next{padding-top:4px}.landing-next .landing-hero{padding:14px 0 26px;gap:22px}.landing-next .landing-hero h1{font-size:clamp(36px,10.7vw,43px);margin:20px 0;letter-spacing:-1.7px}.landing-next .hero-panel .router-art{height:180px}.landing-next .hero-description{line-height:1.75}.landing-next .landing-benefits{padding:18px;gap:16px;margin-bottom:32px}.landing-next .landing-benefits>div{grid-template-columns:minmax(82px,.85fr) minmax(0,1.5fr);gap:12px}.landing-next .landing-benefits>div+div{padding-top:16px;border-top:1px solid var(--border)}.landing-next .landing-section{margin-bottom:30px}.landing-next .portal-link{padding:22px;min-height:0}.landing-next .portal-link .portal-icon{margin-bottom:12px}.landing-next .portal-link>span:last-child{padding-top:14px}.landing-next .contact-panel{padding:23px}.landing-next .contact-panel .inline{width:100%;display:grid;grid-template-columns:1fr}.landing-next .contact-panel .btn{width:100%;min-width:0}.landing-next .landing-section-head{margin-bottom:20px}}
@media(max-width:480px){.landing-next .hero-actions{display:grid;grid-template-columns:1fr}.landing-next .hero-actions a{width:100%;min-width:0}.landing-next .landing-visual-top{flex-wrap:wrap;gap:10px}.landing-next .landing-visual-links{grid-template-columns:1fr 1fr}.landing-next .landing-visual-links a{font-size:11px;padding:12px;overflow-wrap:anywhere}}
/* v3.0.7: aligned brand credit, wraps naturally on small screens. */
.developer-credit{font-size:11px;line-height:1.65;color:var(--muted);margin:0;display:block}.developer-credit a{color:inherit;font-weight:650;text-decoration:none}.developer-credit a:hover{text-decoration:underline}.public-footer,.footer{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}.public-footer .developer-credit,.footer .developer-credit{margin:0;text-align:right}.public-footer>div,.footer>div{min-width:0}@media(max-width:700px){.public-footer,.footer{flex-direction:column;align-items:flex-start;gap:6px}.public-footer .developer-credit,.footer .developer-credit{text-align:left}}
.app-logo,.hotspot-logo,.header-logo,.logo-preview{background:transparent;object-fit:contain;mix-blend-mode:normal;filter:none}

/* Keep the layout at the device width; retain zoom-in and vertical scrolling. */
html{width:100%;min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;min-width:0;min-height:100vh;min-height:100svh}.shell,.shell>main,.public-page,.public-main{min-width:0;max-width:100%}.public-footer>.social-links{flex-basis:100%}

/* v3.0.9: low-glare surfaces with readable text, without neon or backdrop glare. */
[data-theme=slate]{--bg:#151c24;--surface:#202a35;--border:#394857;--text:#dbe5ef;--muted:#afbecd;--primary:#a3bdd9;--on-primary:#17222f;--success:#9bc9ad;--danger:#efa8aa;--warning:#d8c28c;--accent:#8ba8be;--accent-two:#93a7c2;--soft:#2b3744;--side:#1a232d;--radius:16px;--shadow:0 7px 24px #0002;--head-font:system-ui,sans-serif;color-scheme:dark}
[data-theme=forest]{--bg:#14211f;--surface:#1d2d29;--border:#395148;--text:#dce8e1;--muted:#afc3b8;--primary:#a5c6b2;--on-primary:#192b22;--success:#a6d6b2;--danger:#eeb0a7;--warning:#d9c695;--accent:#9ab9a6;--accent-two:#b8c7a8;--soft:#293e35;--side:#192722;--radius:16px;--shadow:0 7px 24px #0002;--head-font:system-ui,sans-serif;color-scheme:dark}
[data-theme=mocha]{--bg:#211d1b;--surface:#2b2521;--border:#51453b;--text:#e8ddcf;--muted:#c5b6a4;--primary:#cdb492;--on-primary:#2c231a;--success:#b1c7a3;--danger:#e6afa9;--warning:#d9c196;--accent:#b7a48e;--accent-two:#b6a09a;--soft:#3a3029;--side:#25201c;--radius:16px;--shadow:0 7px 24px #0002;--head-font:system-ui,sans-serif;color-scheme:dark}
html:is([data-theme=slate],[data-theme=forest],[data-theme=mocha]) body::before{background:none}html:is([data-theme=slate],[data-theme=forest],[data-theme=mocha]) .card{backdrop-filter:none}html:is([data-theme=slate],[data-theme=forest],[data-theme=mocha]) .btn{box-shadow:none}.theme-preview:is([data-theme=slate],[data-theme=forest],[data-theme=mocha]) .theme-preview-panel{background:var(--surface);border:1px solid var(--border);box-shadow:none}.theme-preview:is([data-theme=slate],[data-theme=forest],[data-theme=mocha]) .theme-preview-button{background:var(--primary);color:var(--on-primary);box-shadow:none}.theme-preview:is([data-theme=slate],[data-theme=forest],[data-theme=mocha]) .theme-preview-side{background:var(--side)}