.ph:after,.ph:before{font-family:Phosphor!important}.ph-fill:after,.ph-fill:before{font-family:Phosphor-Fill!important}.ph-bold:after,.ph-bold:before{font-family:Phosphor-Bold!important}.ph-light:after,.ph-light:before{font-family:Phosphor-Light!important}.ph-thin:after,.ph-thin:before{font-family:Phosphor-Thin!important}.ph-duotone:after,.ph-duotone:before{font-family:Phosphor-Duotone!important}:root{--red-300:#ff8080;--red-400:#f55;--red-500:#ff2a2a;--red-600:#e01e1e;--red-700:#b81616;--red-a05:rgba(255,42,42,.05);--red-a08:rgba(255,42,42,.08);--red-a12:rgba(255,42,42,.12);--red-a20:rgba(255,42,42,.2);--red-a30:rgba(255,42,42,.3);--ink-000:#fff;--ink-050:#f8f8f8;--ink-100:#eee;--ink-200:#ddd;--ink-300:#bbb;--ink-400:#888;--ink-500:#555;--ink-600:#333;--ink-700:#1e1e1e;--ink-800:#141414;--ink-900:#0c0c0c;--err-100:#ffecec;--err-200:#ffd0d0;--err-300:#ffa0a0;--err-400:#ff6464;--err-500:#e03131;--err-600:#c92a2a;--err-700:#a61e1e;--warn-100:#fff8ec;--warn-200:#ffecc8;--warn-300:#ffd084;--warn-400:#ffa94d;--warn-500:#f76707;--warn-600:#e8590c;--warn-700:#d9480f;--caution-100:#fffae0;--caution-200:#fff3a3;--caution-300:#ffe066;--caution-400:#ffc300;--caution-500:#f0a500;--caution-600:#c80;--caution-700:#a36b00;--success-100:#ebfbee;--success-200:#d3f9d8;--success-300:#8ce99a;--success-400:#51cf66;--success-500:#2f9e44;--success-600:#2b8a3e;--success-700:#1e6631;--info-100:#e8f4fd;--info-200:#d0e8f8;--info-300:#74c0fc;--info-400:#339af0;--info-500:#1971c2;--info-600:#1864ab;--info-700:#145591;--font:"Outfit",sans-serif;--dur-fast:120ms;--dur-base:200ms;--dur-slow:350ms;--dur-xslow:500ms;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-inout:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--r-0:0px;--r-xs:2px;--r-sm:4px;--r-md:4px;--r-lg:8px;--r-xl:8px;--r-2xl:12px;--r-3xl:20px;--r-full:9999px}[data-theme=dark]{color-scheme:dark;--sidebar-bg:hsla(0,0%,5%,.45);--bg-base:var(--ink-900);--bg-surface:var(--ink-800);--bg-elevated:var(--ink-700);--bg-overlay:var(--ink-600);--text-primary:var(--ink-050);--text-secondary:var(--ink-300);--text-tertiary:var(--ink-400);--text-disabled:var(--ink-600);--text-inverse:var(--ink-900);--text-accent:var(--red-400);--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.12);--border-strong:hsla(0,0%,100%,.24);--border-accent:var(--red-500);--accent:var(--red-500);--accent-hover:var(--red-400);--accent-active:var(--red-600);--accent-subtle:var(--red-a12);--accent-muted:var(--red-a20);--status-err-bg:rgba(224,49,49,.12);--status-err-border:var(--err-600);--status-err-text:var(--err-300);--status-err-icon:var(--err-400);--status-err-label:var(--err-300);--status-warn-bg:rgba(247,103,7,.12);--status-warn-border:var(--warn-600);--status-warn-text:var(--warn-300);--status-warn-icon:var(--warn-400);--status-warn-label:var(--warn-300);--status-caution-bg:rgba(240,165,0,.12);--status-caution-border:var(--caution-600);--status-caution-text:var(--caution-300);--status-caution-icon:var(--caution-400);--status-caution-label:var(--caution-300);--status-success-bg:rgba(47,158,68,.12);--status-success-border:var(--success-600);--status-success-text:var(--success-300);--status-success-icon:var(--success-400);--status-success-label:var(--success-300);--status-info-bg:rgba(25,113,194,.12);--status-info-border:var(--info-600);--status-info-text:var(--info-300);--status-info-icon:var(--info-400);--status-info-label:var(--info-300);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 2px 8px rgba(0,0,0,.5);--shadow-md:0 4px 16px rgba(0,0,0,.55);--shadow-lg:0 8px 24px rgba(0,0,0,.6);--shadow-xl:0 16px 48px rgba(0,0,0,.7);--shadow-accent-s:0 0 0 1px var(--red-a30),0 2px 8px var(--red-a20);--shadow-accent-m:0 0 0 1px var(--red-a30),0 4px 16px var(--red-a30);--shadow-accent-l:0 0 0 2px var(--red-a30),0 8px 32px var(--red-a30);--focus-ring:0 0 0 2px var(--bg-base),0 0 0 4px var(--accent);--focus-ring-err:0 0 0 2px var(--bg-base),0 0 0 4px var(--err-500);--focus-ring-success:0 0 0 2px var(--bg-base),0 0 0 4px var(--success-500);--focus-ring-info:0 0 0 2px var(--bg-base),0 0 0 4px var(--info-500)}[data-theme=light]{color-scheme:light;--sidebar-bg:hsla(0,0%,97%,.55);--bg-base:var(--ink-050);--bg-surface:var(--ink-000);--bg-elevated:var(--ink-000);--bg-overlay:var(--ink-100);--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-tertiary:var(--ink-400);--text-disabled:var(--ink-300);--text-inverse:var(--ink-050);--text-accent:var(--red-600);--border-subtle:rgba(0,0,0,.05);--border-default:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.2);--border-accent:var(--red-500);--accent:var(--red-500);--accent-hover:var(--red-600);--accent-active:var(--red-700);--accent-subtle:var(--red-a08);--accent-muted:var(--red-a12);--status-err-bg:rgba(224,49,49,.08);--status-err-border:var(--err-500);--status-err-text:var(--err-700);--status-err-icon:var(--err-600);--status-err-label:var(--err-700);--status-warn-bg:rgba(247,103,7,.08);--status-warn-border:var(--warn-500);--status-warn-text:var(--warn-700);--status-warn-icon:var(--warn-600);--status-warn-label:var(--warn-700);--status-caution-bg:rgba(240,165,0,.08);--status-caution-border:var(--caution-500);--status-caution-text:var(--caution-700);--status-caution-icon:var(--caution-600);--status-caution-label:var(--caution-700);--status-success-bg:rgba(47,158,68,.08);--status-success-border:var(--success-500);--status-success-text:var(--success-700);--status-success-icon:var(--success-600);--status-success-label:var(--success-700);--status-info-bg:rgba(25,113,194,.08);--status-info-border:var(--info-500);--status-info-text:var(--info-700);--status-info-icon:var(--info-600);--status-info-label:var(--info-700);--shadow-xs:0 1px 2px rgba(0,0,0,.08);--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 24px rgba(0,0,0,.14);--shadow-xl:0 16px 48px rgba(0,0,0,.18);--shadow-accent-s:0 0 0 1px var(--red-a20),0 2px 8px var(--red-a12);--shadow-accent-m:0 0 0 1px var(--red-a20),0 4px 16px var(--red-a20);--shadow-accent-l:0 0 0 2px var(--red-a20),0 8px 32px var(--red-a20);--focus-ring:0 0 0 2px var(--bg-base),0 0 0 4px var(--accent);--focus-ring-err:0 0 0 2px var(--bg-base),0 0 0 4px var(--err-500);--focus-ring-success:0 0 0 2px var(--bg-base),0 0 0 4px var(--success-500);--focus-ring-info:0 0 0 2px var(--bg-base),0 0 0 4px var(--info-500)}:root{--btn-h-sm:32px;--btn-h-md:40px;--btn-h-lg:48px;--btn-h-xl:56px;--btn-px-sm:var(--sp-3);--btn-px-md:var(--sp-4);--btn-px-lg:var(--sp-5);--btn-px-xl:var(--sp-6);--btn-r:var(--r-md);--btn-fz-sm:13px;--btn-fz-md:14px;--btn-fz-lg:15px;--btn-fz-xl:16px;--card-r:var(--r-xl);--card-p:var(--sp-6);--card-gap:var(--sp-4);--input-h:40px;--input-h-sm:32px;--input-h-lg:48px;--input-r:var(--r-md);--input-px:var(--sp-3);--badge-r:var(--r-full);--badge-px:var(--sp-2);--badge-py:2px;--av-sm:28px;--av-md:36px;--av-lg:44px;--av-xl:56px;--progress-h:6px;--progress-h-sm:4px;--progress-h-lg:10px;--toggle-w:42px;--toggle-h:24px;--toggle-dot:18px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-base);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.layout{display:flex;padding:0;gap:0;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;width:220px;flex-shrink:0;height:100vh;background:transparent;border:none;border-right:1px solid var(--border-subtle);border-radius:0;display:flex;flex-direction:column;z-index:100;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}.sidebar-logo{flex-shrink:0;padding:var(--sp-6) var(--sp-5) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-4) 0;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.06) transparent}.sidebar-nav::-webkit-scrollbar{width:2px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:9999px}.sidebar-footer{flex-shrink:0;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:transparent}.sidebar-logo img{max-height:28px;-o-object-fit:contain;object-fit:contain;display:block}.nav-group{margin-bottom:var(--sp-5)}.nav-group-label{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);padding:var(--sp-1) var(--sp-5);margin-bottom:2px;display:block;opacity:.5}.nav-item{display:flex;align-items:center;gap:10px;padding:8px var(--sp-5);font-size:12px;font-weight:500;color:var(--text-tertiary);text-decoration:none;border-left:1px solid transparent;transition:color .12s,border-color .12s;cursor:pointer;letter-spacing:.005em}.nav-item:hover{color:var(--text-secondary);background:transparent;border-left-color:var(--border-default)}.nav-item.active{color:var(--text-primary);border-left-color:var(--accent);background:transparent}.nav-item i{font-size:14px;opacity:.6;flex-shrink:0}.nav-item.active i{opacity:.9}.version-pill{font-size:10px;font-weight:700;color:var(--text-tertiary);background:transparent;border:none;border-radius:0;padding:0;letter-spacing:.06em;font-family:monospace}.main{flex:1;min-width:0;min-height:100vh}.theme-toggle{width:30px;height:30px;border-radius:var(--r-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all var(--dur-fast)}.theme-toggle:hover{border-color:var(--border-default);color:var(--text-primary)}section{padding:88px 80px;border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}section:last-child{border-bottom:none}section[data-num]:before{content:attr(data-num);position:absolute;top:-.1em;right:0;font-size:clamp(160px,18vw,260px);font-weight:900;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.03);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}section>*{position:relative;z-index:1}@keyframes brand-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section.brand-section--hidden{opacity:0;transform:translateY(20px)}section.brand-section--visible{animation:brand-reveal .55s var(--ease-out) both}section.brand-section--visible>*{animation:brand-reveal .5s var(--ease-out) both}section.brand-section--visible>:first-child{animation-delay:0s}section.brand-section--visible>:nth-child(2){animation-delay:.06s}section.brand-section--visible>:nth-child(3){animation-delay:.11s}section.brand-section--visible>:nth-child(4){animation-delay:.15s}section.brand-section--visible>:nth-child(5){animation-delay:.18s}section.brand-section--visible>:nth-child(n+6){animation-delay:.2s}.kg-aurora{z-index:0!important}.kg-vignette{z-index:1!important}.kg-grain{z-index:2!important}.kg-progress{z-index:9300!important}.layout{position:relative;z-index:10}.section-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:12px}.section-label:before{content:"";display:block;width:20px;height:1px;background:var(--accent);flex-shrink:0}.section-title{font-size:clamp(36px,3.8vw,56px);font-weight:800;line-height:1.06;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--sp-5)}.section-desc{font-size:15px;max-width:640px}.doc-prose,.section-desc{color:var(--text-secondary);margin-bottom:var(--sp-8);line-height:1.8}.doc-prose{font-size:14px;max-width:660px}.doc-prose p{margin-bottom:var(--sp-4)}.doc-prose p:last-child{margin-bottom:0}.doc-callout{background:transparent;border:none;border-left:2px solid var(--accent);border-radius:0;padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-6);max-width:660px}.doc-callout.info{border-left-color:var(--info-400)}.doc-callout.warn{border-left-color:var(--warn-400)}.doc-callout-title{font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2);letter-spacing:.04em;text-transform:uppercase}.doc-callout-body{font-size:13px;color:var(--text-secondary);line-height:1.7}.doc-principles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0;margin-bottom:var(--sp-10);border:1px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden}.doc-principle{background:transparent;border:none;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);border-radius:0;padding:var(--sp-6)}.doc-principle:last-child{border-right:none}@media(max-width:900px){.doc-principle:nth-child(2n){border-right:none}}.doc-principle-num{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.12em;margin-bottom:var(--sp-3);font-family:monospace}.doc-principle-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2)}.doc-principle-text{line-height:1.65}.doc-list,.doc-principle-text{font-size:13px;color:var(--text-secondary)}.doc-list{line-height:1.8;padding-left:var(--sp-5);margin-bottom:var(--sp-6);max-width:660px}.doc-list li{margin-bottom:var(--sp-2)}.doc-list strong{color:var(--text-primary);font-weight:600}.doc-do-dont{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-8);max-width:800px}@media(max-width:640px){.doc-do-dont{grid-template-columns:1fr}}.doc-do,.doc-dont{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-5)}.doc-do{border-top:2px solid var(--success-500)}.doc-dont{border-top:2px solid var(--err-500)}.doc-do h4,.doc-dont h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-3)}.doc-do h4{color:var(--success-400)}.doc-dont h4{color:var(--err-400)}.doc-do ul,.doc-dont ul{font-size:13px;color:var(--text-secondary);line-height:1.65;padding-left:var(--sp-4);margin:0}.doc-do li,.doc-dont li{margin-bottom:var(--sp-2)}.doc-code-block{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-5);font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary);line-height:1.75;margin-bottom:var(--sp-6);max-width:700px;overflow-x:auto}.doc-code-block .tok{color:var(--text-primary)}.hero-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap}.hero-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-primary);text-decoration:none;padding:10px 18px;border:1px solid var(--border-default);border-radius:var(--r-md);background:transparent;transition:all var(--dur-fast)}.hero-link:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.hero-link.ghost{color:var(--text-secondary);border-color:var(--border-subtle)}.hero-link.ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.divider{height:1px;background:var(--border-subtle);margin:var(--sp-8) 0}.sub-title{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--sp-5);margin-top:var(--sp-10);display:flex;align-items:center;gap:10px}.sub-title:before{content:"";display:block;width:12px;height:1px;background:var(--border-strong);flex-shrink:0}.sub-title:first-child{margin-top:0}.inline-code{font-family:Courier New,monospace;font-size:12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:1px 6px;color:var(--text-primary)}.scroll-mt{scroll-margin-top:24px}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-20) 80px 72px;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}#hero:before{content:"KG";font-size:clamp(240px,30vw,480px);font-weight:900;letter-spacing:-.05em;line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(255,42,42,.055);top:8%;right:-1%;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}#hero:after,#hero:before{position:absolute;pointer-events:none}#hero:after{content:"";top:0;left:0;width:1px;height:100%;background:linear-gradient(to bottom,var(--accent) 0,transparent 40%);opacity:.3}.hero-badge{display:inline-flex;align-items:center;gap:12px;background:transparent;border:none;border-radius:0;padding:0;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--sp-6);width:-moz-fit-content;width:fit-content;position:relative;z-index:1}.hero-badge:before{content:"";display:block;width:24px;height:1px;background:var(--accent);flex-shrink:0}.hero-title{font-size:clamp(52px,6.5vw,92px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin-bottom:var(--sp-6);max-width:820px;position:relative;z-index:1}.hero-title span{color:var(--accent)}.hero-subtitle{font-size:17px;color:var(--text-secondary);margin-bottom:var(--sp-8);max-width:520px;line-height:1.75}.hero-meta,.hero-subtitle{position:relative;z-index:1}.hero-meta{display:flex;gap:var(--sp-8);flex-wrap:wrap;padding-top:var(--sp-6);border-top:1px solid var(--border-subtle)}.meta-item{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--text-tertiary)}.meta-item i{color:var(--accent);font-size:14px}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-8)}.logo-cell{border-radius:var(--r-xl);padding:var(--sp-6);display:flex;align-items:center;justify-content:center;min-height:120px;position:relative;border:1px solid var(--border-default)}.logo-cell.bg-dark{background:var(--ink-900)}.logo-cell.bg-light{background:var(--ink-050)}.logo-cell.bg-red{background:var(--red-500)}.logo-cell.bg-gray{background:var(--ink-700)}.logo-cell img.icon{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.logo-cell img.lockup{width:240px;max-width:100%;-o-object-fit:contain;object-fit:contain}.logo-label{position:absolute;bottom:var(--sp-2);right:var(--sp-3);font-size:10px;font-weight:500;color:hsla(0,0%,100%,.4)}.logo-label.dark{color:rgba(0,0,0,.3)}.logo-rules-table{width:100%;border-collapse:collapse;font-size:13px}.logo-rules-table td,.logo-rules-table th{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.logo-rules-table th{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.logo-rules-table td{color:var(--text-secondary)}.logo-rules-table td:first-child{color:var(--text-primary);font-weight:500}.tag-do{color:var(--success-400);background:rgba(47,158,68,.12)}.tag-do,.tag-dont{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:var(--r-full);padding:2px 8px}.tag-dont{color:var(--err-400);background:rgba(224,49,49,.12)}.arch-flow{display:flex;align-items:stretch;gap:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-2);flex-wrap:wrap}.arch-stage{flex:1;min-width:160px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-5)}.arch-num{width:24px;height:24px;background:var(--accent);border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-bottom:var(--sp-3)}.arch-stage-title{font-size:13px;font-weight:700;margin-bottom:var(--sp-1)}.arch-stage-sub{font-size:11px;color:var(--text-tertiary);margin-bottom:var(--sp-4)}.arch-tokens{display:flex;flex-direction:column;gap:var(--sp-2)}.arch-token{font-size:11px;font-family:Courier New,monospace;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);color:var(--text-secondary)}.arch-token span{color:var(--accent)}.swatch-row{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap}.swatch{display:flex;flex-direction:column;gap:var(--sp-1)}.swatch-box{width:64px;height:64px;border-radius:var(--r-lg);border:1px solid hsla(0,0%,100%,.08)}.swatch-name{font-size:10px;font-weight:600;color:var(--text-secondary)}.swatch-val{font-size:10px;color:var(--text-tertiary);font-family:monospace}.alpha-swatch-box{width:64px;height:40px;border-radius:var(--r-lg);border:1px solid var(--border-default);background-image:linear-gradient(45deg,#555 25%,transparent 0),linear-gradient(-45deg,#555 25%,transparent 0),linear-gradient(45deg,transparent 75%,#555 0),linear-gradient(-45deg,transparent 75%,#555 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;position:relative;overflow:hidden}.alpha-swatch-box:after{content:"";position:absolute;inset:0;background:var(--alpha-color)}.status-swatch-row{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap}.status-swatch{display:flex;flex-direction:column;gap:var(--sp-2);min-width:80px}.status-swatch-box{width:80px;height:48px;border-radius:var(--r-lg);border:1px solid var(--border-subtle)}.type-row{display:flex;align-items:baseline;gap:var(--sp-8);padding:var(--sp-4) 0;border-bottom:1px solid var(--border-subtle)}.type-row:last-child{border-bottom:none}.type-meta{min-width:160px;display:flex;flex-direction:column;gap:2px}.type-name{font-size:12px;font-weight:600}.type-name,.type-spec{color:var(--text-tertiary)}.type-spec{font-size:11px;font-family:monospace}.spacing-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle)}.spacing-bar-wrap{flex:1}.spacing-bar{height:20px;background:var(--accent-subtle);border-radius:var(--r-sm);border-left:2px solid var(--accent)}.spacing-label{min-width:80px;font-size:12px;color:var(--text-secondary)}.spacing-val{min-width:80px;font-size:11px;color:var(--text-tertiary);font-family:monospace;text-align:right}.radius-grid{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:flex-end}.radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.radius-box{width:64px;height:64px;background:var(--accent-subtle);border:1px solid var(--accent)}.radius-label{font-size:11px;color:var(--text-secondary);font-weight:500}.radius-val{font-size:10px;color:var(--text-tertiary);font-family:monospace}.shadow-grid{display:flex;gap:var(--sp-6);flex-wrap:wrap;align-items:flex-end;padding:var(--sp-4) 0}.shadow-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.shadow-box{width:80px;height:80px;background:var(--bg-surface);border-radius:var(--r-lg)}.shadow-label{font-size:11px;color:var(--text-secondary);font-weight:500}.motion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4)}.motion-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-5)}.motion-demo{height:48px;display:flex;align-items:center;margin-bottom:var(--sp-3)}.motion-dot{width:12px;height:12px;background:var(--accent);border-radius:var(--r-full);cursor:pointer}.motion-dot:hover{transform:translateX(80px)}.motion-name{font-size:12px;font-weight:600;margin-bottom:2px}.motion-val{font-size:11px;color:var(--text-tertiary);font-family:monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--btn-h-md);padding:0 var(--btn-px-md);border-radius:var(--btn-r);font-family:var(--font);font-size:var(--btn-fz-md);font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn i{font-size:16px}.btn.sm{height:var(--btn-h-sm);padding:0 var(--btn-px-sm);font-size:var(--btn-fz-sm)}.btn.lg{height:var(--btn-h-lg);padding:0 var(--btn-px-lg);font-size:var(--btn-fz-lg)}.btn.xl{height:var(--btn-h-xl);padding:0 var(--btn-px-xl);font-size:var(--btn-fz-xl)}.btn.pill{border-radius:var(--r-full)!important}.btn-primary{background:var(--accent);color:#fff;border-color:transparent}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent-s)}.btn-primary:active{background:var(--accent-active)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{color:var(--text-primary)}.btn-ghost:hover,.btn-icon{background:var(--bg-elevated)}.btn-icon{width:var(--btn-h-md);height:var(--btn-h-md);padding:0;color:var(--text-secondary);border-color:var(--border-default)}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-strong)}.btn-icon.sm{width:var(--btn-h-sm);height:var(--btn-h-sm)}.btn-icon.lg{width:var(--btn-h-lg);height:var(--btn-h-lg)}.btn-danger{background:var(--status-err-bg);color:var(--status-err-text);border-color:var(--status-err-border)}.btn-danger:hover{background:var(--err-600);color:#fff;border-color:transparent}.btn-warning{background:var(--status-warn-bg);color:var(--status-warn-text);border-color:var(--status-warn-border)}.btn-warning:hover{background:var(--warn-600);color:#fff;border-color:transparent}.btn-success{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.btn-success:hover{background:var(--success-600);color:#fff;border-color:transparent}.btn-link{background:transparent;border-color:transparent;color:var(--text-primary);font-weight:600;padding-left:0;padding-right:0;gap:4px;position:relative}.btn-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--border-strong);transition:background var(--dur-fast)}.btn-link:hover{background:transparent;color:var(--accent)}.btn-link:hover:after{background:var(--accent)}.btn-link.accent{color:var(--accent)}.btn-link.accent:after{background:var(--accent)}.btn-link.accent:hover{color:var(--accent-hover)}.btn-link.accent:hover:after{background:var(--accent-hover)}.btn-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-5)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--card-r);padding:var(--card-p);box-shadow:var(--shadow-xs)}.card.elevated{box-shadow:var(--shadow-md);border-color:var(--border-subtle)}.card.featured{border-color:var(--accent);box-shadow:var(--shadow-accent-m)}.card.featured:before{content:"";display:block;height:3px;background:var(--accent);margin:calc(-1 * var(--card-p)) calc(-1 * var(--card-p)) var(--card-p);border-radius:var(--card-r) var(--card-r) 0 0}.card.err{border-color:var(--status-err-border);background:var(--status-err-bg)}.card.warn{border-color:var(--status-warn-border);background:var(--status-warn-bg)}.card.success{border-color:var(--status-success-border);background:var(--status-success-bg)}.card.info{border-color:var(--status-info-border);background:var(--status-info-bg)}.card-title{font-size:15px;font-weight:700;margin-bottom:var(--sp-1)}.card-body{font-size:13px;color:var(--text-secondary);line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.form-group{flex-direction:column;margin-bottom:var(--sp-5)}.form-group,.form-label{display:flex;gap:var(--sp-2)}.form-label{font-size:13px;font-weight:600;color:var(--text-primary);align-items:center}.form-label .required{color:var(--accent)}.form-hint{font-size:12px;color:var(--text-tertiary)}.form-error{color:var(--status-err-text)}.form-error,.form-success-msg{font-size:12px;display:flex;align-items:center;gap:var(--sp-1)}.form-success-msg{color:var(--status-success-text)}.input-wrap{position:relative;display:flex;align-items:center}.input-icon-left{left:var(--sp-3)}.input-icon-left,.input-icon-right{position:absolute;color:var(--text-tertiary);font-size:16px;pointer-events:none;z-index:1}.input-icon-right{right:var(--sp-3)}.input{width:100%;height:var(--input-h);padding:0 var(--input-px);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--input-r);font-family:var(--font);font-size:14px;color:var(--text-primary);transition:all var(--dur-fast) var(--ease-out);outline:none}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-base)}.input.with-icon-left{padding-left:calc(var(--input-px) + 24px)}.input.with-icon-right{padding-right:calc(var(--input-px) + 24px)}.input.sm{height:var(--input-h-sm);font-size:13px}.input.lg{height:var(--input-h-lg);font-size:15px}.input.error,.input.error:focus{border-color:var(--status-err-border)}.input.error:focus{box-shadow:var(--focus-ring-err)}.input.success,.input.success:focus{border-color:var(--status-success-border)}.input.success:focus{box-shadow:var(--focus-ring-success)}textarea.input{height:auto;min-height:100px;padding:var(--sp-3) var(--input-px);resize:vertical;line-height:1.6}.input-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-5) var(--sp-6)}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-xl);border:1px solid;border-left:3px solid;position:relative}.alert-icon{font-size:18px;flex-shrink:0;margin-top:1px}.alert-body{flex:1}.alert-title{font-size:13px;font-weight:700;margin-bottom:2px}.alert-desc{font-size:13px;line-height:1.5}.alert-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.alert-close{position:absolute;top:var(--sp-3);right:var(--sp-3);background:none;border:none;cursor:pointer;color:currentColor;opacity:.6;font-size:16px;padding:2px;border-radius:var(--r-sm);line-height:1;transition:opacity var(--dur-fast)}.alert-close:hover{opacity:1}.alert.err{background:var(--status-err-bg);border-color:var(--status-err-border);color:var(--status-err-text)}.alert.err .alert-icon{color:var(--status-err-icon)}.alert.warn{background:var(--status-warn-bg);border-color:var(--status-warn-border);color:var(--status-warn-text)}.alert.warn .alert-icon{color:var(--status-warn-icon)}.alert.caution{background:var(--status-caution-bg);border-color:var(--status-caution-border);color:var(--status-caution-text)}.alert.caution .alert-icon{color:var(--status-caution-icon)}.alert.success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.alert.success .alert-icon{color:var(--status-success-icon)}.alert.info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.alert.info .alert-icon{color:var(--status-info-icon)}.alert-grid{display:flex;flex-direction:column;gap:var(--sp-3)}.alert-link{font-weight:600;text-decoration:underline;cursor:pointer}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-xl);border:1px solid;max-width:360px;box-shadow:var(--shadow-lg);position:relative}.toast-icon{font-size:16px;flex-shrink:0;margin-top:1px}.toast-body{flex:1}.toast-title{font-size:13px;font-weight:700}.toast-desc{font-size:12px;opacity:.8;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;opacity:.5;font-size:14px;flex-shrink:0;color:inherit}.toast-close:hover{opacity:1}.toast.err{background:var(--status-err-bg);border-color:var(--status-err-border);color:var(--status-err-text)}.toast.warn{background:var(--status-warn-bg);border-color:var(--status-warn-border);color:var(--status-warn-text)}.toast.caution{background:var(--status-caution-bg);border-color:var(--status-caution-border);color:var(--status-caution-text)}.toast.success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.toast.info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.toast-stack{display:flex;flex-direction:column;gap:var(--sp-3)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--badge-r);padding:var(--badge-py) var(--badge-px);font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge.accent{color:var(--text-primary);border-color:var(--border-strong)}.badge.accent,.badge.neutral{background:var(--bg-elevated)}.badge.neutral{color:var(--text-secondary);border-color:var(--border-default)}.badge.err{background:var(--status-err-bg);color:var(--status-err-label);border-color:var(--status-err-border)}.badge.warn{background:var(--status-warn-bg);color:var(--status-warn-label);border-color:var(--status-warn-border)}.badge.caution{background:var(--status-caution-bg);color:var(--status-caution-label);border-color:var(--status-caution-border)}.badge.success{background:var(--status-success-bg);color:var(--status-success-label);border-color:var(--status-success-border)}.badge.info{background:var(--status-info-bg);color:var(--status-info-label);border-color:var(--status-info-border)}.badge i{font-size:10px}.badge-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4)}.badge-row,.chip{align-items:center}.chip{display:inline-flex;gap:var(--sp-1);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-3);font-size:13px;font-weight:500;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast)}.chip:hover{border-color:var(--border-strong)}.chip.active,.chip:hover{color:var(--text-primary)}.chip.active{background:var(--bg-elevated);border-color:var(--text-primary)}.chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.progress{width:100%;background:var(--bg-elevated);border-radius:var(--r-full);overflow:hidden;height:var(--progress-h);border:1px solid var(--border-subtle)}.progress-bar{height:100%;border-radius:inherit;transition:width var(--dur-slow) var(--ease-out)}.progress.sm{height:var(--progress-h-sm)}.progress.lg{height:var(--progress-h-lg)}.progress-bar.accent{background:var(--accent)}.progress-bar.err{background:var(--err-500)}.progress-bar.warn{background:var(--warn-500)}.progress-bar.caution{background:var(--caution-500)}.progress-bar.success{background:var(--success-500)}.progress-bar.info{background:var(--info-500)}.progress-bar.striped{background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.15) 4px,transparent 0,transparent 12px);background-size:24px 24px;animation:stripe-move .6s linear infinite}.progress-bar.striped.accent{background-color:var(--accent)}.progress-bar.striped.success{background-color:var(--success-500)}@keyframes stripe-move{0%{background-position:0 0}to{background-position:24px 0}}.progress-wrap{margin-bottom:var(--sp-4)}.progress-label{font-size:12px;color:var(--text-secondary);margin-bottom:var(--sp-2);display:flex;justify-content:space-between}.skeleton{background:var(--bg-elevated);border-radius:var(--r-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.04) 50%,transparent);background-size:200% 100%;animation:shimmer 1.4s ease infinite}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04) 50%,transparent);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;border-radius:var(--r-sm);margin-bottom:var(--sp-2)}.skeleton-title{height:22px;border-radius:var(--r-sm);margin-bottom:var(--sp-3)}.skeleton-avatar{border-radius:var(--r-full)}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-5)}.toggle-wrap{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-track{width:var(--toggle-w);height:var(--toggle-h);background:var(--bg-elevated);border-radius:var(--r-full);border:1px solid var(--border-default);position:relative;transition:all var(--dur-base) var(--ease-spring);flex-shrink:0}.toggle-track.on{background:var(--accent);border-color:var(--accent)}.toggle-dot{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:var(--toggle-dot);height:var(--toggle-dot);background:var(--text-tertiary);border-radius:var(--r-full);transition:all var(--dur-base) var(--ease-spring);box-shadow:var(--shadow-sm)}.toggle-track.on .toggle-dot{left:calc(100% - var(--toggle-dot) - 3px);background:#fff}.toggle-label{font-size:14px;color:var(--text-primary)}.toggle-row{display:flex;flex-direction:column;gap:var(--sp-4)}.avatar{width:var(--av-md);height:var(--av-md);border-radius:var(--r-full);background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-secondary);flex-shrink:0;overflow:hidden}.avatar.sm{width:var(--av-sm);height:var(--av-sm);font-size:11px}.avatar.lg{width:var(--av-lg);height:var(--av-lg);font-size:16px}.avatar.xl{width:var(--av-xl);height:var(--av-xl);font-size:20px}.avatar.accent{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--bg-base)}.avatar-group .avatar:first-child{margin-left:0}.av-row{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;padding:var(--sp-2) 0}.dropdown-header{padding:var(--sp-2) var(--sp-4) var(--sp-1);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.dropdown-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast)}.dropdown-item.active,.dropdown-item:hover{background:var(--bg-elevated)}.dropdown-item.active{color:var(--text-primary)}.dropdown-item.danger{color:var(--status-err-text)}.dropdown-item.danger:hover{background:var(--status-err-bg)}.dropdown-item i{font-size:16px;color:var(--text-tertiary)}.dropdown-item.active i,.dropdown-item.danger i{color:inherit}.dropdown-sep{height:1px;background:var(--border-subtle);margin:var(--sp-2) 0}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--r-xl)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-elevated);border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table td,.data-table th{padding:var(--sp-3) var(--sp-4)}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-elevated)}.td-mono{font-family:monospace;font-size:12px;color:var(--text-secondary)}.td-user{display:flex;align-items:center;gap:var(--sp-3)}.td-user-info{display:flex;flex-direction:column}.td-user-name{font-weight:600}.td-user-email{font-size:11px;color:var(--text-tertiary)}.status-usage-table{width:100%;border-collapse:collapse;font-size:13px}.status-usage-table td,.status-usage-table th{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);vertical-align:top}.status-usage-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--bg-elevated)}.status-usage-table tr:last-child td{border-bottom:none}.status-label{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px}.ratio-chip{width:10px;height:10px;border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px var(--border-strong)}.ratio-bar{display:flex;height:56px;margin-bottom:var(--sp-6);border:1px solid var(--border-default);border-radius:var(--r-xl);overflow:hidden}.ratio-seg{display:flex;align-items:center;justify-content:center;padding:0 4px;min-width:0;font-size:13px;font-weight:600;color:#f8f8f8}.ratio-seg.accent{font-size:11px;font-weight:700;color:#fff}.ratio-seg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.ratio-bar{height:48px}.ratio-seg{font-size:11px}.ratio-seg.accent span{display:none}}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:var(--dot-color,currentColor)!important;box-shadow:0 0 10px var(--dot-color,currentColor)!important;animation:brand-status-pulse 2s infinite!important}@keyframes brand-status-pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(var(--dot-color-rgb,255,255,255),.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(var(--dot-color-rgb,255,255,255),0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(var(--dot-color-rgb,255,255,255),0)}}.icon-weight-demo{display:flex;gap:var(--sp-5);align-items:flex-end;flex-wrap:wrap;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-6)}.icon-weight-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.icon-weight-label{font-size:10px;color:var(--text-tertiary);font-weight:600}.icon-size-row{display:flex;gap:var(--sp-5);align-items:center;flex-wrap:wrap;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-6)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--sp-2)}.icon-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--dur-fast);min-height:72px}.icon-cell:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.icon-cell i{font-size:22px}.icon-cell-name{font-size:9px;color:var(--text-tertiary);text-align:center;word-break:break-all;line-height:1.2}.icon-cell:hover .icon-cell-name{color:var(--text-secondary)}#copy-toast{position:fixed;bottom:24px;right:24px;background:var(--ink-800);color:var(--ink-050);border:1px solid var(--border-default);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-4);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transform:translateY(8px);transition:all var(--dur-fast) var(--ease-out);pointer-events:none}#copy-toast.show{opacity:1;transform:translateY(0)}@media (max-width:1024px){.layout{display:block;padding:0}.sidebar{transform:translateX(-100%);transition:transform var(--dur-base) var(--ease-out);width:260px;position:fixed;top:56px;left:0;height:calc(100vh - 56px);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);background:var(--bg-base)}.sidebar.open{transform:translateX(0)}.main{margin-left:0!important;padding-top:56px}.mobile-header{display:flex!important}section{padding:60px 28px!important}#hero{min-height:100svh!important;padding:60px 28px 48px!important}#hero:before{font-size:180px!important;opacity:.6}.hero-title{font-size:clamp(40px,9vw,64px)!important}.section-title{font-size:clamp(30px,6vw,44px)!important}.logo-grid{grid-template-columns:1fr!important}.arch-flow{flex-direction:column}.swatch-row{justify-content:flex-start}.doc-do-dont{grid-template-columns:1fr!important}}.typo-sandbox{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-6);margin-top:var(--sp-6);margin-bottom:var(--sp-8);max-width:720px}.sandbox-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}@media (max-width:600px){.sandbox-controls{grid-template-columns:1fr;gap:var(--sp-4)}}.control-group{display:flex;flex-direction:column;gap:var(--sp-2)}.control-label-row{display:flex;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.control-val{color:var(--text-primary);font-family:monospace}.slider-wrapper{position:relative;display:flex;align-items:center;height:24px}.slider-caliper{position:absolute;top:6px;width:1px;height:12px;background:var(--border-strong)}.slider-caliper.left{left:0}.slider-caliper.right{right:0}input[type=range].caliper-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;outline:none;position:relative;z-index:2;margin:0}input[type=range].caliper-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--border-strong);border:none}input[type=range].caliper-slider::-moz-range-track{width:100%;height:1px;background:var(--border-strong);border:none}input[type=range].caliper-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:16px;background:var(--text-primary);border:1px solid var(--bg-surface);margin-top:-8px;-webkit-transition:background var(--dur-fast);transition:background var(--dur-fast);border-radius:0;cursor:ew-resize}input[type=range].caliper-slider::-webkit-slider-thumb:hover{background:var(--accent)}input[type=range].caliper-slider::-moz-range-thumb{width:6px;height:16px;background:var(--text-primary);border:1px solid var(--bg-surface);border-radius:0;-moz-transition:background var(--dur-fast);transition:background var(--dur-fast);cursor:ew-resize}input[type=range].caliper-slider::-moz-range-thumb:hover{background:var(--accent)}.sandbox-preview{border-top:1px solid var(--border-subtle);padding-top:var(--sp-6);min-height:100px}.sandbox-textarea{width:100%;background:transparent;border:none;resize:vertical;color:var(--text-primary);font-family:var(--font);font-weight:500;outline:none;padding:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.16);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.16) transparent}[data-theme=light] *{scrollbar-color:rgba(0,0,0,.16) transparent}.anatomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-6)}.anatomy-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-4)}.anatomy-num{width:20px;height:20px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;margin-bottom:var(--sp-2)}.anatomy-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.anatomy-desc{font-size:11px;color:var(--text-tertiary);line-height:1.5}.ascii-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.ascii-demo-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);overflow:hidden;position:relative}.ascii-demo-preview{height:180px;background:var(--bg-base);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.ascii-demo-label{position:absolute;top:var(--sp-2);left:var(--sp-3);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);z-index:2}.ascii-demo-body{padding:var(--sp-4)}.ascii-demo-title{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.ascii-demo-desc{font-size:11px;color:var(--text-tertiary);line-height:1.55;margin-bottom:var(--sp-3)}.ascii-demo-tokens{display:flex;flex-direction:column;gap:3px}.ascii-token-row{font-family:monospace;font-size:10px;color:var(--accent);background:var(--bg-elevated);border-radius:3px;padding:2px 8px}.particle-field-demo{width:100%;height:100%;position:relative;background:#0c0c0c;overflow:hidden}.p-dot{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.8);animation:p-float linear infinite}.p-dot.is-red{background:rgba(255,70,60,.85)}@keyframes p-float{0%{transform:translateY(0) translateX(0);opacity:0}20%{opacity:var(--dot-op,.4)}80%{opacity:calc(var(--dot-op, .4) * .6)}to{transform:translateY(-160px) translateX(var(--dx,10px));opacity:0}}.ascii-portrait-demo{position:relative;width:140px;height:140px;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr)}.ascii-portrait-demo span{font-family:monospace;font-size:8px;line-height:1;color:hsla(0,0%,100%,.65);display:flex;align-items:center;justify-content:center}.ascii-portrait-demo span.is-red{color:var(--accent)}.hud-capsule-demo{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:100px;background:hsla(0,0%,4%,.62);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:monospace;font-size:11px;letter-spacing:.04em;color:#fff}.cursor-demo-box{position:relative;width:100%;height:180px;background:var(--bg-base);overflow:hidden;cursor:none}.cursor-demo-ring{position:absolute;width:26px;height:26px;border:1px solid var(--border-strong);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);top:50%;left:50%;transition:width .18s ease,height .18s ease,border-color .18s ease}.cursor-demo-ring.on-target{width:64px;height:64px;border-color:var(--accent)}.cursor-demo-dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.cursor-demo-dot,.cursor-demo-label{position:absolute;pointer-events:none;transform:translate(-50%,-50%);top:50%;left:50%}.cursor-demo-label{font-size:9px;font-family:monospace;font-weight:700;letter-spacing:.08em;color:var(--text-primary);opacity:0;transition:opacity .15s ease}.cursor-demo-label.visible{opacity:1}.cursor-demo-target{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:var(--text-secondary);padding:10px 20px;border:1px solid var(--border-default);border-radius:var(--r-full);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee-demo-wrap{width:100%;overflow:hidden;white-space:nowrap;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:8px 0;background:var(--bg-base)}.marquee-demo-track{display:inline-block;animation:marquee-demo 20s linear infinite;font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase}@keyframes marquee-demo{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-demo-item{display:inline-block;margin:0 24px}.marquee-demo-sep{color:var(--accent);margin:0 4px}.slot-counter-demo{display:flex;align-items:baseline;gap:2px;font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);font-family:var(--font)}.slot-digit-wrap{overflow:hidden;height:1.1em}.slot-digit{animation:slot-spin 2.4s cubic-bezier(.76,0,.24,1) infinite;display:block;line-height:1.1}@keyframes slot-spin{0%{transform:translateY(0)}60%,to{transform:translateY(calc(-9 * 1.1em))}}.slot-suffix{font-size:24px;font-weight:600;color:var(--accent);margin-left:2px}.prompt-block{background:var(--bg-base);border:1px solid var(--border-accent);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-4);position:relative}.prompt-block-label{position:absolute;top:-10px;left:var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--r-full);padding:2px 10px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.prompt-text{font-size:12px;line-height:1.7;color:var(--text-secondary);font-family:monospace;white-space:pre-wrap;word-break:break-word}.usage-rule-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:var(--sp-6)}.usage-rule-table td,.usage-rule-table th{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle)}.usage-rule-table th{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-elevated)}.usage-rule-table td{color:var(--text-secondary)}.usage-rule-table td:first-child{color:var(--text-primary);font-weight:500;font-family:monospace;font-size:11px}.do-cell{color:#4caf50!important}.do-cell,.dont-cell{font-weight:600!important}.dont-cell{color:var(--red-500,#ff2a2a)!important}.sfx-demo-wrap{display:flex;gap:var(--sp-6);align-items:flex-start;flex-wrap:wrap;margin-bottom:var(--sp-6)}.sfx-demo-stage{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-8);display:flex;align-items:flex-end;justify-content:flex-start;min-height:140px;min-width:220px;position:relative}.sfx-btn-demo{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-elevated);backdrop-filter:blur(16px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:color .2s ease,border-color .2s ease,transform .15s ease;font-size:16px}.sfx-btn-demo:hover{color:var(--text-primary);border-color:var(--border-strong);transform:scale(1.08)}.sfx-btn-demo:active{transform:scale(.94)}.sfx-btn-demo.muted{color:var(--text-disabled);border-color:var(--border-subtle)}.sfx-spec-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:var(--sp-6)}.sfx-spec-table td,.sfx-spec-table th{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle)}.sfx-spec-table th{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-elevated)}.sfx-spec-table td{color:var(--text-secondary)}.sfx-spec-table td:first-child{color:var(--text-primary);font-weight:500;font-family:monospace;font-size:11px;min-width:130px}.sfx-hide-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-6)}.sfx-hide-row{display:flex;align-items:center;gap:var(--sp-3);font-size:12px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-3)}.sfx-hide-row code{font-family:monospace;font-size:11px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--r-sm);padding:1px 6px}