.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-evergreen{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#ffffffbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gallery-evergreen p{margin:6px 0 0;color:var(--muted);line-height:1.6}.gallery-evergreen__link{flex:0 0 auto;padding:14px 18px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#323b45,#1f262e);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 18px 30px #1f262e2e}.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-evergreen{flex-direction:column;align-items: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}}.about-page{width:min(1180px,100%);margin:0 auto;padding-top:80px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-text{display:flex;flex-direction:column;gap:16px}.about-lead{max-width:48ch}.about-heading{margin:20px 0 0;font-size:var(--fs-heading-md);letter-spacing:-.04em;line-height:1.1;font-family:var(--font-display);color:var(--text)}.about-body{margin:0;color:var(--muted);font-size:var(--fs-body-lg);line-height:1.65;max-width:52ch}.about-cta-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.about-cta-item{display:flex;align-items:flex-start;gap:16px;padding:var(--space-panel)}.about-cta-icon{font-size:1.5rem;flex-shrink:0;line-height:1;margin-top:2px}.about-cta-item strong{display:block;font-size:1.05rem;margin-bottom:4px;color:var(--text)}.about-cta-item p{margin:0;color:var(--muted);font-size:var(--fs-body);line-height:1.5}.about-cta-link{display:inline-block;margin-top:10px;color:var(--text);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}.about-cta-link:hover{color:var(--accent)}.about-branding{display:flex;justify-content:center}.about-branding-sticky{position:sticky;top:80px}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:40px}.about-branding{order:2}.about-page{padding-top:60px}.about-branding-sticky{position:static}}body.ai-checkbox-page .demo-layout-card{position:relative;width:min(760px,100%);min-height:640px;overflow:hidden;--ds-card-padding: var(--space-card-lg);--ds-card-radius: 30px;--ds-card-border: 1px solid var(--line)}body.ai-checkbox-page .demo-layout-badge{--ds-badge-bg: var(--accent-soft)}body.ai-checkbox-page .demo-layout-badge:before{content:none}.badge-dot{width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#8db7ff,#5b7cff);box-shadow:0 0 0 6px #5b7cff1f}body.ai-checkbox-page .demo-layout-stats{margin-bottom:26px;--ds-stats-bg: var(--accent-soft)}body.ai-checkbox-page .ai-checkbox-panel{position:relative;width:100%;min-width:0}.stack{display:flex;flex-direction:column;gap:14px;margin-top:8px;width:100%;min-width:0}.option{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:18px;background:var(--accent-soft);border:1px solid var(--line);transition:transform .14s ease,box-shadow .14s ease,background .14s ease;width:100%;min-width:0}.option:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00000014;background:var(--card-solid)}.checkbox{position:relative;width:24px;height:24px;margin-top:2px;border-radius:8px;border:1px solid var(--line);background:var(--card-solid);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease;appearance:none}.checkbox:hover{transform:scale(1.03);border-color:var(--muted)}.checkbox--rejected{background:var(--accent);border-color:var(--accent)}.checkbox--rejected:after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid var(--card-solid);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:checked{background:var(--accent);border-color:var(--accent)}.checkbox:checked:after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid var(--card-solid);border-width:0 2px 2px 0;transform:rotate(45deg)}.option-content{min-width:0}.option-title{display:block;font-size:1rem;font-weight:600;letter-spacing:-.02em}.option-note{margin-top:6px;color:var(--muted);line-height:1.5;font-size:.95rem}.recommendation{display:block;margin-top:10px;padding:9px 12px;border-radius:14px;background:var(--accent-soft);color:var(--muted);font-size:.9rem;width:100%;max-width:100%;overflow-wrap:anywhere}.recommendation strong{color:var(--text);margin-right:8px}.empty-state{margin-top:18px;color:var(--muted);font-size:.95rem}@media(max-width:640px){body.ai-checkbox-page .demo-layout-card{--ds-card-padding: 24px 18px;min-height:auto}body.ai-checkbox-page .ai-checkbox-panel{--ds-panel-padding: 16px}.option{grid-template-columns:auto 1fr;padding:14px}}body.button-skill-check-page .demo-layout-card{width:min(720px,100%);--ds-card-border: 1px solid var(--line)}.bsc-panel{display:grid;gap:18px}.bsc-stage{display:grid;gap:18px;background:linear-gradient(180deg,#fff9f4f2,#f5f8fcf5)}.bsc-stage__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.bsc-stage__header strong{display:block;margin-top:6px;max-width:34ch;line-height:1.45}.bsc-stage__eyebrow{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bsc-score{display:grid;gap:4px;min-width:132px;justify-items:end;color:var(--muted);font-size:.92rem}.bsc-score strong{color:var(--text);font-size:1rem}.bsc-timer-copy--active{color:#ca6235;font-weight:700}.bsc-arena{position:relative;min-height:260px;border-radius:24px;border:1px solid rgba(47,55,65,.08);overflow:hidden;background:radial-gradient(circle at top,rgba(255,222,182,.45),transparent 36%),linear-gradient(180deg,#fffffffa,#f4f7faf5)}.bsc-arena:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,55,65,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(47,55,65,.04) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.bsc-meter{position:absolute;inset:18px 18px auto;height:12px;border-radius:var(--radius-pill);background:#2f374114;overflow:hidden}.bsc-meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffad5c,#ff7d50);transition:width .16s ease}.bsc-target,.bsc-charging,.bsc-ready,.bsc-complete,.bsc-failed{position:absolute}.bsc-timebar{width:148px;height:8px;margin-top:2px;border-radius:999px;background:#2f374114;overflow:hidden}.bsc-timebar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd25a,#ff7d50);transition:width 50ms linear}.bsc-target{width:78px;height:78px;display:grid;place-items:center;margin-left:-39px;margin-top:-39px;border:none;border-radius:28px;background:linear-gradient(180deg,#394451,#1f262e);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 18px 34px #1f262e3d}.bsc-target:hover{transform:scale(1.04)}.bsc-charging,.bsc-ready,.bsc-complete,.bsc-failed{left:24px;right:24px;bottom:26px;padding:14px 16px;border-radius:18px;background:#ffffffe0;border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow-soft);line-height:1.5}.bsc-charging{background:linear-gradient(90deg,#ffffffd6,#ffebd3f0,#ffffffd6);background-size:200% 100%;animation:bsc-shimmer 1.2s linear infinite}.bsc-failed{background:#fff1ecf0;color:#8f4427;border-color:#ca623529}.bsc-primary{width:100%;justify-content:center}.bsc-primary--locked{cursor:default;filter:saturate(.84)}.bsc-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}@keyframes bsc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){body.button-skill-check-page .demo-layout-card{--ds-card-padding: 24px 18px}.bsc-stage__header,.bsc-footer{display:grid}.bsc-score{justify-items:start}.bsc-arena{min-height:240px}}body.cookie-consent-page .demo-layout-card{width:min(680px,100%);text-align:center;position:relative;z-index:1;--ds-card-padding: var(--space-card-lg);--ds-card-border: 1px solid var(--line)}body.cookie-consent-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffa07a,tomato);box-shadow:0 0 0 6px #ff63471f}body.cookie-consent-page .demo-layout-stats{--ds-stats-bg: var(--accent-soft)}.instruction{margin:16px 0 0;color:var(--muted);font-size:.95rem}.banner{position:fixed;bottom:0;left:0;right:0;max-height:70vh;overflow-y:auto;padding:24px 28px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -12px 48px #17212b1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100}.banner::-webkit-scrollbar{width:10px}.banner::-webkit-scrollbar-thumb{background:#d6dee6;border-radius:var(--radius-pill);border:2px solid var(--card-solid)}.banner-header{margin-bottom:18px}.banner-title{display:block;font-size:1.2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.banner-fine{color:var(--muted);font-size:.88rem}.category-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.category-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;background:var(--accent-soft);border:1px solid var(--line)}.category-row.sub{margin-left:28px;background:var(--accent-soft);font-size:.94rem}.category-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.category-name{font-weight:600;letter-spacing:-.02em}.category-note{color:var(--muted);font-size:.88rem;line-height:1.4}.cc-switch{--ds-switch-width: 54px;--ds-switch-height: 30px;--ds-switch-bg: #d8dfe6;--ds-switch-active-bg: #ff6347}.banner-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.reject-btn{padding:12px 20px;border-radius:var(--radius-control);background:transparent;border:1px solid var(--line);color:var(--text);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .32s ease;white-space:nowrap;overflow:hidden}.reject-btn:hover{background:var(--accent-soft)}.accept-btn{padding:12px 24px;border-radius:var(--radius-control);background:linear-gradient(180deg,#34d399,#10b981);border:none;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .32s ease;box-shadow:0 8px 20px #10b98133;white-space:nowrap}.accept-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #10b98147}.congrats-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);z-index:200;text-align:center;max-width:min(420px,calc(100vw - 32px))}.congrats-toast strong{display:block;margin-bottom:4px;font-size:1.05rem}.congrats-toast span{color:var(--muted);font-size:.92rem}@media(max-width:640px){body.cookie-consent-page .demo-layout-card{--ds-card-padding: 24px 18px}.banner{padding:18px 16px}.category-row.sub{margin-left:16px}.banner-actions{flex-wrap:wrap}}:root{--track: #edf1f5;--fill-a: #88939f;--fill-b: #212931}body.emotional-progress-page .demo-layout-card{width:min(620px,100%);overflow:hidden;position:relative;--ds-card-border: 1px solid var(--line)}body.emotional-progress-page .demo-layout-badge{--ds-badge-bg: var(--accent-soft)}body.emotional-progress-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#c4ccd4,#7d8a96);box-shadow:0 0 0 6px #7d8a961f}body.emotional-progress-page .label{text-transform:uppercase;letter-spacing:.08em}.message{min-height:3.1em;margin:10px 0 22px;font-size:var(--fs-heading-md);line-height:1.12;letter-spacing:-.04em;font-weight:700}.progress-track{position:relative;width:100%;height:18px;border-radius:var(--radius-pill);background:var(--track);overflow:hidden;border:1px solid var(--line)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffffff38,#ffffff05),linear-gradient(90deg,var(--fill-a),var(--fill-b));position:relative;transition:width 1.8s cubic-bezier(.22,1,.36,1)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 35%,transparent 70%);transform:translate(-120%);animation:shimmer 2.2s linear infinite}.footer{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:.95rem}.footer strong{color:var(--text)}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(150%)}}@media(max-width:640px){body.emotional-progress-page .demo-layout-card{--ds-card-padding: 24px 18px}.status-panel{--ds-panel-padding: 18px}.footer{flex-direction:column;align-items:flex-start}}body.emoji-riddle-form-page .demo-layout-card{width:min(620px,100%);justify-self:center;margin-inline:auto;position:relative;--ds-card-border: 1px solid var(--line)}body.emoji-riddle-form-page .demo-layout-stats{--ds-stats-bg: rgba(240, 233, 252, .88)}.erf-card{width:100%;margin-inline:auto;display:grid;gap:18px;background:linear-gradient(180deg,#fbf9fffa,#fffffff0)}.erf-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#f7f4fff0;color:var(--muted)}.erf-progress strong{color:var(--text)}.erf-copy h2,.erf-finale h2{margin:8px 0 10px;font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.08;letter-spacing:-.05em}.erf-copy p,.erf-finale p{margin:0;color:var(--muted);line-height:1.55}.erf-eyebrow{color:var(--muted);font-size:.79rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.erf-label{margin-bottom:-8px}.erf-input{font-size:1.4rem;letter-spacing:.04em;text-align:center}.erf-hints{display:flex;flex-wrap:wrap;gap:10px}.erf-hint{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#ffffffe6;color:var(--text);font:inherit;font-size:1.25rem;cursor:pointer}.erf-submit{width:100%;justify-content:center}.erf-finale{display:grid;gap:12px}.erf-overlay{position:absolute;inset:12px;z-index:20;display:grid;place-items:center;padding:16px;border-radius:30px;background:#19151f8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.erf-overlay__card{width:min(420px,100%);display:grid;gap:12px;padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#292233fa,#1b1723fa);color:#fff;box-shadow:0 28px 60px #0e0a1266}.erf-overlay__card p{margin:0;color:#ffffffc7;line-height:1.5}.erf-overlay__bars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:48px}.erf-overlay__bars span{border-radius:999px;background:linear-gradient(180deg,#ff9b75,#ff5d8f);animation:erf-bounce .9s ease-in-out infinite}.erf-overlay__bars span:nth-child(1){animation-delay:0s}.erf-overlay__bars span:nth-child(2){animation-delay:.12s}.erf-overlay__bars span:nth-child(3){animation-delay:.24s}.erf-overlay__bars span:nth-child(4){animation-delay:.36s}@keyframes erf-bounce{0%,to{height:18px}50%{height:48px}}@media(max-width:640px){body.emoji-riddle-form-page .demo-layout-card{--ds-card-padding: 24px 18px}.erf-hints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}body.feature-creep-page .demo-layout-card{width:min(760px,100%);--ds-card-padding: var(--space-card-lg);--ds-card-border: 1px solid var(--line)}body.feature-creep-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#60a5fa,#3b82f6);box-shadow:0 0 0 6px #3b82f61f}body.feature-creep-page .demo-layout-stats{margin-bottom:24px;--ds-stats-bg: var(--accent-soft)}.fc-panel{--ds-panel-padding: 28px;--ds-panel-radius: 26px;--ds-panel-bg: var(--card-solid);overflow:visible}.button-stage{min-height:220px;display:grid;place-items:center;position:relative}.button-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.submit-btn{position:relative;z-index:1;--ds-button-padding: 16px 28px;--ds-button-bg: linear-gradient(180deg, #2f3741 0%, #1e252d 100%);--ds-button-shadow: 0 16px 28px rgba(30, 37, 45, .18);transition:all .3s ease;cursor:pointer}.feature-badge{position:absolute;padding:4px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;z-index:2;pointer-events:none}.feature-badge:nth-child(odd){background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;box-shadow:0 4px 12px #f59e0b4d}.feature-badge:nth-child(2n){background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.feature-badge:nth-child(3n){background:linear-gradient(135deg,#34d399,#059669);color:#fff;box-shadow:0 4px 12px #0596694d}.feature-badge:nth-child(5n){background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 4px 12px #ec48994d}.spinner{display:none;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;flex-shrink:0}.spinner.visible{display:inline-block}.spinner--float{position:absolute;top:-14px;left:-14px;z-index:10;margin-right:0}.notif-dot{display:none;position:absolute;top:-14px;right:-14px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;line-height:22px;text-align:center;z-index:10;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 2px 8px #ef444466}.notif-dot.visible{display:block}.premium-lock{display:none;position:absolute;inset:-4px;border-radius:inherit;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.02em;border-radius:var(--radius-control);cursor:pointer}.premium-lock.visible{display:flex}.tooltip-box{display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);padding:10px 14px;border-radius:12px;background:#1e252df2;color:#fff;font-size:.82rem;white-space:nowrap;z-index:5;pointer-events:none}.tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e252df2}.button-wrapper:hover .tooltip-box.visible{display:block;animation:pop-in .18s ease}.metrics-float{display:none;position:absolute;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:.82rem;z-index:1;animation:pop-in .26s ease}.metrics-float.visible{display:block}.metrics-float strong{display:block;font-size:1.1rem;letter-spacing:-.03em;margin-bottom:2px}.metrics-float span{color:var(--muted)}.release-notes{margin-top:24px;padding:18px;border-radius:18px;background:var(--accent-soft);border:1px solid var(--line);display:none}.release-notes.visible{display:block;animation:fade-up .45s ease both;animation-iteration-count:1}.release-notes h3{margin:0 0 12px;font-size:.95rem;font-weight:700;letter-spacing:-.02em}.notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.notes-list li{padding:8px 12px;border-radius:10px;background:var(--card-solid);border:1px solid var(--line);font-size:.9rem;color:var(--muted)}.notes-list li strong{color:var(--text);margin-right:6px}.performance-review{margin-top:16px;padding:16px 18px;border-radius:16px;background:#fef2f2;border:1px solid rgba(239,68,68,.12);display:none;text-align:center}.performance-review.visible{display:block;animation:fade-up .45s ease forwards}.performance-review strong{display:block;margin-bottom:4px;color:#b91c1c}.performance-review span{color:#991b1b;font-size:.92rem}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:640px){body.feature-creep-page .demo-layout-card{--ds-card-padding: 24px 18px}.fc-panel{--ds-panel-padding: 20px}.button-stage{min-height:180px}}body.hamburger-life-story-page .demo-layout-card{width:min(760px,calc(100vw - 40px));max-width:calc(100vw - 40px);min-width:0;justify-self:center;margin-inline:auto;background:linear-gradient(180deg,#f8fbfefa,#fffffff0);--ds-card-border: 1px solid var(--line)}.hls-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:18px;border-radius:22px;background:#f5f8fbe6;border:1px solid var(--line)}.hls-intro,.hls-tree,.hls-placeholder{margin-top:18px}.hls-inline-stats{width:fit-content;margin-top:18px;margin-left:auto;--ds-stats-bg: rgba(227, 240, 249, .88)}.hls-brand{display:flex;align-items:center;gap:14px;min-width:0}.hls-brand__mark{width:18px;height:18px;border-radius:6px;background:linear-gradient(180deg,#46525f,#202a34);box-shadow:0 12px 22px #202a3438}.hls-brand strong,.hls-brand span{display:block}.hls-brand span{margin-top:3px;color:var(--muted);font-size:.92rem}.hls-trigger{width:64px;height:52px;flex:0 0 64px;display:grid;align-content:center;gap:7px;padding:0 16px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.hls-trigger:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.hls-trigger span{display:block;height:2px;border-radius:var(--radius-pill);background:#2f3741;transition:transform .18s ease,opacity .18s ease}.hls-trigger--open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hls-trigger--open span:nth-child(2){opacity:0}.hls-trigger--open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hls-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;color:var(--muted)}.hls-intro p{margin:0;max-width:42ch;line-height:1.5}.hls-reset{border:1px solid var(--line);border-radius:var(--radius-pill);padding:10px 14px;background:#ffffffe6;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.hls-tree{width:100%;display:grid;gap:16px}.hls-question-card,.hls-branch,.hls-links{width:100%;--ds-panel-padding: 20px}.hls-question-card__eyebrow,.hls-branch__eyebrow{display:inline-block;margin-bottom:10px;color:var(--muted);font-size:.79rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hls-question-card h2,.hls-links h2{margin:0 0 16px;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.08;letter-spacing:-.05em}.hls-answer-grid{display:grid;gap:12px}.hls-answer{display:grid;gap:6px;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#f6f9fcfa,#eff4f8f5);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.hls-answer:hover{transform:translate(2px);border-color:#2f37412e;box-shadow:var(--shadow-soft)}.hls-answer span,.hls-branch p,.hls-links__note{color:var(--muted);line-height:1.55}.hls-branch strong{display:block;margin-bottom:6px;font-size:1.02rem}.hls-branch p,.hls-links__note{margin:0}.hls-link-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.hls-link-pill{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:13px 16px;border-radius:16px;background:linear-gradient(180deg,#2f3741,#1f262e);color:#fff;text-decoration:none;font-weight:600;box-shadow:0 18px 30px #1f262e2e}.hls-placeholder{width:100%;display:grid;gap:4px;padding:20px;border-radius:20px;border:1px dashed rgba(47,55,65,.18);background:#f8fafcc2;color:var(--muted)}@media(max-width:640px){body.hamburger-life-story-page .demo-layout-card{--ds-card-padding: 24px 18px}.hls-nav,.hls-intro{align-items:flex-start}.hls-intro{flex-direction:column}.hls-reset{width:100%}.hls-link-row{display:grid}.hls-inline-stats{width:100%;margin-left:0;justify-content:space-between}}:root{--panel: rgba(255, 255, 255, .86);--danger: #f56a6a}.ic-page{min-height:calc(100vh - 40px);display:flex;justify-content:center;align-items:flex-start;padding-top:var(--ic-page-top-space, 72px)}.app{width:min(980px,calc(100vw - 32px));min-height:min(760px,calc(100vh - var(--ic-page-top-space, 72px) - 40px));display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0);--ds-card-padding: var(--space-card-xl);--ds-card-border: 1px solid var(--line);--ds-card-bg: var(--panel)}.ic-top-rail{position:absolute;top:26px;right:26px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:3}.app .hero{text-align:center;max-width:560px;z-index:1;display:flex;flex-direction:column;align-items:center}.status{justify-content:flex-end;padding:9px 12px;font-size:.78rem;--ds-stats-bg: var(--accent-soft);border-radius:var(--radius-pill);gap:8px;box-shadow:none}.canvas{position:absolute;inset:0;pointer-events:none;z-index:2}.modal{position:absolute;top:50%;left:50%;width:min(420px,calc(100vw - 56px));padding:var(--space-panel);border-radius:var(--radius-panel);background:var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow-card);pointer-events:auto;overflow:hidden}.modal-inner{will-change:transform}.modal:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-hover),var(--accent));opacity:.6}.modal-badge{display:inline-flex;padding:7px 11px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.modal h2{margin:16px 0 10px;font-size:1.7rem;line-height:1.06;letter-spacing:-.04em;color:var(--text)}.modal p{margin:0 0 20px;color:var(--muted);line-height:1.55}.ic-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;background:var(--accent-soft);color:var(--muted);font-size:.95rem;margin-bottom:18px}.ic-meta strong{color:var(--text)}.actions{display:flex;gap:12px;justify-content:flex-end}.btn{appearance:none;border-radius:14px;padding:12px 16px;font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,background .12s ease}.btn:active{transform:scale(.98)}.btn-secondary{border:1px solid var(--line);background:var(--card-solid);color:var(--text)}.btn-secondary:hover{background:var(--panel)}.btn-primary{border:1px solid transparent;background:var(--accent);color:var(--card-solid)}.btn-primary:hover{background:var(--accent-hover)}.file-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.file-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-soft);color:var(--muted);font-size:.88rem}.dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--danger);box-shadow:0 0 0 6px #f56a6a24}.trigger{--ds-button-padding: 10px 14px;font-size:.88rem}.trigger:active{transform:translateY(1px) scale(.995)}.trigger-danger{--ds-button-bg: linear-gradient(180deg, #ff8d8d 0%, #e54848 100%);--ds-button-color: #ffffff;--ds-button-shadow: 0 18px 30px rgba(229, 72, 72, .24)}.trigger-danger:hover{filter:brightness(1.05)}@media(max-width:720px){.ic-page{min-height:calc(100vh - 20px)}.app{min-height:calc(100vh - var(--ic-page-top-space, 72px) - 20px);--ds-card-padding: 28px 18px;--ds-card-radius: var(--radius-panel)}.ic-top-rail{top:18px;right:18px;left:18px;align-items:stretch}.status{align-self:flex-end}.file-actions{justify-content:stretch}.file-chip{width:100%;justify-content:center}.trigger{width:100%}.modal{padding:20px}.actions{flex-direction:column-reverse}.btn{width:100%}}body.infinite-dropdown-page .demo-layout-card{position:relative;width:min(620px,100%);overflow:visible;min-height:680px;--ds-card-border: 1px solid var(--line)}body.infinite-dropdown-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#c6cfd7,#7d8995);box-shadow:0 0 0 6px #7d89951f}body.infinite-dropdown-page .demo-layout-stats{margin-bottom:24px;--ds-stats-bg: var(--accent-soft)}.select-shell{position:relative}body.infinite-dropdown-page .label{margin-bottom:12px;letter-spacing:.06em}.dd-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--accent-soft);font:inherit;color:var(--text);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.dd-trigger:hover{background:var(--card-solid);border-color:var(--line);transform:translateY(-1px)}.trigger-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.trigger-title{font-size:1rem;font-weight:600;letter-spacing:-.02em}.trigger-subtitle{color:var(--muted);font-size:var(--fs-label)}.chevron{width:12px;height:12px;border-right:2px solid #7e8994;border-bottom:2px solid #7e8994;transform:rotate(45deg);transition:transform .18s ease;margin-right:4px}.chevron.open{transform:rotate(-135deg) translate(-2px,-2px)}.dd-anchor{position:relative}.menu{position:absolute;top:calc(100% + 14px);left:0;right:0;z-index:50;border-radius:20px;border:1px solid var(--line);background:var(--card-solid);box-shadow:var(--shadow-soft);display:none}.menu.open{display:block}.menu-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:var(--accent-soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--fs-label)}.menu-list{max-height:min(420px,50vh);overflow:auto;padding:8px}.menu-list::-webkit-scrollbar{width:10px}.menu-list::-webkit-scrollbar-thumb{background:#d5dde4;border-radius:var(--radius-pill);border:2px solid var(--card-solid)}.dd-option{width:100%;padding:13px 14px;border:none;border-radius:14px;background:transparent;font:inherit;color:var(--text);text-align:left;cursor:pointer;transition:background .12s ease,transform .12s ease}.dd-option:hover{background:var(--accent-soft);transform:translate(2px)}@media(max-width:640px){body.infinite-dropdown-page .demo-layout-card{--ds-card-padding: 24px 18px}.select-shell{padding:16px}.menu-list{max-height:min(360px,50vh)}}.io-panel{display:flex;flex-direction:column;gap:20px;margin-top:20px}.io-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.io-step-label strong{color:var(--text);font-variant-numeric:tabular-nums}.io-progress-wrap{display:flex;flex-direction:column;gap:6px}.io-progress-track{height:10px;border-radius:var(--radius-pill);background:var(--panel);overflow:hidden;border:1px solid var(--line)}.io-progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width .8s cubic-bezier(.22,1,.36,1)}.io-progress-fill.regressing{background:#e74c3c}.io-progress-label{text-align:right;font-size:var(--fs-label);color:var(--muted);font-variant-numeric:tabular-nums}.io-dots{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.io-dots::-webkit-scrollbar{display:none}.io-dot{width:10px;height:10px;border-radius:50%;background:var(--line);flex-shrink:0;transition:background .3s ease,transform .3s ease}.io-dot--completed{background:var(--accent);transform:scale(.85)}.io-dot--active{background:var(--accent);transform:scale(1.2);box-shadow:0 0 0 3px var(--accent-soft)}.io-step-content{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px}.io-step-icon{font-size:2.8rem;line-height:1}.io-step-title{font-family:var(--font-display);font-size:var(--fs-heading-md);color:var(--text);font-weight:700}.io-step-body{font-size:var(--fs-body);color:var(--muted);line-height:1.6;max-width:38ch}.io-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.io-skip-btn{padding:10px 20px;border-radius:var(--radius-control);border:1px solid var(--line);background:transparent;color:var(--muted);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .2s,transform .2s;transform-origin:center}.io-skip-btn:hover{color:var(--text);border-color:var(--text)}.io-skip-toast{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--line);font-size:.8rem;color:var(--muted);white-space:nowrap;pointer-events:none;opacity:0;z-index:5}.io-exit-overlay{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;z-index:50}.io-exit-modal{padding:32px;border-radius:var(--radius-card);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);max-width:380px;text-align:center;display:flex;flex-direction:column;gap:16px}.io-exit-modal h3{font-family:var(--font-display);font-size:var(--fs-heading-md);color:var(--text)}.io-exit-modal p{font-size:var(--fs-body);color:var(--muted);line-height:1.5}.io-exit-actions{display:flex;gap:12px;justify-content:center}.io-exit-stay{padding:10px 24px;border-radius:var(--radius-control);border:none;background:var(--accent);color:var(--bg-top);font-weight:600;cursor:pointer}.io-exit-leave{padding:10px 24px;border-radius:var(--radius-control);border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}body.infinite-settings-page .demo-layout-card{width:min(760px,100%);min-height:640px;overflow:hidden;--ds-card-border: 1px solid var(--line)}body.infinite-settings-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#bcc7d2,#7c8994);box-shadow:0 0 0 6px #7c89941f}body.infinite-settings-page .demo-layout-stats{margin-bottom:24px;--ds-stats-bg: var(--accent-soft)}body.infinite-settings-page .infinite-settings-panel{--ds-panel-padding: var(--space-panel);--ds-panel-radius: 26px;--ds-panel-bg: var(--card-solid)}.settings-list{display:flex;flex-direction:column;gap:12px;max-height:440px;overflow:auto;padding-right:6px}.settings-list::-webkit-scrollbar{width:10px}.settings-list::-webkit-scrollbar-thumb{background:#d6dee6;border-radius:var(--radius-pill);border:2px solid var(--card-solid)}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;background:var(--accent-soft);border:1px solid var(--line)}.setting-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.setting-title{font-weight:600;letter-spacing:-.02em}.setting-note{color:var(--muted);font-size:.93rem;line-height:1.45}.is-switch{--ds-switch-width: 64px;--ds-switch-height: 36px;--ds-switch-bg: #d8dfe6;--ds-switch-active-bg: var(--accent)}.footer-note{margin-top:16px;color:var(--muted);font-size:.94rem;line-height:1.5}@media(max-width:640px){body.infinite-settings-page .demo-layout-card{--ds-card-padding: 24px 18px;min-height:auto}body.infinite-settings-page .infinite-settings-panel{--ds-panel-padding: 16px}.setting{padding:14px}}body.judgmental-notifications-page .demo-layout-card{width:min(680px,100%);text-align:center;position:relative;--ds-card-padding: var(--space-card-lg);--ds-card-border: 1px solid var(--line)}body.judgmental-notifications-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#b9c5d0,#7b8894);box-shadow:0 0 0 6px #7b88941f}.toast-stack{position:fixed;top:20px;right:20px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;z-index:10;pointer-events:none}.toast{padding:16px 18px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);transform-origin:top right;will-change:transform,opacity}.toast-title{display:block;margin-bottom:6px;font-weight:700;letter-spacing:-.02em}.toast-body{color:var(--muted);line-height:1.5;font-size:.96rem}.toast-meta{margin-top:10px;color:var(--muted);font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.06em}@media(max-width:640px){body.judgmental-notifications-page .demo-layout-card{--ds-card-padding: 24px 18px;width:min(560px,100%)}body.judgmental-notifications-page .demo-layout-subtitle{margin-bottom:18px}.toast-stack{top:auto;right:auto;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(360px,calc(100vw - 24px))}.toast-stack--mobile{height:170px;display:block}.toast-stack--mobile .toast{position:absolute;left:0;right:0;bottom:0;transform-origin:center bottom;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f5f8fceb);box-shadow:0 16px 32px #17212b1f,0 4px 10px #17212b14}.toast-stack--mobile .toast-title{margin-bottom:4px;font-size:.95rem}.toast-stack--mobile .toast-body{font-size:.88rem;line-height:1.42}.toast-stack--mobile .toast-meta{margin-top:8px;font-size:.66rem}}body.needy-tooltip-page .demo-layout-card{width:min(760px,100%);justify-self:center;margin-inline:auto;overflow:visible;background:linear-gradient(180deg,#f9fcf9fa,#fffffff0);--ds-card-border: 1px solid var(--line)}body.needy-tooltip-page .demo-layout-stats{--ds-stats-bg: rgba(228, 244, 233, .88)}.ntt-toolbar,.ntt-article,.ntt-settings{margin-top:18px}.ntt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.ntt-toolbar__pill,.ntt-toolbar__dismiss{border-radius:var(--radius-pill);border:1px solid var(--line);padding:10px 14px;background:#ffffffeb;color:var(--text);font:inherit;font-weight:600}.ntt-toolbar__pill{color:var(--muted)}.ntt-toolbar__dismiss{cursor:pointer}.ntt-article{display:grid;gap:14px;padding:22px;border-radius:24px;border:1px solid var(--line);background:#ffffffe6}.ntt-article h2{margin:0;font-size:clamp(1.55rem,3vw,2rem);line-height:1.06;letter-spacing:-.05em}.ntt-article p{margin:0;color:var(--muted);line-height:1.7;font-size:1.02rem}.ntt-inline{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid rgba(47,55,65,.12);border-radius:999px;background:#e8f4ebd1;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.ntt-settings{display:flex;align-items:center;justify-content:space-between;gap:18px}.ntt-settings strong,.ntt-settings span{display:block}.ntt-settings span{margin-top:4px;color:var(--muted)}.ntt-settings__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ntt-settings__chips span{margin:0;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#f8faf8eb;color:var(--text);font-size:.92rem}.ntt-tooltip{position:fixed;top:0;left:0;z-index:80;width:min(286px,calc(100vw - 28px));display:grid;gap:8px;padding:16px;border-radius:20px;border:1px solid rgba(47,55,65,.12);background:#fffffff5;box-shadow:0 22px 44px #17212b2e;pointer-events:none}.ntt-tooltip--verbose{width:min(330px,calc(100vw - 28px))}.ntt-tooltip__eyebrow{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ntt-tooltip strong{font-size:1rem}.ntt-tooltip p{margin:0;color:var(--muted);line-height:1.55}@media(max-width:640px){body.needy-tooltip-page .demo-layout-card{--ds-card-padding: 24px 18px}.ntt-toolbar,.ntt-settings{display:grid}.ntt-settings__chips{justify-content:flex-start}}body.passive-search-page .demo-layout-card{width:min(720px,100%);--ds-card-padding: var(--space-card-lg);--ds-card-border: 1px solid var(--line)}body.passive-search-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#c4b5fd,#8b5cf6);box-shadow:0 0 0 6px #8b5cf61f}body.passive-search-page .demo-layout-stats{margin-bottom:24px;--ds-stats-bg: var(--accent-soft)}body.passive-search-page .passive-search-panel{--ds-panel-padding: var(--space-panel);--ds-panel-radius: 26px;--ds-panel-bg: var(--card-solid)}.search-wrapper{position:relative}.search-input{font-size:1.05rem;--ds-input-focus-border: rgba(139, 92, 246, .5);--ds-input-focus-shadow: 0 0 0 4px rgba(139, 92, 246, .12)}.search-input.tired{will-change:transform}.autocomplete{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--shadow-soft);overflow:hidden;display:none;z-index:10}.autocomplete.visible{display:block}.autocomplete-item{padding:12px 16px;cursor:pointer;font-size:.95rem;color:var(--text);border-bottom:1px solid var(--line);transition:background .12s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--accent-soft)}.autocomplete-item .snark{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}.results{margin-top:18px;display:flex;flex-direction:column;gap:12px}.result-card{padding:16px 18px;border-radius:18px;background:var(--accent-soft);border:1px solid var(--line);text-align:left}.result-title{display:block;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.result-desc{color:var(--muted);font-size:.94rem;line-height:1.5}.result-url{display:block;margin-top:8px;color:var(--muted);font-size:.82rem;opacity:.7}.mood-indicator{margin-top:14px;padding:10px 14px;border-radius:14px;background:#f5f0ff;border:1px solid rgba(139,92,246,.1);color:var(--muted);font-size:.88rem;display:none}.mood-indicator.visible{display:block}.back-link{display:inline-block;margin-top:18px;color:var(--muted);font-size:var(--fs-label-sm);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.back-link:hover{color:var(--text)}@media(max-width:640px){body.passive-search-page .demo-layout-card{--ds-card-padding: 24px 18px}body.passive-search-page .passive-search-panel{--ds-panel-padding: 16px}}.pc-panel{display:flex;flex-direction:column;gap:20px;margin-top:20px}.pc-input-group{display:flex;flex-direction:column;gap:8px}.pc-visibility-note{font-size:.75rem;color:var(--muted);font-style:italic;margin-top:2px}.pc-damage-meter{display:flex;flex-direction:column;gap:6px}.pc-damage-track{height:10px;border-radius:var(--radius-pill);background:var(--panel);overflow:hidden;border:1px solid var(--line)}.pc-damage-fill{height:100%;width:0%;border-radius:var(--radius-pill);transition:width .6s ease,background .4s ease}.pc-damage-fill[data-level="0"]{width:0%;background:var(--muted)}.pc-damage-fill[data-level="1"]{width:20%;background:#27ae60}.pc-damage-fill[data-level="2"]{width:40%;background:#f39c12}.pc-damage-fill[data-level="3"]{width:60%;background:#e67e22}.pc-damage-fill[data-level="4"]{width:80%;background:#e74c3c}.pc-damage-fill[data-level="5"]{width:100%;background:#8e44ad}.pc-damage-label{display:flex;justify-content:space-between;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.pc-damage-level{font-weight:700;color:var(--accent)}.pc-commentary{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding:4px 0}.pc-typing{display:flex;gap:4px;padding:8px 14px;align-items:center}.pc-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.4}.pc-comment{padding:10px 14px;border-radius:var(--radius-control);background:var(--panel);border:1px solid var(--line);font-size:var(--fs-body);line-height:1.5;color:var(--text);opacity:1}.pc-comment[data-level="3"]{border-left:3px solid #e67e22}.pc-comment[data-level="4"]{border-left:3px solid #e74c3c;font-weight:500}.pc-comment[data-level="5"]{border-left:3px solid #8e44ad;font-weight:600;font-style:italic}.pc-mood-footer{text-align:center;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:8px;border-top:1px solid var(--line);opacity:0;transition:opacity .3s ease}.pc-mood-footer.visible{opacity:1}@media(max-width:720px){body.password-commentary-page{--page-padding: 14px}body.password-commentary-page .demo-layout-card{--ds-card-padding: 18px}body.password-commentary-page .demo-layout-title{margin:14px 0 8px}body.password-commentary-page .demo-layout-subtitle{margin-bottom:14px;font-size:.94rem;line-height:1.45}body.password-commentary-page .demo-layout-stats{padding:10px 12px;font-size:.82rem}.pc-panel{gap:14px;margin-top:10px}.pc-input-group{gap:6px}.pc-input-group .ds-input{padding:13px 14px;font-size:.96rem}.pc-visibility-note{font-size:.68rem}.pc-damage-label{font-size:.75rem}.pc-damage-track{height:8px}.pc-commentary{gap:6px;max-height:min(180px,34dvh);padding:2px 0}.pc-typing{padding:6px 12px}.pc-comment{padding:8px 12px;font-size:.9rem;line-height:1.4}.pc-mood-footer{padding-top:6px;font-size:.76rem}}@media(max-width:480px){body.password-commentary-page .demo-layout-card{--ds-card-padding: 16px}body.password-commentary-page .demo-layout-subtitle{font-size:.9rem}.pc-commentary{max-height:min(160px,32dvh)}.pc-comment{font-size:.86rem}}:root{--warning: #f2a65a;--highlight: #8ca1ff}body.product-manager-mode-page .demo-layout-card{position:relative;width:min(860px,100%);min-height:620px;overflow:hidden;isolation:isolate;--ds-card-border: 1px solid var(--line)}body.product-manager-mode-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffd084,#f29e50);box-shadow:0 0 0 6px #f2a65a29}body.product-manager-mode-page .demo-layout-stats{margin-bottom:24px;position:relative;z-index:1;--ds-stats-bg: var(--accent-soft)}.workspace{position:relative;min-height:360px;z-index:1;--ds-panel-padding: 24px;--ds-panel-radius: 28px}.controls{display:grid;gap:18px;max-width:420px;margin:0 auto}.control{position:relative}.control-label{margin-bottom:10px;display:block}.action-button{--ds-button-padding: 16px 18px;--ds-button-bg: linear-gradient(180deg, #2f3741 0%, #1e252d 100%);--ds-button-shadow: 0 16px 28px rgba(30, 37, 45, .18)}.text-input{--ds-input-focus-border: rgba(140, 161, 255, .6);--ds-input-focus-shadow: 0 0 0 4px rgba(140, 161, 255, .14)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--accent-soft)}.toggle-copy{display:flex;flex-direction:column;gap:6px}.toggle-title{font-weight:600;letter-spacing:-.02em}.toggle-subtitle{color:var(--muted);font-size:.93rem}.pm-switch{--ds-switch-active-bg: #2f3741}.overlay-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.metric-tag,.analytics-card{position:absolute;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.metric-tag{padding:10px 12px;color:var(--muted);font-size:.87rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-tag strong{color:var(--text);display:block;font-size:.94rem;margin-bottom:4px}.analytics-card{width:180px;padding:14px}.analytics-card h3{margin:0 0 8px;font-size:var(--fs-label);letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.analytics-card .value{font-size:1.35rem;font-weight:700;letter-spacing:-.04em;margin-bottom:6px}.analytics-card p{margin:0;color:var(--muted);line-height:1.45;font-size:.9rem}.overlay-banner{position:absolute;right:18px;top:18px;padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:.88rem;box-shadow:var(--shadow-soft);display:none;z-index:2}.overlay-banner.visible{display:inline-flex;align-items:center;gap:8px}.overlay-banner strong{color:var(--text)}@media(max-width:720px){body.product-manager-mode-page .demo-layout-card{--ds-card-padding: 24px 18px}.workspace{--ds-panel-padding: 18px}.analytics-card{width:156px}}*,*:before,*:after{transition:background-color .6s ease,color .6s ease,border-color .6s ease,box-shadow .6s ease,opacity .6s ease}.pdm-body{margin:0;min-height:100dvh;background:transparent}body[data-level="1"]{--pdm-card: rgba(15, 23, 42, .55);--pdm-text: #f1f5f9;--pdm-muted: #cbd5e1;--pdm-line: rgba(255, 255, 255, .15);--pdm-glow: 0 0 8px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3)}body[data-level="2"]{--pdm-card: rgba(15, 23, 42, .6);--pdm-text: #f1f5f9;--pdm-muted: #cbd5e1;--pdm-line: rgba(255, 255, 255, .12);--pdm-glow: 0 0 8px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4)}body[data-level="3"]{--pdm-card: rgba(10, 15, 25, .65);--pdm-text: #e2e8f0;--pdm-muted: #94a3b8;--pdm-line: rgba(255, 255, 255, .1);--pdm-glow: 0 0 10px rgba(0, 0, 0, .6), 0 1px 3px rgba(0, 0, 0, .5)}body[data-level="4"]{--pdm-card: rgba(5, 8, 15, .7);--pdm-text: #e2e8f0;--pdm-muted: #94a3b8;--pdm-line: rgba(255, 255, 255, .08);--pdm-glow: 0 0 12px rgba(0, 0, 0, .7), 0 1px 3px rgba(0, 0, 0, .6)}body[data-level="5"]{--pdm-card: rgba(2, 3, 8, .75);--pdm-text: #cbd5e1;--pdm-muted: #7e8fa1;--pdm-line: rgba(255, 255, 255, .06);--pdm-glow: 0 0 14px rgba(0, 0, 0, .8), 0 1px 4px rgba(0, 0, 0, .7)}body[data-level="6"]{--pdm-card: rgba(0, 0, 0, .8);--pdm-text: #94a3b8;--pdm-muted: #64748b;--pdm-line: rgba(255, 255, 255, .04);--pdm-glow: 0 0 16px rgba(0, 0, 0, .9), 0 1px 4px rgba(0, 0, 0, .8)}.pdm-card{position:fixed;top:calc(var(--navbar-top-offset) + var(--navbar-height) + var(--navbar-card-gap) + env(safe-area-inset-top,0px));left:16px;z-index:10;width:min(320px,calc(100% - 32px));padding:14px 18px;border-radius:14px;background:var(--pdm-card, rgba(255, 255, 255, .08));border:1px solid var(--pdm-line, rgba(255, 255, 255, .12));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--pdm-text, #e2e8f0);pointer-events:auto}.pdm-copy-wrap{position:fixed;right:16px;bottom:16px;z-index:10;width:min(460px,calc(100% - 32px))}.pdm-copy-wrap .route-seo-trigger__button{color:#d7deebe0}.route-seo-modal--pdm .route-seo-modal__panel{background:#040810c2;border-color:#ffffff14;color:#d7deeb}.route-seo-modal--pdm .route-seo-copy__eyebrow,.route-seo-modal--pdm .route-seo-copy__body{color:#d7deebcc}.route-seo-modal--pdm .route-seo-modal__close{background:#ffffff14;border-color:#ffffff1f;color:#d7deeb}.pdm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pdm-header__left{display:flex;flex-direction:column;gap:2px;min-width:0}.pdm-badge{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pdm-muted, #cbd5e1);font-weight:500;text-shadow:var(--pdm-glow, none)}.pdm-title{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;margin:0;line-height:1.2;color:var(--pdm-text, #f1f5f9);text-shadow:var(--pdm-glow, none)}.pdm-header__right{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.pdm-level-num{font-size:1.8rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--pdm-text, #f1f5f9);font-variant-numeric:tabular-nums;text-shadow:var(--pdm-glow, none)}.pdm-level-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pdm-muted, #cbd5e1);text-shadow:var(--pdm-glow, none)}.pdm-controls{display:grid;gap:8px}.pdm-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid var(--pdm-line, rgba(255, 255, 255, .08))}.pdm-toggle-copy{display:flex;flex-direction:column;gap:1px}.pdm-toggle-title{font-weight:600;font-size:.78rem;text-shadow:var(--pdm-glow, none)}.pdm-toggle-sub{color:var(--pdm-muted, #cbd5e1);font-size:.65rem;text-shadow:var(--pdm-glow, none)}.pdm-switch{--ds-switch-bg: rgba(255, 255, 255, .14);--ds-switch-active-bg: rgba(255, 255, 255, .14);--ds-switch-knob: var(--pdm-text, #e2e8f0)}.pdm-bar{height:6px;border-radius:99px;background:#ffffff0f;border:1px solid var(--pdm-line, rgba(255, 255, 255, .06));overflow:hidden}.pdm-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7e8790,#020202);transition:width .3s ease}.pdm-flavor{margin:0;color:var(--pdm-muted, #cbd5e1);font-size:.68rem;line-height:1.4;text-shadow:var(--pdm-glow, none)}@media(max-width:480px){.pdm-card{top:calc(var(--navbar-top-offset) + var(--navbar-height) + var(--navbar-card-gap) + env(safe-area-inset-top,0px));padding:10px 14px}.pdm-title{font-size:.92rem}.pdm-copy-wrap{right:12px;bottom:12px;width:calc(100% - 24px)}}:root{--danger: #ff8c69}body.runaway-password-page .demo-layout-card{width:min(760px,100%);min-height:560px;position:relative;overflow:hidden;--ds-card-border: 1px solid var(--line)}body.runaway-password-page .demo-layout-badge:before{content:"";width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#c7d0d8,#7d8994);box-shadow:0 0 0 6px #7d89941f}body.runaway-password-page .demo-layout-stats{margin-bottom:24px;--ds-stats-bg: var(--accent-soft)}.rp-panel{position:relative;min-height:320px}.form{display:grid;gap:16px;max-width:380px}.field-label{margin-bottom:10px;display:block}.password-zone{position:absolute;left:22px;top:112px;width:320px;will-change:transform}.password-shell{padding:14px;border-radius:22px;background:#ff8c6914;border:1px dashed rgba(255,140,105,.28)}.login-button{--ds-button-bg: linear-gradient(180deg, #333b45 0%, #1f262e 100%)}.hint{position:absolute;right:22px;bottom:22px;max-width:240px;padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--muted);font-size:var(--fs-label);line-height:1.5}.hint strong{display:block;color:var(--text);margin-bottom:6px}@media(max-width:720px){body.runaway-password-page .demo-layout-card{--ds-card-padding: 24px 18px}.rp-panel{min-height:420px;--ds-panel-padding: 16px}.form{max-width:none}.password-zone{left:16px;width:calc(100% - 32px)}.hint{position:static;margin-top:16px;max-width:none}}.evergreen-page{--evergreen-surface: linear-gradient(180deg, var(--card-solid) 0%, var(--panel) 100%);--evergreen-surface-soft: linear-gradient(180deg, var(--panel) 0%, var(--card) 100%);--evergreen-shadow: var(--shadow-card);display:grid;gap:24px;max-width:1200px;margin:0 auto;padding-top:calc(var(--navbar-top-offset) + var(--navbar-height) + 32px)}.evergreen-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px;align-items:start}.evergreen-hero__copy,.evergreen-hero__brand,.evergreen-section{background:var(--evergreen-surface);box-shadow:var(--evergreen-shadow)}.evergreen-hero__copy{padding:32px;border-radius:var(--radius-card);border:1px solid var(--line)}.evergreen-hero__copy .ds-title,.evergreen-section h2,.evergreen-link strong{color:var(--text)}.evergreen-hero__body{margin:0;color:var(--muted);font-size:var(--fs-body);line-height:1.75}.evergreen-hero__brand{min-height:100%;display:grid;place-items:center}.evergreen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.evergreen-section h2{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(1.8rem,1.6rem + 1vw,2.6rem);letter-spacing:-.05em}.evergreen-section p{margin:0 0 16px;color:var(--muted);line-height:1.75}.evergreen-page a:not(.evergreen-link){color:var(--text);font-weight:600;text-decoration-thickness:1.5px;text-underline-offset:.16em}.evergreen-page a:not(.evergreen-link):hover{color:var(--accent-hover)}.evergreen-section p:last-child{margin-bottom:0}.evergreen-list{display:grid;gap:14px}.evergreen-link{display:grid;gap:6px;padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:var(--evergreen-surface-soft);color:var(--text);text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .14s ease,border-color .14s ease,background .14s ease}.evergreen-link:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--accent-soft)}.evergreen-link span{color:var(--muted);line-height:1.55}@media(max-width:900px){.evergreen-hero,.evergreen-grid{grid-template-columns:1fr}}@media(max-width:640px){.evergreen-page{gap:18px;padding-top:calc(var(--navbar-top-offset) + var(--navbar-height) + 20px)}.evergreen-hero__copy,.evergreen-section{padding:22px}}.sa-wrapper{position:relative}.sa-hud{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin-bottom:16px;border-radius:var(--radius-control);background:var(--panel);border:1px solid var(--line);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);gap:12px}.sa-hud strong{color:var(--text);font-variant-numeric:tabular-nums}.sa-hud-item{display:flex;align-items:center;gap:6px}.sa-multiplier-active{color:var(--accent)!important}.sa-scroll-area{position:relative;max-height:400px;overflow-y:auto;padding:0 4px;scroll-behavior:smooth}.sa-section{padding:28px 0;border-bottom:1px solid var(--line)}.sa-section:last-child{border-bottom:none}.sa-section h3{font-family:var(--font-display);font-size:var(--fs-heading-md);color:var(--text);margin-bottom:10px}.sa-section p{font-size:var(--fs-body);color:var(--muted);line-height:1.7}.sa-toast-stack{position:absolute;top:60px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:10;pointer-events:none;max-width:280px}.sa-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-control);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;user-select:none;-webkit-user-select:none}.sa-toast *{user-select:none;-webkit-user-select:none}.sa-toast-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.sa-toast-content{flex:1;min-width:0}.sa-toast-title{font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin-bottom:2px}.sa-toast-desc{font-size:.78rem;color:var(--muted);line-height:1.4}.sa-toast-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:8px}.sa-toast-rarity{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:var(--radius-pill);color:#fff}.sa-toast-rarity[data-rarity=Common]{background:#7b8894}.sa-toast-rarity[data-rarity=Uncommon]{background:#27ae60}.sa-toast-rarity[data-rarity=Rare]{background:#2980b9}.sa-toast-rarity[data-rarity=Epic]{background:#8e44ad}.sa-toast-points{font-size:.72rem;font-weight:600;color:var(--accent)}.sa-combo{position:absolute;bottom:16px;right:16px;font-size:var(--fs-label);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);opacity:0;pointer-events:none;z-index:5}.sa-combo.visible{opacity:1}.sa-level-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(0);width:90%;padding:24px;text-align:center;background:var(--accent);color:var(--bg-top);border-radius:var(--radius-panel);z-index:20;pointer-events:none}.sa-level-banner-text{font-family:var(--font-display);font-size:var(--fs-display);font-weight:800;letter-spacing:-.04em}.sa-level-banner-sub{font-size:var(--fs-body);opacity:.8;margin-top:4px}.sa-progress-rail{position:absolute;top:60px;left:4px;bottom:16px;width:4px;border-radius:var(--radius-pill);background:var(--line);z-index:5}.sa-progress-fill{width:100%;border-radius:var(--radius-pill);background:var(--accent);transition:height .3s ease}.select-reveal-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:start;margin-bottom:24px}.select-reveal-intro .demo-layout-subtitle{margin:0}.select-reveal-intro .demo-layout-stats{margin:0;align-self:start}.select-reveal-panel{display:flex;flex-direction:column;gap:var(--space-panel, 16px)}.select-reveal-hint{font-size:var(--fs-label, .85rem);color:var(--muted, #888);text-align:center;letter-spacing:.04em;text-transform:uppercase}.select-reveal-container{position:relative;overflow:hidden;width:100%}.select-reveal-wrapper{position:relative;-webkit-user-select:text;user-select:text;width:100%}.select-reveal-ad-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.select-reveal-canvas{width:100%;height:100%;display:block}.select-reveal-text{position:relative;z-index:0;font-size:clamp(1.02rem,1.4vw + .78rem,1.6rem);line-height:1.32;font-weight:700;color:var(--text, #121212);overflow-wrap:anywhere}.select-reveal-text ::selection{background:transparent;color:#fff}.select-reveal-fine-print{font-size:.7rem;color:var(--muted, #888);text-align:center;opacity:.6;font-style:italic}@media(max-width:720px){.select-reveal-intro{grid-template-columns:1fr;gap:14px}.select-reveal-intro .demo-layout-stats{justify-self:start}.select-reveal-panel{gap:14px}.select-reveal-text{font-size:.92rem;line-height:1.48;font-weight:600}.select-reveal-fine-print{font-size:.64rem}}@media(max-width:480px){.select-reveal-text{font-size:.84rem;line-height:1.52}}.scog-anchor{position:fixed;top:10px;right:10px;z-index:1000}.scog-toolbar{display:flex;align-items:flex-start;gap:10px}.scog-control{position:relative}.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,.scog-btn--active{box-shadow:0 4px 14px #00000029}.scog-btn--settings:hover{transform:rotate(30deg)}.scog-dropdown{position:absolute;top:calc(100% + 8px);right:0}.scog-dropdown>.theme-picker{min-width:260px;padding-bottom:0}.scog-dropdown--share{width:320px}.scog-share-panel{display:flex;flex-direction:column;gap:14px;min-width:320px}.scog-share-header{display:flex;flex-direction:column;gap:6px}.scog-share-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scog-share-header strong{color:var(--text);line-height:1.2}.scog-share-header p{margin:0;font-size:.82rem;line-height:1.45;color:var(--muted);word-break:break-word}.scog-share-actions{display:flex;flex-direction:column;gap:8px}.scog-share-action{width:100%;border:1px solid rgba(0,0,0,.08);background:var(--card-solid, rgba(255, 255, 255, .5));color:var(--text);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.scog-share-action:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.scog-share-action span{font-size:.94rem;line-height:1.2}.scog-share-note{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted)}.scog-share-status{margin:-2px 0 0;font-size:.78rem;line-height:1.35;color:var(--text)}@media(max-width:640px){.scog-anchor{top:8px;right:8px}.scog-dropdown--share{width:min(320px,calc(100vw - 16px));right:-46px}.scog-share-panel{min-width: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{left:8px;transform:none;max-width:calc(100vw - 100px);gap:12px;padding:5px 6px 5px 14px}.navbar-brand{font-size:.92rem}.navbar-links{min-width:0}.navbar-link{font-size:.72rem;padding:5px 10px}}: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-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)}.back-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:22px;padding:12px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#ffffffc2;color:var(--text);text-decoration:none;font-weight:600}.back-link:hover{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))}.route-seo-trigger{margin-top:24px}.route-seo-trigger__button{padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;cursor:pointer}.route-seo-copy{display:grid;gap:12px}.route-seo-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:clamp(16px,3vw,32px);background:#12161c85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.route-seo-modal__panel{width:min(760px,calc(100vw - (2*clamp(16px,3vw,32px))));max-width:100%;max-height:min(88dvh,920px);overflow:auto;overscroll-behavior:contain;padding:clamp(22px,3vw,32px);box-shadow:0 30px 80px #0c12183d}.route-seo-modal__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:calc(clamp(22px,3vw,32px)*-1);z-index:1;margin:calc(clamp(22px,3vw,32px)*-1) calc(clamp(22px,3vw,32px)*-1) 0;padding:18px clamp(22px,3vw,32px) 14px;background:inherit;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.route-seo-modal__close{flex:0 0 auto;border:1px solid var(--line);border-radius:var(--radius-pill);background:#fffc;color:var(--text);font:inherit;font-weight:600;padding:10px 14px;cursor:pointer}.route-seo-copy__eyebrow{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-ui)}.route-seo-copy__title{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,1.15rem + 1vw,2.15rem);line-height:1;letter-spacing:-.05em}.route-seo-copy__body{margin:0;color:var(--muted);line-height:1.72}.route-seo-copy__tags{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none}.route-seo-copy__tags li{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}.not-found-page{min-height:100vh;padding:max(24px,calc(var(--navbar-top-offset) + var(--navbar-height) + 24px)) 20px 20px}.not-found-card{width:min(720px,100%)}@media(max-width:640px){:root{--navbar-height: 36px}.route-seo-modal{padding:12px}.route-seo-modal__panel{width:min(100%,100vw - 24px);max-height:min(92dvh,100%);padding:20px}.route-seo-modal__topbar{align-items:flex-start;flex-direction:column;top:-20px;margin:-20px -20px 0;padding:16px 20px 12px}}