.scog-anchor{position:fixed;top:10px;right:10px;z-index:1000}.scog-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:transform .16s ease,box-shadow .16s ease}.scog-btn:hover{transform:rotate(30deg);box-shadow:0 4px 14px #00000029}.scog-dropdown{position:absolute;top:calc(100% + 8px);right:0}.scog-dropdown>.theme-picker{min-width:260px;padding-bottom:0}.navbar{position:fixed;top:var(--navbar-top-offset);left:50%;transform:translate(-50%);z-index:999;min-height:var(--navbar-height);display:flex;align-items:center;gap:24px;padding:6px 8px 6px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);backdrop-filter:blur(var(--blur-card));-webkit-backdrop-filter:blur(var(--blur-card));box-shadow:var(--shadow-soft);font-family:var(--font-body);white-space:nowrap}.navbar-brand{text-decoration:none;color:var(--text);font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:900;letter-spacing:-.5px;line-height:1}.navbar-un{display:inline-block;transform:rotate(-8deg);transform-origin:center center;color:var(--muted);transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s ease}.navbar-brand:hover .navbar-un{transform:rotate(0);color:var(--text)}.navbar-ui{color:var(--success)}.navbar-links{display:flex;align-items:center;gap:2px}.navbar-link{text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:6px 14px;border-radius:var(--radius-pill);transition:background .2s ease,color .2s ease}.navbar-link:hover,.navbar-link--active{color:var(--text);background:var(--accent-soft)}@media(max-width:640px){.navbar{gap:12px;padding:5px 6px 5px 14px}.navbar-brand{font-size:.92rem}.navbar-link{font-size:.72rem;padding:5px 10px}}.npl-root{--npl-green: #00D26A;--npl-black: #111111;--npl-white: #FFFFFF;--npl-bg: #F4F2ED;--npl-gray: #888888;--npl-blue: #4A90D9;--npl-red: #E53935;display:flex;flex-direction:column;align-items:center;gap:22px;font-family:DM Sans,sans-serif}.npl-stack{display:flex;flex-direction:column;align-items:center;position:relative}.npl-card{width:320px;padding:14px 18px;border-radius:16px;display:flex;align-items:center;gap:12px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;box-shadow:0 2px 20px #00000014;margin-top:-6px;opacity:0;transform:translateY(-40px);animation:npl-slide-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.npl-card:first-child{margin-top:0}@keyframes npl-slide-in{to{opacity:1;transform:translateY(0)}}.npl-card:nth-child(5){animation-delay:.8s}.npl-card:nth-child(4){animation-delay:1.4s}.npl-card:nth-child(3){animation-delay:2s}.npl-card:nth-child(2){animation-delay:2.6s}.npl-card:nth-child(1){animation-delay:3.2s}.npl-n1{background:var(--npl-green);color:var(--npl-black);transform-origin:center;rotate:-1.5deg;z-index:7}.npl-n2{background:var(--npl-white);color:var(--npl-black);border:2px solid #e8e8e8;rotate:1deg;z-index:6}.npl-n3{background:var(--npl-black);color:var(--npl-white);rotate:-.5deg;z-index:5}.npl-n4{background:var(--npl-white);color:var(--npl-black);border:2px solid #e8e8e8;rotate:1.5deg;z-index:4}.npl-n5{background:var(--npl-green);color:var(--npl-black);rotate:-1deg;z-index:3}.npl-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.npl-icon svg{width:18px;height:18px;stroke-width:2.5}.npl-n1 .npl-icon{background:var(--npl-black)}.npl-n2 .npl-icon{background:#f0f0f0}.npl-n3 .npl-icon,.npl-n4 .npl-icon{background:var(--npl-green)}.npl-n5 .npl-icon{background:var(--npl-white)}.npl-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.npl-title{font-size:12px;font-weight:700;line-height:1.2}.npl-sub{font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.3}.npl-n1 .npl-sub{color:#1a6b3a}.npl-n2 .npl-sub{color:var(--npl-blue)}.npl-n3 .npl-sub{color:#6ba4e0}.npl-n4 .npl-sub{color:var(--npl-blue)}.npl-n5 .npl-sub{color:#1a6b3a}.npl-action{padding:5px 12px;border-radius:8px;font-size:10px;font-weight:700;flex-shrink:0;letter-spacing:.5px;text-transform:uppercase;font-family:Space Mono,monospace}.npl-n1 .npl-action{background:var(--npl-black);color:var(--npl-green)}.npl-n2 .npl-action{background:var(--npl-green);color:var(--npl-black)}.npl-n3 .npl-action{background:#333;color:var(--npl-white)}.npl-n4 .npl-action{background:var(--npl-black);color:var(--npl-white)}.npl-n5 .npl-action{background:var(--npl-black);color:var(--npl-green)}.npl-badge{position:absolute;top:-6px;right:-6px;width:22px;height:22px;background:var(--npl-red);color:#fff;border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--npl-white);font-family:DM Sans,sans-serif;animation:npl-badge-pop .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:2.9s}@keyframes npl-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.npl-wordmark-row{display:flex;flex-direction:column;gap:10px;width:320px;opacity:0;transform:translateY(20px);animation:npl-slide-in .5s cubic-bezier(.34,1.56,.64,1) .3s forwards}.npl-wordmark{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.npl-toggle-wrap{display:flex;align-items:center;gap:7px;flex-shrink:0}.npl-toggle{appearance:none;width:52px;height:28px;padding:0;border:none;background:#ccc;border-radius:14px;position:relative;cursor:pointer;box-shadow:0 0 0 2.5px var(--npl-black),inset 0 1px 3px #00000026;transition:background .25s ease,transform .15s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.npl-toggle:after{content:"";position:absolute;top:50%;left:2px;width:22px;height:22px;background:var(--npl-white);border-radius:50%;transform:translateY(-50%);transition:left .25s cubic-bezier(.34,1.56,.64,1),background .25s ease;box-shadow:0 1px 4px #00000040}.npl-toggle--on{background:var(--npl-green);transform:scale(.92)}.npl-toggle--on:after{left:24px;background:var(--npl-black)}.npl-w-wrap{display:flex;align-items:baseline;gap:6px}.npl-w{font-size:38px;font-weight:900;letter-spacing:-1.5px;line-height:1;color:var(--text);font-family:DM Sans,sans-serif}.npl-ui{font-size:38px;font-weight:900;letter-spacing:-1.5px;line-height:1;color:var(--success);font-family:DM Sans,sans-serif}.npl-un{display:inline-block;transform:rotate(-14deg);transform-origin:center center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease;color:var(--muted)}.npl-un--on{transform:rotate(0);color:var(--text)}.npl-progress-wrap{display:flex;flex-direction:column;gap:5px}.npl-progress-meta{display:flex;justify-content:space-between;align-items:baseline}.npl-progress-label{font-family:Space Mono,monospace;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--npl-gray)}.npl-progress-pct{font-family:Space Mono,monospace;font-size:9px;font-weight:700;color:var(--npl-green)}.npl-progress-track{width:100%;height:6px;background:#dddad3;border-radius:99px;position:relative}.npl-progress-fill{height:100%;width:0%;background:var(--npl-green);border-radius:99px;position:relative;animation:npl-fill-bar 1.5s ease-out 3.8s forwards}@keyframes npl-fill-bar{to{width:73%}}.npl-progress-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 10px,rgba(0,0,0,.07) 10px,rgba(0,0,0,.07) 12px);border-radius:inherit}.npl-progress-dot{position:absolute;left:0%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--npl-green);border:2px solid var(--npl-black);border-radius:50%;animation:npl-move-dot 1.5s ease-out 3.8s forwards,npl-pulse-dot 1.8s ease-in-out infinite}@keyframes npl-move-dot{to{left:73%}}@keyframes npl-pulse-dot{0%,to{box-shadow:0 0 #00d26a99}50%{box-shadow:0 0 0 5px #00d26a00}}.page{width:min(1180px,100%);margin:0 auto}.hero-branding{display:flex;align-items:center;justify-content:center;padding:100px 20px}.gallery-header{width:min(1024px,100%);margin:0 auto 28px;display:flex;flex-direction:column;gap:12px}.gallery-header .ds-subtitle{color:var(--gallery-subtitle-color, var(--muted))}.gallery-controls{width:min(1024px,100%);margin:0 auto 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.gallery-controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.gallery-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:calc(var(--radius-control) + 4px);background:var(--card)}.gallery-toggle-button{border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font:inherit;font-family:var(--font-ui);cursor:pointer;transition:color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.gallery-toggle-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px}.gallery-toggle-button:hover{transform:translateY(-1px);color:var(--text)}.gallery-toggle-button--active{color:var(--text);background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-soft)}.gallery-selects{display:flex;flex-wrap:wrap;gap:12px}.gallery-select-field{display:grid;gap:6px}.gallery-select-label{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-ui)}.gallery-sort-select{min-width:170px;padding-right:42px}.gallery-control-summary{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.88rem;font-weight:600}.gallery-control-summary span{display:inline-flex;align-items:center;gap:8px}.gallery-control-summary span:not(:last-child):after{content:"";width:4px;height:4px;border-radius:999px;background:var(--line)}.grid{width:min(1024px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),320px));justify-content:center;gap:20px;padding-bottom:60px}.grid--list{grid-template-columns:1fr}.demo-card{display:grid;gap:14px;min-height:220px;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.demo-card--list{min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}.demo-card-main{display:grid;gap:14px}.demo-card-footer{margin-top:auto;display:grid;gap:14px}.demo-card--list .demo-card-footer{min-width:220px;justify-items:end;align-content:end}.demo-card:hover{transform:translateY(-2px);box-shadow:0 24px 42px #17212b1f;border-color:#17212b24}.demo-type{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 10px;border-radius:999px;background:var(--accent-soft);color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.demo-card h2{margin:0;font-size:1.35rem;line-height:1.1;letter-spacing:-.04em}.demo-card p{margin:0;color:var(--muted);line-height:1.55;font-size:.97rem}.demo-tags{display:flex;flex-wrap:wrap;gap:8px}.demo-card--list .demo-tags{justify-content:flex-end}.demo-tag{display:inline-flex;align-items:center;padding:8px 10px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--accent-soft);color:var(--muted);font-size:.8rem;font-weight:700;line-height:1}.demo-link{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:600}.demo-link:after{content:"↗";font-size:.95rem}@media(max-width:640px){body{padding:16px}.gallery-controls-row{align-items:stretch;width:100%}.gallery-selects,.gallery-sort-select,.gallery-select-field{width:100%}.gallery-toggle{align-self:flex-start}.gallery-toggle-button{width:44px;height:44px}.grid{grid-template-columns:minmax(0,1fr)}.demo-card--list{grid-template-columns:1fr}.demo-card--list .demo-card-footer{min-width:0;justify-items:start}.demo-card--list .demo-tags{justify-content:flex-start}.hero-branding{min-height:90vh;padding:40px 0}}:root{--font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-body);--font-ui: var(--font-body);--bg-top: #f8f9fb;--bg-bottom: #e7ecf1;--card: rgba(255, 255, 255, .88);--panel: rgba(255, 255, 255, .94);--card-solid: #ffffff;--text: #17212b;--muted: #687382;--line: rgba(23, 33, 43, .08);--accent: #2f3741;--accent-hover: #1f262e;--accent-soft: #f3f6f9;--success: #1f8f63;--danger: #ff8c69;--page-orb-a: rgba(255, 255, 255, .94);--page-orb-a-size: 28%;--page-orb-b: rgba(208, 215, 223, .76);--page-orb-b-size: 30%;--fs-display: clamp(1.2rem, 4vw, 3.8rem);--fs-display-wide: clamp(2.2rem, 4vw, 4rem);--fs-display-xl: clamp(2.4rem, 4vw, 4.25rem);--fs-heading-md: clamp(1.45rem, 3vw, 2.1rem);--fs-body: 1rem;--fs-body-lg: 1.03rem;--fs-label: .92rem;--fs-label-sm: .82rem;--fs-stat: 1.06rem;--radius-card: 32px;--radius-panel: 24px;--radius-pill: 999px;--radius-control: 18px;--space-card: 32px;--space-card-lg: 36px;--space-card-xl: 40px;--space-panel: 22px;--space-chip-y: 10px;--space-chip-x: 14px;--shadow: 0 24px 72px rgba(23, 33, 43, .12);--shadow-card: 0 24px 72px rgba(23, 33, 43, .12);--shadow-soft: 0 16px 34px rgba(23, 33, 43, .08);--blur-card: 18px}:root,:root[data-theme=neutral-glass]{--font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-body);--font-ui: var(--font-body);--bg-top: #f8f9fb;--bg-bottom: #e7ecf1;--card: rgba(255, 255, 255, .88);--panel: rgba(255, 255, 255, .94);--card-solid: #ffffff;--text: #17212b;--muted: #687382;--line: rgba(23, 33, 43, .08);--accent: #2f3741;--accent-hover: #1f262e;--accent-soft: #f3f6f9;--page-orb-a: rgba(255, 255, 255, .94);--page-orb-b: rgba(208, 215, 223, .76);--radius-card: 32px;--radius-panel: 24px;--radius-control: 18px;--space-card: 32px;--space-card-lg: 36px;--space-card-xl: 40px;--space-panel: 22px;--shadow-card: 0 24px 72px rgba(23, 33, 43, .12);--shadow-soft: 0 16px 34px rgba(23, 33, 43, .08);--blur-card: 18px}:root[data-theme=editorial-warm]{--font-body: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-ui: "Avenir Next", "Segoe UI", system-ui, sans-serif;--bg-top: #f5eee3;--bg-bottom: #eadfce;--card: rgba(255, 250, 243, .9);--panel: rgba(255, 252, 247, .96);--card-solid: #fffaf3;--text: #30251f;--muted: #6e5e52;--line: rgba(88, 65, 48, .14);--accent: #6b4d3a;--accent-hover: #563d2d;--accent-soft: #f1e4d3;--page-orb-a: rgba(255, 249, 238, .96);--page-orb-b: rgba(225, 203, 177, .75);--radius-card: 24px;--radius-panel: 20px;--radius-control: 16px;--space-card: 36px;--space-card-lg: 42px;--space-card-xl: 48px;--space-panel: 24px;--shadow-card: 0 22px 58px rgba(79, 54, 36, .14);--shadow-soft: 0 12px 28px rgba(79, 54, 36, .09);--blur-card: 12px}:root[data-theme=terminal-sharp]{--font-body: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-display: var(--font-body);--font-ui: var(--font-body);--bg-top: #0a100d;--bg-bottom: #040705;--card: rgba(18, 32, 24, .92);--panel: rgba(14, 26, 19, .96);--card-solid: #13231a;--text: #c4f5d2;--muted: #89b89a;--line: rgba(143, 214, 165, .28);--accent: #9df0af;--accent-hover: #7fdc93;--accent-soft: rgba(157, 240, 175, .12);--success: #5ee89a;--danger: #f07068;--page-orb-a: rgba(18, 44, 27, .5);--page-orb-b: rgba(7, 14, 10, .35);--radius-card: 10px;--radius-panel: 8px;--radius-control: 6px;--space-card: 24px;--space-card-lg: 28px;--space-card-xl: 32px;--space-panel: 18px;--shadow-card: 0 18px 42px rgba(0, 0, 0, .5);--shadow-soft: 0 8px 20px rgba(0, 0, 0, .35);--blur-card: 0px;--ds-card-border: 1px solid rgba(143, 214, 165, .2);--ds-badge-bg: rgba(157, 240, 175, .08);--ds-stats-bg: rgba(157, 240, 175, .06);--ds-panel-bg: rgba(14, 26, 19, .96);--ds-input-bg: rgba(10, 18, 14, .9);--ds-input-focus-border: rgba(157, 240, 175, .4);--ds-input-focus-shadow: 0 0 0 4px rgba(157, 240, 175, .1);--ds-button-bg: linear-gradient(180deg, #1a3526 0%, #0f2118 100%);--ds-button-shadow: 0 18px 32px rgba(0, 0, 0, .35);--ds-switch-bg: rgba(143, 214, 165, .15);--ds-switch-active-bg: linear-gradient(180deg, #1f7a4a 0%, #14553a 100%);--ds-switch-knob: #c4f5d2}:root[data-theme=playful-outline]{--font-body: "Trebuchet MS", "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Arial Rounded MT Bold", "Trebuchet MS", "Avenir Next", "Segoe UI", sans-serif;--font-ui: "Trebuchet MS", "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;--bg-top: #fff4cf;--bg-bottom: #ece9ff;--card: rgba(255, 255, 255, .97);--panel: rgba(255, 255, 255, .99);--card-solid: #ffffff;--text: #1f2354;--muted: #6067a4;--line: rgba(76, 89, 210, .28);--accent: #ff5f8f;--accent-hover: #ec3f77;--accent-soft: #eef0ff;--page-orb-a: rgba(255, 215, 128, .5);--page-orb-b: rgba(169, 181, 255, .6);--page-orb-a-size: 34%;--page-orb-b-size: 36%;--radius-card: 42px;--radius-panel: 30px;--radius-control: 22px;--space-card: 40px;--space-card-lg: 44px;--space-card-xl: 50px;--space-panel: 26px;--shadow-card: 0 14px 0 rgba(87, 99, 216, .18), 0 28px 0 rgba(255, 95, 143, .1), 0 34px 70px rgba(87, 99, 216, .18);--shadow-soft: 0 8px 0 rgba(87, 99, 216, .12), 0 16px 28px rgba(87, 99, 216, .12);--blur-card: 6px;--ds-card-border: 2px solid rgba(90, 103, 224, .22);--ds-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 248, 255, .98));--ds-badge-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(240, 244, 255, .96));--ds-stats-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(243, 246, 255, .96));--ds-input-bg: linear-gradient(180deg, #ffffff, #f6f7ff);--ds-input-focus-border: rgba(255, 95, 143, .55);--ds-input-focus-shadow: 0 0 0 5px rgba(255, 95, 143, .14);--ds-button-bg: linear-gradient(180deg, #5b66e5 0%, #ff5f8f 100%);--ds-button-shadow: 0 10px 0 rgba(91, 102, 229, .18), 0 18px 32px rgba(255, 95, 143, .22);--ds-switch-bg: #d9defe;--ds-switch-active-bg: linear-gradient(180deg, #5b66e5 0%, #ff5f8f 100%);--ds-switch-knob: #ffffff}:root[data-theme=retro]{--font-body: "American Typewriter", "Courier New", Courier, monospace;--font-display: "American Typewriter", "Courier New", Courier, monospace;--font-ui: "American Typewriter", "Courier New", Courier, monospace;--bg-top: #2b1f0e;--bg-bottom: #1a1208;--card: rgba(58, 42, 18, .92);--panel: rgba(48, 34, 14, .96);--card-solid: #3a2a12;--text: #ffb347;--muted: #c4893a;--line: rgba(255, 179, 71, .2);--accent: #ff8c00;--accent-hover: #e67a00;--accent-soft: rgba(255, 140, 0, .12);--success: #7fcd5a;--danger: #e05040;--page-orb-a: rgba(80, 55, 20, .4);--page-orb-b: rgba(40, 28, 10, .3);--page-orb-a-size: 32%;--page-orb-b-size: 28%;--radius-card: 6px;--radius-panel: 4px;--radius-control: 4px;--space-card: 28px;--space-card-lg: 32px;--space-card-xl: 36px;--space-panel: 20px;--shadow-card: 0 4px 0 rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .4);--shadow-soft: 0 2px 0 rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .3);--blur-card: 0px;--ds-card-border: 2px solid rgba(255, 179, 71, .25);--ds-badge-bg: rgba(255, 140, 0, .1);--ds-stats-bg: rgba(255, 140, 0, .08);--ds-panel-bg: rgba(48, 34, 14, .96);--ds-input-bg: rgba(30, 22, 8, .9);--ds-input-focus-border: rgba(255, 140, 0, .5);--ds-input-focus-shadow: 0 0 0 3px rgba(255, 140, 0, .15);--ds-button-bg: linear-gradient(180deg, #5a3e10 0%, #3a2808 100%);--ds-button-shadow: 0 4px 0 rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .3);--ds-switch-bg: rgba(255, 179, 71, .15);--ds-switch-active-bg: linear-gradient(180deg, #b36800 0%, #7a4800 100%);--ds-switch-knob: #ffb347}:root[data-theme=cyberdeck]{--font-body: "Andale Mono", "Lucida Console", "Menlo", monospace;--font-display: "Andale Mono", "Lucida Console", "Menlo", monospace;--font-ui: "Andale Mono", "Lucida Console", "Menlo", monospace;--bg-top: #0a0a1a;--bg-bottom: #050510;--card: rgba(12, 12, 35, .94);--panel: rgba(8, 8, 28, .97);--card-solid: #0c0c23;--text: #00f0ff;--muted: #6888aa;--line: rgba(0, 240, 255, .15);--accent: #ff2d6f;--accent-hover: #e01858;--accent-soft: rgba(255, 45, 111, .12);--success: #00ff88;--danger: #ff2d6f;--page-orb-a: rgba(0, 240, 255, .08);--page-orb-b: rgba(255, 45, 111, .06);--page-orb-a-size: 38%;--page-orb-b-size: 34%;--radius-card: 2px;--radius-panel: 2px;--radius-control: 2px;--space-card: 26px;--space-card-lg: 30px;--space-card-xl: 34px;--space-panel: 18px;--shadow-card: 0 0 1px rgba(0, 240, 255, .6), 0 0 20px rgba(0, 240, 255, .08), 0 20px 40px rgba(0, 0, 0, .6);--shadow-soft: 0 0 1px rgba(0, 240, 255, .4), 0 8px 20px rgba(0, 0, 0, .4);--blur-card: 0px;--ds-card-border: 1px solid rgba(0, 240, 255, .25);--ds-badge-bg: rgba(0, 240, 255, .06);--ds-stats-bg: rgba(0, 240, 255, .04);--ds-panel-bg: rgba(8, 8, 28, .97);--ds-input-bg: rgba(4, 4, 16, .9);--ds-input-focus-border: rgba(255, 45, 111, .6);--ds-input-focus-shadow: 0 0 0 3px rgba(255, 45, 111, .15), 0 0 12px rgba(255, 45, 111, .1);--ds-button-bg: linear-gradient(180deg, rgba(255, 45, 111, .3) 0%, rgba(255, 45, 111, .15) 100%);--ds-button-shadow: 0 0 1px rgba(255, 45, 111, .8), 0 12px 24px rgba(0, 0, 0, .5);--ds-switch-bg: rgba(0, 240, 255, .1);--ds-switch-active-bg: linear-gradient(180deg, #ff2d6f 0%, #b01848 100%);--ds-switch-knob: #00f0ff}:root[data-theme=banking]{--font-body: "Didot", "Bodoni MT", "Noto Serif Display", "Times New Roman", serif;--font-display: "Didot", "Bodoni MT", "Noto Serif Display", "Times New Roman", serif;--font-ui: "Optima", "Candara", "Gill Sans", "Segoe UI", sans-serif;--bg-top: #f7f6f3;--bg-bottom: #eceae4;--card: rgba(255, 255, 255, .95);--panel: rgba(255, 255, 255, .98);--card-solid: #ffffff;--text: #1a1f2e;--muted: #6b7185;--line: rgba(26, 31, 46, .1);--accent: #1a3a5c;--accent-hover: #0f2840;--accent-soft: #eef2f7;--success: #1a7a52;--danger: #b83232;--page-orb-a: rgba(255, 255, 255, .7);--page-orb-b: rgba(210, 200, 180, .3);--page-orb-a-size: 24%;--page-orb-b-size: 26%;--radius-card: 12px;--radius-panel: 8px;--radius-control: 8px;--space-card: 36px;--space-card-lg: 42px;--space-card-xl: 48px;--space-panel: 24px;--shadow-card: 0 1px 3px rgba(26, 31, 46, .06), 0 12px 36px rgba(26, 31, 46, .08);--shadow-soft: 0 1px 2px rgba(26, 31, 46, .04), 0 6px 18px rgba(26, 31, 46, .06);--blur-card: 12px;--ds-card-border: 1px solid rgba(26, 31, 46, .08);--ds-badge-bg: #eef2f7;--ds-stats-bg: #f4f5f8;--ds-panel-bg: rgba(255, 255, 255, .98);--ds-input-bg: #f8f8f6;--ds-input-focus-border: rgba(26, 58, 92, .4);--ds-input-focus-shadow: 0 0 0 3px rgba(26, 58, 92, .08);--ds-button-bg: linear-gradient(180deg, #1a3a5c 0%, #0f2840 100%);--ds-button-shadow: 0 1px 2px rgba(26, 31, 46, .1), 0 8px 20px rgba(26, 58, 92, .15);--ds-switch-bg: #d8dce4;--ds-switch-active-bg: linear-gradient(180deg, #1a3a5c 0%, #0f2840 100%);--ds-switch-knob: #ffffff}:root[data-theme=kiddo]{--font-body: "Marker Felt", "Comic Sans MS", "Chalkboard SE", "Bradley Hand", cursive;--font-display: "Marker Felt", "Comic Sans MS", "Chalkboard SE", "Bradley Hand", cursive;--font-ui: "Marker Felt", "Comic Sans MS", "Chalkboard SE", "Bradley Hand", cursive;--bg-top: #ffe8f0;--bg-bottom: #d4f5ff;--card: rgba(255, 255, 255, .92);--panel: rgba(255, 255, 255, .96);--card-solid: #ffffff;--text: #2d1b4e;--muted: #8b6baf;--line: rgba(45, 27, 78, .12);--accent: #ff6b35;--accent-hover: #e55520;--accent-soft: #fff0e8;--success: #22c55e;--danger: #ef4444;--page-orb-a: rgba(255, 200, 60, .35);--page-orb-b: rgba(120, 200, 255, .35);--page-orb-a-size: 40%;--page-orb-b-size: 38%;--radius-card: 28px;--radius-panel: 22px;--radius-control: 16px;--space-card: 32px;--space-card-lg: 38px;--space-card-xl: 44px;--space-panel: 22px;--shadow-card: 0 6px 0 rgba(255, 107, 53, .2), 0 12px 0 rgba(34, 197, 94, .12), 0 24px 48px rgba(45, 27, 78, .15);--shadow-soft: 0 4px 0 rgba(255, 107, 53, .15), 0 12px 24px rgba(45, 27, 78, .1);--blur-card: 8px;--ds-card-border: 3px solid rgba(255, 107, 53, .25);--ds-badge-bg: rgba(255, 200, 60, .15);--ds-stats-bg: rgba(120, 200, 255, .12);--ds-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 248, 240, .96));--ds-input-bg: linear-gradient(180deg, #ffffff, #fff8f0);--ds-input-focus-border: rgba(255, 107, 53, .5);--ds-input-focus-shadow: 0 0 0 5px rgba(255, 107, 53, .12);--ds-button-bg: linear-gradient(180deg, #ff6b35 0%, #ff4500 100%);--ds-button-shadow: 0 4px 0 rgba(255, 69, 0, .3), 0 12px 24px rgba(255, 107, 53, .25);--ds-switch-bg: rgba(255, 107, 53, .15);--ds-switch-active-bg: linear-gradient(180deg, #ff6b35 0%, #22c55e 100%);--ds-switch-knob: #ffffff}:root[data-theme=intranet-beige]{--font-body: Tahoma, Verdana, "Segoe UI", sans-serif;--font-display: Tahoma, Verdana, "Segoe UI", sans-serif;--font-ui: Tahoma, Verdana, "Segoe UI", sans-serif;--bg-top: #e8e3d8;--bg-bottom: #d8d2c4;--card: rgba(243, 239, 230, .92);--panel: rgba(246, 243, 236, .97);--card-solid: #f3efe6;--text: #2a2f3a;--muted: #6f7685;--line: rgba(42, 47, 58, .12);--accent: #47688f;--accent-hover: #385372;--accent-soft: #e5edf6;--success: #4e7a4c;--danger: #a65353;--page-orb-a: rgba(255, 255, 255, .42);--page-orb-b: rgba(151, 165, 188, .22);--page-orb-a-size: 26%;--page-orb-b-size: 22%;--radius-card: 10px;--radius-panel: 8px;--radius-control: 6px;--space-card: 30px;--space-card-lg: 34px;--space-card-xl: 38px;--space-panel: 20px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .85), 0 12px 28px rgba(64, 58, 48, .12);--shadow-soft: 0 1px 0 rgba(255, 255, 255, .7), 0 6px 14px rgba(64, 58, 48, .08);--blur-card: 6px;--ds-card-border: 1px solid rgba(94, 103, 118, .18);--ds-badge-bg: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(225, 232, 242, .86));--ds-stats-bg: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(232, 235, 240, .86));--ds-panel-bg: linear-gradient(180deg, rgba(251, 248, 242, .98), rgba(238, 233, 225, .98));--ds-input-bg: linear-gradient(180deg, #fdfbf7 0%, #ebe5d9 100%);--ds-input-focus-border: rgba(71, 104, 143, .45);--ds-input-focus-shadow: 0 0 0 3px rgba(71, 104, 143, .12);--ds-button-bg: linear-gradient(180deg, #5b7da4 0%, #446487 100%);--ds-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 8px 18px rgba(71, 104, 143, .16);--ds-switch-bg: #d3d7df;--ds-switch-active-bg: linear-gradient(180deg, #6f8eb3 0%, #47688f 100%);--ds-switch-knob: #fefdf9}:root[data-theme=brutalist-signal]{--font-body: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;--font-display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;--font-ui: "Arial Narrow", "Helvetica Neue Condensed", "Franklin Gothic Medium", sans-serif;--bg-top: #f5f0e6;--bg-bottom: #e6ddd0;--card: rgba(255, 250, 242, .98);--panel: rgba(255, 250, 242, 1);--card-solid: #fffaf2;--text: #111111;--muted: #57514a;--line: rgba(17, 17, 17, .18);--accent: #d63b22;--accent-hover: #b72d17;--accent-soft: rgba(214, 59, 34, .08);--success: #1d7a48;--danger: #d63b22;--page-orb-a: rgba(255, 255, 255, .24);--page-orb-b: rgba(214, 59, 34, .08);--page-orb-a-size: 20%;--page-orb-b-size: 16%;--radius-card: 2px;--radius-panel: 2px;--radius-control: 2px;--space-card: 28px;--space-card-lg: 34px;--space-card-xl: 40px;--space-panel: 20px;--shadow-card: 10px 10px 0 rgba(17, 17, 17, .9);--shadow-soft: 6px 6px 0 rgba(17, 17, 17, .5);--blur-card: 0px;--ds-card-border: 3px solid #111111;--ds-badge-bg: #fff3dd;--ds-stats-bg: #f0e5d5;--ds-panel-bg: linear-gradient(180deg, #fffaf2 0%, #f1e7d7 100%);--ds-input-bg: #fffdf8;--ds-input-focus-border: rgba(214, 59, 34, .72);--ds-input-focus-shadow: 0 0 0 4px rgba(214, 59, 34, .16);--ds-button-bg: linear-gradient(180deg, #ff5a36 0%, #d63b22 100%);--ds-button-shadow: 6px 6px 0 rgba(17, 17, 17, .95);--ds-switch-bg: #d7d0c6;--ds-switch-active-bg: linear-gradient(180deg, #ff5a36 0%, #d63b22 100%);--ds-switch-knob: #111111}:root[data-theme=wellness-luxe]{--font-body: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-display: "Didot", "Bodoni MT", "Iowan Old Style", Georgia, serif;--font-ui: "Avenir Next", "Segoe UI", system-ui, sans-serif;--bg-top: #edf1e7;--bg-bottom: #d9ddd0;--card: rgba(248, 245, 238, .84);--panel: rgba(251, 248, 243, .9);--card-solid: #f8f5ee;--text: #2d302d;--muted: #6e7268;--line: rgba(66, 62, 54, .1);--accent: #a46e54;--accent-hover: #875742;--accent-soft: rgba(164, 110, 84, .1);--success: #5d8a68;--danger: #ba705d;--page-orb-a: rgba(255, 244, 230, .45);--page-orb-b: rgba(163, 135, 124, .18);--page-orb-a-size: 34%;--page-orb-b-size: 30%;--radius-card: 30px;--radius-panel: 24px;--radius-control: 18px;--space-card: 34px;--space-card-lg: 40px;--space-card-xl: 46px;--space-panel: 24px;--shadow-card: 0 24px 56px rgba(91, 86, 72, .12);--shadow-soft: 0 14px 28px rgba(91, 86, 72, .08);--blur-card: 16px;--ds-card-border: 1px solid rgba(167, 152, 138, .22);--ds-badge-bg: linear-gradient(180deg, rgba(255, 249, 239, .84), rgba(244, 236, 227, .8));--ds-stats-bg: linear-gradient(180deg, rgba(248, 243, 235, .86), rgba(238, 231, 223, .84));--ds-panel-bg: linear-gradient(180deg, rgba(255, 250, 244, .88), rgba(243, 238, 231, .84));--ds-input-bg: linear-gradient(180deg, rgba(255, 252, 247, .92), rgba(244, 239, 231, .9));--ds-input-focus-border: rgba(164, 110, 84, .42);--ds-input-focus-shadow: 0 0 0 4px rgba(164, 110, 84, .1);--ds-button-bg: linear-gradient(180deg, #b88367 0%, #8f5f47 100%);--ds-button-shadow: 0 18px 30px rgba(143, 95, 71, .16);--ds-switch-bg: rgba(164, 110, 84, .14);--ds-switch-active-bg: linear-gradient(180deg, #c08c70 0%, #8f5f47 100%);--ds-switch-knob: #fffaf4}:root[data-theme=hazard-stripe]{--font-body: "Arial Black", "Helvetica Neue", Arial, sans-serif;--font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--font-ui: "Arial Narrow", "Franklin Gothic Medium", "Helvetica Neue", sans-serif;--bg-top: #f4c400;--bg-bottom: #c99500;--card: rgba(25, 25, 24, .94);--panel: rgba(18, 18, 18, .97);--card-solid: #1a1a18;--text: #fff4c1;--muted: #d0c18d;--line: rgba(255, 213, 64, .24);--accent: #ffd23f;--accent-hover: #ffbf00;--accent-soft: rgba(255, 210, 63, .12);--success: #74d27a;--danger: #ff6b4a;--page-orb-a: rgba(255, 244, 193, .14);--page-orb-b: rgba(0, 0, 0, .18);--page-orb-a-size: 18%;--page-orb-b-size: 24%;--radius-card: 6px;--radius-panel: 4px;--radius-control: 4px;--space-card: 28px;--space-card-lg: 34px;--space-card-xl: 40px;--space-panel: 20px;--shadow-card: 0 0 0 2px rgba(255, 210, 63, .26), 0 24px 48px rgba(0, 0, 0, .38);--shadow-soft: 0 0 0 1px rgba(255, 210, 63, .18), 0 12px 24px rgba(0, 0, 0, .22);--blur-card: 0px;--ds-card-border: 2px solid rgba(255, 210, 63, .34);--ds-badge-bg: repeating-linear-gradient(-45deg, rgba(255, 210, 63, .16) 0 10px, rgba(255, 210, 63, .06) 10px 20px);--ds-stats-bg: linear-gradient(180deg, rgba(255, 210, 63, .1), rgba(255, 210, 63, .04));--ds-panel-bg: linear-gradient(180deg, rgba(26, 26, 24, .98), rgba(15, 15, 15, .98));--ds-input-bg: linear-gradient(180deg, rgba(10, 10, 10, .96), rgba(22, 22, 22, .96));--ds-input-focus-border: rgba(255, 210, 63, .6);--ds-input-focus-shadow: 0 0 0 4px rgba(255, 210, 63, .14);--ds-button-bg: linear-gradient(180deg, #ffd23f 0%, #d79f00 100%);--ds-button-shadow: 0 0 0 2px rgba(0, 0, 0, .2), 0 12px 24px rgba(0, 0, 0, .32);--ds-switch-bg: rgba(255, 210, 63, .16);--ds-switch-active-bg: linear-gradient(180deg, #ffd23f 0%, #d79f00 100%);--ds-switch-knob: #1a1a18;--gallery-subtitle-color: rgba(46, 31, 0, .82)}:root[data-theme=airport-board]{--font-body: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-display: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-ui: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--bg-top: #0f1d30;--bg-bottom: #08111f;--card: rgba(11, 23, 38, .95);--panel: rgba(8, 18, 30, .98);--card-solid: #0b1726;--text: #ffd98a;--muted: #8ea4bf;--line: rgba(255, 217, 138, .16);--accent: #ffbf47;--accent-hover: #ffab1f;--accent-soft: rgba(255, 191, 71, .1);--success: #6fd7a8;--danger: #f47a62;--page-orb-a: rgba(58, 92, 142, .16);--page-orb-b: rgba(255, 191, 71, .08);--page-orb-a-size: 24%;--page-orb-b-size: 20%;--radius-card: 8px;--radius-panel: 6px;--radius-control: 6px;--space-card: 26px;--space-card-lg: 30px;--space-card-xl: 34px;--space-panel: 18px;--shadow-card: 0 18px 40px rgba(1, 6, 12, .5);--shadow-soft: 0 10px 22px rgba(1, 6, 12, .32);--blur-card: 0px;--ds-card-border: 1px solid rgba(255, 217, 138, .22);--ds-badge-bg: linear-gradient(180deg, rgba(255, 191, 71, .08), rgba(255, 191, 71, .04));--ds-stats-bg: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 191, 71, .04));--ds-panel-bg: linear-gradient(180deg, rgba(10, 20, 34, .99), rgba(7, 15, 25, .99));--ds-input-bg: linear-gradient(180deg, rgba(6, 12, 22, .94), rgba(9, 18, 31, .94));--ds-input-focus-border: rgba(255, 191, 71, .54);--ds-input-focus-shadow: 0 0 0 4px rgba(255, 191, 71, .12);--ds-button-bg: linear-gradient(180deg, #243a58 0%, #101d31 100%);--ds-button-shadow: 0 12px 24px rgba(0, 0, 0, .3);--ds-switch-bg: rgba(255, 217, 138, .14);--ds-switch-active-bg: linear-gradient(180deg, #ffbf47 0%, #cf8a10 100%);--ds-switch-knob: #08111f}:root[data-theme=mall-goth]{--font-body: "Trebuchet MS", Verdana, sans-serif;--font-display: "Palatino Linotype", Georgia, serif;--font-ui: "Trebuchet MS", Verdana, sans-serif;--bg-top: #1a0f1f;--bg-bottom: #09050c;--card: rgba(31, 17, 38, .9);--panel: rgba(20, 10, 28, .95);--card-solid: #1f1126;--text: #f5e8ff;--muted: #b49cc5;--line: rgba(212, 183, 255, .14);--accent: #d16ab8;--accent-hover: #b94f9f;--accent-soft: rgba(209, 106, 184, .1);--success: #66d0a0;--danger: #ff7b96;--page-orb-a: rgba(126, 86, 154, .18);--page-orb-b: rgba(255, 255, 255, .04);--page-orb-a-size: 28%;--page-orb-b-size: 22%;--radius-card: 20px;--radius-panel: 16px;--radius-control: 14px;--space-card: 30px;--space-card-lg: 36px;--space-card-xl: 42px;--space-panel: 22px;--shadow-card: 0 24px 48px rgba(0, 0, 0, .42), 0 0 0 1px rgba(209, 106, 184, .08);--shadow-soft: 0 12px 24px rgba(0, 0, 0, .26);--blur-card: 10px;--ds-card-border: 1px solid rgba(212, 183, 255, .16);--ds-badge-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(209, 106, 184, .08));--ds-stats-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(126, 86, 154, .08));--ds-panel-bg: linear-gradient(180deg, rgba(34, 20, 44, .92), rgba(18, 9, 26, .92));--ds-input-bg: linear-gradient(180deg, rgba(22, 12, 31, .95), rgba(32, 18, 42, .95));--ds-input-focus-border: rgba(209, 106, 184, .52);--ds-input-focus-shadow: 0 0 0 4px rgba(209, 106, 184, .12);--ds-button-bg: linear-gradient(180deg, #d16ab8 0%, #6e3e78 100%);--ds-button-shadow: 0 16px 26px rgba(0, 0, 0, .34);--ds-switch-bg: rgba(209, 106, 184, .16);--ds-switch-active-bg: linear-gradient(180deg, #d16ab8 0%, #6e3e78 100%);--ds-switch-knob: #fff6fb}:root[data-theme=medtech-clinical]{--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-ui: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--bg-top: #edf7f7;--bg-bottom: #dcecee;--card: rgba(255, 255, 255, .9);--panel: rgba(248, 252, 252, .96);--card-solid: #ffffff;--text: #13343e;--muted: #5f7880;--line: rgba(19, 52, 62, .1);--accent: #1188a1;--accent-hover: #0d7084;--accent-soft: rgba(17, 136, 161, .08);--success: #19a974;--danger: #e06a62;--page-orb-a: rgba(162, 234, 221, .28);--page-orb-b: rgba(17, 136, 161, .12);--page-orb-a-size: 32%;--page-orb-b-size: 26%;--radius-card: 18px;--radius-panel: 14px;--radius-control: 12px;--space-card: 32px;--space-card-lg: 38px;--space-card-xl: 44px;--space-panel: 22px;--shadow-card: 0 20px 44px rgba(19, 52, 62, .1);--shadow-soft: 0 10px 24px rgba(19, 52, 62, .07);--blur-card: 10px;--ds-card-border: 1px solid rgba(17, 136, 161, .12);--ds-badge-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(236, 247, 248, .92));--ds-stats-bg: linear-gradient(180deg, rgba(243, 250, 250, .94), rgba(230, 243, 244, .92));--ds-panel-bg: linear-gradient(180deg, rgba(252, 254, 254, .98), rgba(240, 248, 248, .98));--ds-input-bg: linear-gradient(180deg, #ffffff 0%, #f1f8f9 100%);--ds-input-focus-border: rgba(17, 136, 161, .4);--ds-input-focus-shadow: 0 0 0 4px rgba(17, 136, 161, .1);--ds-button-bg: linear-gradient(180deg, #19a8be 0%, #117f95 100%);--ds-button-shadow: 0 14px 24px rgba(17, 127, 149, .16);--ds-switch-bg: rgba(17, 136, 161, .12);--ds-switch-active-bg: linear-gradient(180deg, #19a8be 0%, #117f95 100%);--ds-switch-knob: #ffffff}:root[data-theme=casino-noir]{--font-body: "Georgia", "Times New Roman", serif;--font-display: "Didot", "Bodoni MT", Georgia, serif;--font-ui: "Gill Sans", "Avenir Next", "Segoe UI", sans-serif;--bg-top: #2b0f17;--bg-bottom: #11070c;--card: rgba(29, 10, 16, .9);--panel: rgba(20, 8, 12, .95);--card-solid: #1d0a10;--text: #f5e8cf;--muted: #c6b18f;--line: rgba(240, 210, 146, .14);--accent: #d4a33a;--accent-hover: #bb8a24;--accent-soft: rgba(212, 163, 58, .12);--success: #4fd19a;--danger: #ff6b5e;--page-orb-a: rgba(212, 163, 58, .16);--page-orb-b: rgba(132, 18, 45, .18);--page-orb-a-size: 24%;--page-orb-b-size: 30%;--radius-card: 22px;--radius-panel: 18px;--radius-control: 14px;--space-card: 34px;--space-card-lg: 40px;--space-card-xl: 46px;--space-panel: 24px;--shadow-card: 0 26px 60px rgba(0, 0, 0, .42);--shadow-soft: 0 14px 30px rgba(0, 0, 0, .26);--blur-card: 12px;--ds-card-border: 1px solid rgba(240, 210, 146, .18);--ds-badge-bg: linear-gradient(180deg, rgba(63, 18, 31, .82), rgba(35, 10, 17, .82));--ds-stats-bg: linear-gradient(180deg, rgba(50, 16, 24, .84), rgba(30, 10, 16, .84));--ds-panel-bg: linear-gradient(180deg, rgba(32, 11, 18, .96), rgba(17, 7, 11, .96));--ds-input-bg: linear-gradient(180deg, rgba(24, 9, 13, .96), rgba(39, 14, 21, .96));--ds-input-focus-border: rgba(212, 163, 58, .45);--ds-input-focus-shadow: 0 0 0 4px rgba(212, 163, 58, .12);--ds-button-bg: linear-gradient(180deg, #e0b24d 0%, #a06c11 100%);--ds-button-shadow: 0 16px 28px rgba(160, 108, 17, .24);--ds-switch-bg: rgba(212, 163, 58, .14);--ds-switch-active-bg: linear-gradient(180deg, #e0b24d 0%, #a06c11 100%);--ds-switch-knob: #2a0f16}:root[data-theme=receipt-core]{--font-body: "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;--font-display: "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;--font-ui: "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;--bg-top: #f6f2e8;--bg-bottom: #ebe4d7;--card: rgba(255, 251, 244, .92);--panel: rgba(252, 247, 239, .97);--card-solid: #fffaf2;--text: #2f2a25;--muted: #746b5e;--line: rgba(47, 42, 37, .12);--accent: #2f2a25;--accent-hover: #171411;--accent-soft: rgba(47, 42, 37, .06);--success: #54815e;--danger: #b56454;--page-orb-a: rgba(255, 255, 255, .3);--page-orb-b: rgba(165, 145, 113, .12);--page-orb-a-size: 22%;--page-orb-b-size: 18%;--radius-card: 4px;--radius-panel: 2px;--radius-control: 2px;--space-card: 28px;--space-card-lg: 34px;--space-card-xl: 40px;--space-panel: 18px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .8), 0 18px 36px rgba(70, 56, 38, .1);--shadow-soft: 0 1px 0 rgba(255, 255, 255, .7), 0 10px 20px rgba(70, 56, 38, .08);--blur-card: 0px;--ds-card-border: 1px dashed rgba(47, 42, 37, .18);--ds-badge-bg: repeating-linear-gradient(180deg, rgba(47, 42, 37, .02) 0 2px, rgba(255, 255, 255, .38) 2px 4px);--ds-stats-bg: linear-gradient(180deg, rgba(255, 252, 246, .94), rgba(245, 238, 227, .94));--ds-panel-bg: linear-gradient(180deg, rgba(255, 252, 246, .98), rgba(246, 239, 229, .98));--ds-input-bg: linear-gradient(180deg, #fffdf9 0%, #f1eade 100%);--ds-input-focus-border: rgba(47, 42, 37, .24);--ds-input-focus-shadow: 0 0 0 4px rgba(47, 42, 37, .06);--ds-button-bg: linear-gradient(180deg, #4d443a 0%, #2f2a25 100%);--ds-button-shadow: 0 10px 18px rgba(47, 42, 37, .14);--ds-switch-bg: rgba(47, 42, 37, .1);--ds-switch-active-bg: linear-gradient(180deg, #4d443a 0%, #2f2a25 100%);--ds-switch-knob: #fffaf2}:root{--navbar-top-offset: 12px;--navbar-height: 42px;--navbar-card-gap: 12px;--page-padding: 20px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);scrollbar-gutter:stable;background:radial-gradient(circle at top left,var(--page-orb-a),transparent var(--page-orb-a-size)),radial-gradient(circle at bottom right,var(--page-orb-b),transparent var(--page-orb-b-size)),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}body.ds-centered-page{display:grid;justify-items:center;align-content:start}body.ds-page-padded{padding:var(--page-padding)}body.ds-centered-page.ds-page-padded{padding-top:max(var(--page-padding),calc(var(--navbar-top-offset) + var(--navbar-height) + var(--navbar-card-gap)))}body.ds-overflow-hidden{overflow:hidden}body.ds-relative{position:relative}.ds-card{padding:var(--ds-card-padding, var(--space-card));border-radius:var(--ds-card-radius, var(--radius-card));background:var(--ds-card-bg, var(--card, rgba(255, 255, 255, .88)));border:var(--ds-card-border, 1px solid rgba(255, 255, 255, .72));box-shadow:var(--ds-card-shadow, var(--shadow-card));-webkit-backdrop-filter:blur(var(--ds-card-blur, var(--blur-card)));backdrop-filter:blur(var(--ds-card-blur, var(--blur-card)))}.ds-badge{display:inline-flex;align-items:center;gap:8px;padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--ds-badge-bg, rgba(255, 255, 255, .82));color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-soft)}.ds-title{margin:22px 0 10px;font-size:var(--ds-title-size, var(--fs-display));line-height:.95;letter-spacing:-.06em;font-family:var(--font-display)}.ds-subtitle{margin:0 0 24px;max-width:var(--ds-subtitle-width, 70ch);color:var(--muted);font-size:var(--fs-body-lg);line-height:1.6}.ds-stats{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:var(--ds-stats-bg, rgba(255, 255, 255, .8));color:var(--muted);box-shadow:var(--shadow-soft)}.ds-stats strong{color:var(--text);font-size:var(--fs-stat)}.ds-panel{padding:var(--ds-panel-padding, var(--space-panel));border-radius:var(--ds-panel-radius, var(--radius-panel));background:var(--ds-panel-bg, var(--panel, #ffffff));border:1px solid var(--line);box-shadow:var(--shadow-soft)}.ds-label{display:block;color:var(--muted);font-size:var(--fs-label);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-ui)}.ds-input{width:100%;padding:16px 18px;border-radius:var(--radius-control);border:1px solid var(--line);background:var(--ds-input-bg, #fbfcfd);color:var(--text);font:inherit;font-family:var(--font-ui);transition:border-color .14s ease,box-shadow .14s ease,transform .22s ease}.ds-input:focus{outline:none;border-color:var(--ds-input-focus-border, rgba(47, 55, 65, .28));box-shadow:var(--ds-input-focus-shadow, 0 0 0 4px rgba(47, 55, 65, .08))}.ds-button{border:none;border-radius:var(--radius-control);padding:var(--ds-button-padding, 16px 22px);font:inherit;font-family:var(--font-ui);font-weight:600;color:var(--ds-button-color, #ffffff);background:var(--ds-button-bg, linear-gradient(180deg, #323b45 0%, #1f262e 100%));cursor:pointer;box-shadow:var(--ds-button-shadow, 0 18px 30px rgba(31, 38, 46, .18));transition:transform .14s ease,filter .14s ease}.ds-button:hover{transform:translateY(-1px);filter:brightness(1.02)}.ds-button:active{transform:translateY(1px)}.ds-switch{--_sw-inset: var(--ds-switch-knob-inset, 4px);--_sw-knob: calc(var(--ds-switch-height, 38px) - 2px - 2 * var(--_sw-inset));--_sw-travel: calc(var(--ds-switch-width, 66px) - 2px - 2 * var(--_sw-inset) - var(--_sw-knob));position:relative;width:var(--ds-switch-width, 66px);height:var(--ds-switch-height, 38px);flex:0 0 auto}.ds-switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.ds-switch__slider{position:absolute;inset:0;border-radius:var(--radius-pill);background:var(--ds-switch-bg, #d7dee5);border:1px solid var(--line);transition:background .16s ease}.ds-switch input:checked+.ds-switch__slider{background:var(--ds-switch-active-bg, var(--ds-switch-bg, #2f3741))}.ds-switch__slider:before{content:"";position:absolute;top:var(--_sw-inset);left:var(--_sw-inset);width:var(--_sw-knob);height:var(--_sw-knob);border-radius:var(--radius-pill);background:var(--ds-switch-knob, #ffffff);box-shadow:0 6px 14px #17212b29;transition:transform .16s ease,background-color .32s ease}.ds-switch input:checked+.ds-switch__slider:before{transform:translate(var(--_sw-travel))}@media(max-width:640px){:root{--navbar-height: 36px}}