:root{--site-bg: #FAF9F5;--site-surface: #FFFFFF;--site-surface-alt: #F0EEE6;--site-border: #DEDCD1;--site-text: #141413;--site-muted: #6E6C66;--site-accent: #87857C;--site-accent-hover: #6B695F;--site-accent-ink: #FFFFFF;--site-radius: 12px;--site-shadow: 0 1px 2px rgba(20,20,19,.06);--site-shadow-lg: 0 14px 36px rgba(20,20,19,.14);--font-serif: "Copernicus", "Tiempos Text", Georgia, serif;--font-sans: "Styrene A", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "Berkeley Mono", "SF Mono", Menlo, Consolas, monospace;--t-primary: #C74F2B;--t-primary-hover: #A93F20;--t-on-primary: #FFFFFF;--t-secondary: #29241F;--t-on-secondary: #FBF7F2;--t-accent: #F0944D;--t-link: #B54527;--t-bg: #FBF7F2;--t-surface: #FFFFFF;--t-surface-alt: #F4EDE4;--t-border: #E5DCCF;--t-text: #29241F;--t-text-muted: #6F665A;--t-success: #3A7D44;--t-warning: #9A6310;--t-error: #B42318;--t-info: #3E6F9E;--t-focus-ring: #C74F2B;--t-font-heading: "Avenir Next", "Inter", -apple-system, "Segoe UI", sans-serif;--t-font-body: "Avenir Next", "Inter", -apple-system, "Segoe UI", sans-serif;--t-font-mono: "Fira Code", "SF Mono", Menlo, Consolas, monospace;--t-radius-sm: 8px;--t-radius-md: 12px;--t-radius-lg: 18px;--t-radius-full: 999px;--t-shadow-sm: 0 1px 2px rgba(41,36,31,.06);--t-shadow-md: 0 4px 14px rgba(41,36,31,.09);--t-shadow-lg: 0 16px 40px rgba(41,36,31,.15)}*{box-sizing:border-box}[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--site-text);color:var(--site-bg);padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:600;text-decoration:none;transition:top .15s}.skip-link:focus{top:12px;outline:2px solid var(--site-accent);outline-offset:2px}html{scroll-behavior:smooth}body{margin:0;background:var(--site-bg);color:var(--site-text);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit;cursor:pointer}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:14px 32px;background:#faf9f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--site-border)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:30px;height:30px;border-radius:8px;background:#3d3d3a;color:var(--site-accent-ink);display:grid;place-items:center;font-family:var(--font-serif);font-weight:700;font-size:15px}.brand-name{font-family:var(--font-serif);font-weight:700;font-size:17px}.site-search{flex:1;max-width:480px;position:relative;display:flex;align-items:center}.site-search input{width:100%;height:40px;padding:0 40px 0 38px;border:1px solid var(--site-border);border-radius:999px;background:var(--site-surface);color:var(--site-text);font-size:14px;outline:none}.site-search input:focus{border-color:var(--site-accent);box-shadow:0 0 0 3px #87857c38}.site-search .search-glyph{position:absolute;left:14px;color:var(--site-muted);display:flex;align-items:center}.site-search input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-clear{position:absolute;right:10px;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--site-surface-alt);color:var(--site-muted);font-size:11px;line-height:1}.search-clear:hover{background:var(--site-border);color:var(--site-text)}.search-clear[hidden]{display:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.hbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);font-size:13.5px;font-weight:500}.hbtn:hover{background:var(--site-surface-alt)}.hbtn.is-on{background:var(--site-text);color:var(--site-bg);border-color:var(--site-text)}.hbtn-accent{background:#3d3d3a;border-color:#3d3d3a;color:#fff}.hbtn-accent:hover{background:#2e2e2b;border-color:#2e2e2b}.user-chip{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 6px;border:1px solid var(--site-border);border-radius:999px;background:var(--site-surface)}.user-avatar{width:27px;height:27px;border-radius:50%;object-fit:cover}.user-initials{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--site-surface-alt);color:var(--site-text);font-size:11px;font-weight:700}.user-name{font-size:13.5px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-signout{border:0;background:var(--site-surface-alt);color:var(--site-muted);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500}.user-signout:hover{background:var(--site-border);color:var(--site-text)}.is-locked{opacity:.55;cursor:not-allowed}.is-locked:hover{background:inherit}.theme-picker{position:relative}.theme-menu{position:fixed;right:32px;top:60px;min-width:260px;background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;box-shadow:var(--site-shadow-lg);padding:8px;display:none;z-index:60}.theme-menu.open{display:block}.theme-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border:0;background:none;border-radius:9px;font-size:14px;color:var(--site-text)}.theme-option:hover{background:var(--site-surface-alt)}.theme-option .swatches{display:flex;gap:3px;margin-left:auto}.theme-option .sw{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.theme-option .check{width:16px;color:var(--site-accent);font-weight:700}.theme-menu .menu-sep{height:1px;background:var(--site-border);margin:6px 4px}.theme-menu .menu-note{font-size:12px;color:var(--site-muted);padding:6px 10px 4px}.hero{max-width:1480px;margin:0 auto;padding:56px 32px 8px}.hero h1{font-family:var(--font-serif);font-size:44px;line-height:1.1;margin:0 0 14px;letter-spacing:-.01em}.hero p.sub{color:var(--site-muted);font-size:17px;max-width:640px;margin:0 0 24px}.hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero .hero-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14.5px;font-weight:600;color:var(--site-text);background:var(--site-surface);border:1px solid var(--site-border);padding:10px 18px;border-radius:999px;box-shadow:var(--site-shadow);transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s}.hero .hero-cta:hover{background:var(--site-surface-alt);border-color:var(--site-muted);transform:translateY(-1px)}.theme-banner{max-width:1480px;margin:22px auto 0;padding:0 32px}.theme-banner-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--site-surface);border:1px solid var(--site-border);border-radius:16px;padding:14px 18px;box-shadow:var(--site-shadow)}.theme-banner-inner .tb-label{font-size:13px;color:var(--site-muted)}.theme-banner-inner .tb-name{font-family:var(--font-serif);font-weight:700;font-size:16px}.tb-swatches{display:flex;gap:5px}.tb-swatches .sw{width:22px;height:22px;border-radius:7px;border:1px solid rgba(0,0,0,.1)}.tb-right{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.ai-export{max-width:1480px;margin:14px auto 0;padding:0 32px}.ai-export-inner{background:var(--site-surface);border:1px solid var(--site-border);border-radius:16px;padding:18px;box-shadow:var(--site-shadow)}.ai-export-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ai-export-info{flex:1;min-width:260px}.ai-export-title{font-family:var(--font-serif);font-weight:700;font-size:17px;margin:2px 0 4px}.ai-export-desc{margin:0;font-size:13.5px;color:var(--site-muted);max-width:560px}.ai-export-desc strong{color:var(--site-text)}.ai-export-btn{height:42px;padding:0 18px;font-weight:600;min-width:190px;justify-content:center;transition:background .2s,border-color .2s;background:#3d3d3a;border-color:#3d3d3a;color:#fff}.ai-export-btn:hover:not(:disabled){background:#2e2e2b;border-color:#2e2e2b}.ai-export-btn:disabled{cursor:default}.ai-export-btn.is-success{background:#2d7d46;border-color:#2d7d46;color:#fff}.export-spinner{width:14px;height:14px;border-radius:50%;flex:0 0 14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:dspin .8s linear infinite}.ai-export-files{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--site-border)}.pkg-file{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;color:var(--site-muted);background:var(--site-bg);border:1px solid var(--site-border);border-radius:999px;padding:4px 12px}.pkg-file .dot{width:7px;height:7px;border-radius:50%;background:var(--t-primary)}.pkg-file .count{color:var(--site-text);font-weight:600}.catalog{max-width:1480px;margin:0 auto;padding:8px 32px 80px}.category{margin-top:56px}.category-head{display:flex;align-items:center;gap:14px}.category-head h2{font-family:var(--font-serif);font-size:28px;margin:0}.category-blurb{color:var(--site-muted);margin:8px 0 22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:1180px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.grid{grid-template-columns:1fr}.comp-card{height:auto}}.comp-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--site-shadow);height:700px}.comp-head{flex:0 0 auto}.comp-card.hidden{display:none}.comp-head{display:flex;align-items:flex-start;gap:12px}.comp-head h3{margin:0 0 4px;font-size:18px;font-weight:700}.comp-head .comp-desc{color:var(--site-muted);font-size:13.5px}.fav-btn{margin-left:auto;background:none;border:0;font-size:19px;line-height:1;color:var(--site-border);padding:4px;border-radius:8px}.fav-btn:hover{color:var(--site-muted);background:var(--site-surface-alt)}.fav-btn.is-fav{color:#d97757}.demo{position:relative;overflow:hidden auto;background:var(--t-bg);border:1px solid var(--t-border);border-radius:14px;padding:26px 22px;min-height:120px;flex:1 1 auto;display:flex;flex-direction:column;gap:14px;justify-content:safe center;font-family:var(--t-font-body);color:var(--t-text);font-size:14px;transition:background .25s,border-color .25s}.demo-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.dmuted{color:var(--t-text-muted)}.prompt-block{border:1px solid var(--site-border);border-radius:14px;overflow:hidden;flex:0 0 auto;display:flex;flex-direction:column}.prompt-head{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--site-surface-alt);border-bottom:1px solid var(--site-border)}.prompt-head .ptag{font-family:var(--font-mono);font-size:12px;color:var(--site-muted)}.prompt-head .ptheme{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.01em;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--t-primary) 10%,transparent);color:color-mix(in srgb,var(--t-primary) 80%,var(--site-text));border:1px solid color-mix(in srgb,var(--t-primary) 28%,transparent)}.prompt-head .ptheme:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--t-primary)}.copy-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--site-border);background:var(--site-surface);border-radius:8px;padding:5px 11px;font-size:12.5px;color:var(--site-text)}.copy-btn:hover{background:var(--site-surface-alt)}.copy-btn.copied{background:#2d7d46;color:#fff;border-color:#2d7d46}.prompt-body{margin:0;padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--site-text);white-space:pre-wrap;word-break:break-word;height:210px;overflow:auto;background:var(--site-surface)}.foundations-toggle{background:none;border:0;padding:0;width:100%;text-align:left;color:inherit;cursor:pointer}.foundations-toggle:hover h2{color:var(--site-accent-hover)}.cat-chevron{display:flex;align-items:center;color:var(--site-muted);transition:transform .2s;margin-left:2px}.foundations-toggle[aria-expanded=true] .cat-chevron{transform:rotate(180deg)}.tokens-part{margin-top:44px}#foundations-body .tokens-part:first-child{margin-top:16px}.tokens-subhead{font-family:var(--font-serif);font-size:22px;margin:0 0 4px}.tokens-subdesc{color:var(--site-muted);font-size:14px;margin:0 0 20px}.type-section{display:flex;flex-direction:column;gap:22px}.type-families{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:980px){.type-families{grid-template-columns:1fr}}.type-family-card{background:var(--t-surface);border:1px solid var(--t-border);border-radius:18px;padding:28px;color:var(--t-text);box-shadow:var(--site-shadow)}.tf-aa{font-size:58px;line-height:1;margin-bottom:18px}.tf-label{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.tf-token{font-family:var(--font-mono);font-weight:400;font-size:11px;background:var(--t-surface-alt);color:var(--t-text-muted);border-radius:6px;padding:2px 7px}.tf-sample{font-size:17px;margin:10px 0 14px}.tf-stack{font-family:var(--font-mono);font-size:11px;color:var(--t-text-muted);border-top:1px solid var(--t-border);padding-top:12px}.type-scale{background:var(--t-bg);border:1px solid var(--t-border);border-radius:18px;padding:14px 34px;color:var(--t-text)}.type-row{display:flex;align-items:baseline;gap:28px;padding:20px 0;border-bottom:1px dashed var(--t-border)}.type-row:last-child{border-bottom:0}.type-meta{flex:0 0 170px;display:flex;flex-direction:column;gap:3px}.tm-name{font-size:13px;font-weight:600;color:var(--t-text)}.tm-spec{font-family:var(--font-mono);font-size:11px;color:var(--t-text-muted)}.type-sample{color:var(--t-text);max-width:720px;overflow-wrap:anywhere}@media(max-width:780px){.type-row{flex-direction:column;gap:8px}.type-meta{flex-basis:auto}}.shape-section{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:980px){.shape-section{grid-template-columns:1fr}}.shape-group{background:var(--t-bg);border:1px solid var(--t-border);border-radius:18px;padding:28px 30px}.shape-group-title{margin:0 0 24px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--t-text-muted);font-weight:600}.shape-row{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end}.shape-item{display:flex;flex-direction:column;align-items:center;gap:4px}.radius-demo{width:84px;height:84px;background:color-mix(in srgb,var(--t-primary) 14%,var(--t-surface));border:1.5px solid var(--t-primary)}.shadow-demo{width:110px;height:84px;background:var(--t-surface);border-radius:var(--t-radius-md)}.shape-name{margin-top:12px;font-size:13px;font-weight:600;color:var(--t-text)}.shape-val{font-family:var(--font-mono);font-size:11px;color:var(--t-text-muted)}.tokens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.token-swatch{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;overflow:hidden;box-shadow:var(--site-shadow)}.token-swatch .chip{height:56px;border-bottom:1px solid var(--site-border)}.token-swatch .meta{padding:8px 10px}.token-swatch .tname{font-size:12px;font-weight:600}.token-swatch .tval{font-family:var(--font-mono);font-size:11px;color:var(--site-muted)}.site-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);background:var(--site-text);color:var(--site-bg);font-size:13.5px;padding:10px 18px;border-radius:999px;box-shadow:var(--site-shadow-lg);opacity:0;transition:all .25s ease;z-index:100;pointer-events:none}.site-toast.show{opacity:1;transform:translate(-50%)}.site-footer{border-top:1px solid var(--site-border);padding:48px 32px 30px;margin-top:40px}.footer-inner{max-width:1480px;margin:0 auto}.footer-top{display:flex;align-items:flex-start;gap:120px;flex-wrap:wrap}.footer-cols{display:flex;gap:120px;flex-wrap:wrap}.footer-quote{max-width:340px;margin-top:36px}.footer-quote p{margin:0;padding-left:28px;position:relative;font-family:var(--font-serif);font-style:italic;font-size:13.5px;line-height:1.65;color:color-mix(in srgb,var(--site-muted) 68%,var(--site-bg))}.footer-quote p:before{content:"“";position:absolute;left:0;top:-6px;font-family:var(--font-serif);font-size:42px;line-height:1;color:color-mix(in srgb,var(--t-primary) 28%,transparent)}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-explore-grid{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:56px;row-gap:9px}.footer-h{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--site-muted);margin:0 0 4px}.footer-col a{font-size:13px;color:var(--site-text);text-decoration:none;width:fit-content;transition:color .15s}.footer-col a:hover{color:#c74f2b}.footer-base{margin-top:36px;padding-top:22px;border-top:1px solid var(--site-border);font-size:13px;color:var(--site-muted)}@media(max-width:560px){.footer-explore-grid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr}}.empty-results{text-align:center;color:var(--site-muted);padding:60px 0;display:none}.empty-results.show{display:block}.dbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--t-radius-md);font-family:var(--t-font-body);font-size:14px;font-weight:600;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.dbtn:focus-visible,.dinput:focus,.dcmdk-field:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--t-focus-ring) 30%,transparent)}.dbtn-primary{background:var(--t-primary);color:var(--t-on-primary)}.dbtn-primary:hover:not(:disabled){background:var(--t-primary-hover)}.dbtn-secondary{background:transparent;border-color:var(--t-primary);color:var(--t-primary)}.dbtn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--t-primary) 8%,transparent)}.dbtn-ghost{background:transparent;color:var(--t-text)}.dbtn-ghost:hover:not(:disabled){background:var(--t-surface-alt)}.dbtn-danger{background:var(--t-error);color:#fff}.dbtn-danger:hover:not(:disabled){filter:brightness(.9)}.dbtn:disabled{opacity:.5;cursor:not-allowed}.dbtn-sm{height:32px;padding:0 12px;font-size:13px}.dbtn-icon{width:40px;padding:0;font-size:16px}.dbtn-icon.dbtn-sm{width:32px;height:32px;font-size:13px}.dbtn-round{border-radius:var(--t-radius-full)}.dspinner{width:24px;height:24px;border-radius:50%;display:inline-block;border:3px solid var(--t-border);border-top-color:var(--t-primary);animation:dspin .8s linear infinite}.dspinner-sm{width:16px;height:16px;border-width:2px}.dspinner-lg{width:40px;height:40px;border-width:4px}.dspinner-inline{width:14px;height:14px;border-width:2px;border-color:#ffffff59;border-top-color:#fff}@keyframes dspin{to{transform:rotate(360deg)}}.dsegmented{display:inline-flex;background:var(--t-surface-alt);border-radius:var(--t-radius-md);padding:4px;gap:2px}.dseg{border:0;background:transparent;padding:6px 18px;border-radius:var(--t-radius-sm);font-size:13.5px;font-weight:500;color:var(--t-text-muted);font-family:var(--t-font-body)}.dseg.active{background:var(--t-surface);color:var(--t-text);box-shadow:var(--t-shadow-sm)}.dfield{display:flex;flex-direction:column;gap:6px;width:100%;max-width:380px}.dlabel{font-size:14px;font-weight:600;color:var(--t-text);display:flex;justify-content:space-between}.dlabel-val{color:var(--t-text-muted);font-weight:500}.dinput{height:40px;padding:0 12px;border:1px solid var(--t-border);border-radius:var(--t-radius-md);background:var(--t-surface);color:var(--t-text);font-size:14px;font-family:var(--t-font-body);width:100%}.dinput::placeholder{color:var(--t-text-muted)}.dinput:focus{border-color:var(--t-primary)}.dinput.has-error{border-color:var(--t-error)}.dtextarea{height:auto;padding:10px 12px;resize:vertical;min-height:80px}.dhelp{font-size:12.5px;color:var(--t-text-muted)}.dhelp-error{color:var(--t-error)}.dselect-native{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--t-text-muted) 50%),linear-gradient(135deg,var(--t-text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.dcheck{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--t-text)}.dcheck input{position:absolute;opacity:0}.dbox{width:18px;height:18px;flex:0 0 18px;border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--t-surface);display:grid;place-items:center;transition:all .12s}.dcheck input:checked+.dbox{background:var(--t-primary);border-color:var(--t-primary)}.dcheck input:checked+.dbox:after{content:"✓";color:var(--t-on-primary);font-size:12px;font-weight:700}.dcheck input:focus-visible+.dbox{box-shadow:0 0 0 3px color-mix(in srgb,var(--t-focus-ring) 30%,transparent)}.dcheck.is-disabled{opacity:.5;cursor:not-allowed}.dradio{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--t-text)}.dradio input{position:absolute;opacity:0}.ddot{width:18px;height:18px;flex:0 0 18px;border:1.5px solid var(--t-border);border-radius:50%;background:var(--t-surface);display:grid;place-items:center;transition:all .12s}.dradio input:checked+.ddot{border-color:var(--t-primary)}.dradio input:checked+.ddot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--t-primary)}.dradio input:focus-visible+.ddot{box-shadow:0 0 0 3px color-mix(in srgb,var(--t-focus-ring) 30%,transparent)}.dswitch{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--t-text)}.dswitch input{position:absolute;opacity:0}.dtrack{width:40px;height:22px;flex:0 0 40px;border-radius:var(--t-radius-full);background:var(--t-border);position:relative;transition:background .15s}.dtrack:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--t-shadow-sm);transition:transform .15s}.dswitch input:checked+.dtrack{background:var(--t-primary)}.dswitch input:checked+.dtrack:after{transform:translate(18px)}.dswitch input:focus-visible+.dtrack{box-shadow:0 0 0 3px color-mix(in srgb,var(--t-focus-ring) 30%,transparent)}.dswitch.is-disabled{opacity:.5;cursor:not-allowed}.drange{width:100%;accent-color:var(--t-primary);height:24px}.dsearch{position:relative;display:flex;align-items:center;max-width:380px;width:100%}.dsearch-icon{position:absolute;left:12px;font-size:13px;opacity:.6}.dsearch-input{padding-left:36px;padding-right:52px;border-radius:var(--t-radius-lg)}.dkbd{position:absolute;right:10px;font-family:var(--t-font-mono);font-size:11px;background:var(--t-surface-alt);border:1px solid var(--t-border);border-radius:5px;padding:2px 6px;color:var(--t-text-muted)}.dsearch-x{position:absolute;right:9px;width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--t-surface-alt);color:var(--t-text-muted);font-size:10px;line-height:1;cursor:pointer}.dsearch-x:hover{background:var(--t-border);color:var(--t-text)}.dsearch-x[hidden]{display:none}.dupload{border:2px dashed var(--t-border);border-radius:var(--t-radius-lg);background:var(--t-surface);padding:28px 20px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;max-width:420px;width:100%;margin:0 auto}.dupload-icon{font-size:22px;color:var(--t-primary)}.dlink{color:var(--t-link);text-decoration:underline;cursor:pointer}.dcal{background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-lg);box-shadow:var(--t-shadow-md);padding:12px;width:252px}.dcal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dcal-grid{display:grid;grid-template-columns:repeat(7,32px);gap:1px;justify-content:center}.dcal-dow{font-size:11px;color:var(--t-text-muted);text-align:center;padding:4px 0;font-weight:600}.dcal-day{width:32px;height:32px;display:grid;place-items:center;font-size:13px;border-radius:var(--t-radius-sm);cursor:pointer}.dcal-day:hover{background:var(--t-surface-alt)}.dcal-day.is-out{color:var(--t-text-muted);opacity:.45}.dcal-day.is-sel{background:var(--t-primary);color:var(--t-on-primary);font-weight:700}.dnavbar{display:flex;align-items:center;gap:16px;width:100%;background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-md);padding:12px 16px;box-shadow:var(--t-shadow-sm)}.dnav-brand{font-family:var(--t-font-heading);font-size:17px}.dnav-links{position:relative;display:flex;gap:18px;font-size:14px;padding-bottom:6px}.dnav-links a{color:var(--t-text-muted);cursor:pointer;transition:color .2s}.dnav-links a:hover{color:var(--t-text)}.dnav-links a.active{color:var(--t-text);font-weight:600}.dnav-indicator{position:absolute;left:0;bottom:0;height:2px;width:0;border-radius:2px;background:var(--t-primary);pointer-events:none;transition:transform .35s cubic-bezier(.65,.05,.36,1),width .35s cubic-bezier(.65,.05,.36,1)}.dnav-actions{margin-left:auto;display:flex;gap:8px;flex:0 0 auto}.dnav-actions .dbtn{white-space:nowrap}@media(prefers-reduced-motion:reduce){.dnav-indicator{transition:none}}.dtabs{width:100%}.dtab-list{display:flex;gap:4px;border-bottom:1px solid var(--t-border)}.dtab{border:0;background:none;padding:10px 16px;font-size:14px;font-weight:500;color:var(--t-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--t-font-body)}.dtab:hover{color:var(--t-text)}.dtab.active{color:var(--t-text);border-bottom-color:var(--t-primary)}.dtab-panel{display:none;padding:14px 4px 2px;color:var(--t-text-muted);font-size:13.5px}.dtab-panel.active{display:block}.dcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.dcrumbs a{color:var(--t-text-muted);cursor:pointer}.dcrumbs a:hover{color:var(--t-link);text-decoration:underline}.dcrumb-sep{color:var(--t-border)}.dcrumb-current{color:var(--t-text);font-weight:600}.dpager{display:flex;gap:6px;align-items:center}.dpage{min-width:36px;height:36px;border:0;background:transparent;border-radius:var(--t-radius-md);color:var(--t-text-muted);font-size:14px;font-family:var(--t-font-body)}.dpage:hover{background:var(--t-surface-alt);color:var(--t-text)}.dpage.active{background:var(--t-primary);color:var(--t-on-primary);font-weight:700}.dpage-ellipsis{color:var(--t-text-muted);padding:0 4px}.dsteps{display:flex;align-items:flex-start;width:100%;max-width:480px;margin:0 auto}.dstep{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}.dstep-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;border:2px solid var(--t-border);color:var(--t-text-muted);background:var(--t-surface)}.dstep-label{font-size:12px;color:var(--t-text-muted)}.dstep.is-done .dstep-dot{background:var(--t-success);border-color:var(--t-success);color:#fff}.dstep.is-active .dstep-dot{background:var(--t-primary);border-color:var(--t-primary);color:var(--t-on-primary)}.dstep.is-active .dstep-label{color:var(--t-text);font-weight:600}.dstep-line{flex:1;height:2px;background:var(--t-border);margin-top:14px;min-width:24px}.dstep-line.is-done{background:var(--t-success)}.dsidenav{width:230px;background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-md);padding:12px 10px;display:flex;flex-direction:column;gap:2px}.dside-section{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--t-text-muted);padding:10px 10px 4px;font-weight:600}.dside-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--t-radius-md);font-size:14px;color:var(--t-text-muted);cursor:pointer}.dside-link:hover{background:var(--t-surface-alt)}.dside-link.active{background:color-mix(in srgb,var(--t-primary) 12%,transparent);color:var(--t-primary);font-weight:600}.dside-count{margin-left:auto}.dtoast-zone{display:flex;flex-direction:column;gap:8px;align-items:center;min-height:8px}.dtoast{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:340px;background:var(--t-surface);border:1px solid var(--t-border);border-left:3px solid var(--t-info);border-radius:var(--t-radius-md);box-shadow:var(--t-shadow-lg);padding:12px 14px;animation:dtoast-in .25s ease}.dtoast strong{font-size:13.5px}.dtoast .dmuted{font-size:12.5px}.dtoast-success{border-left-color:var(--t-success)}.dtoast-success .dtoast-ic{color:var(--t-success)}.dtoast-error{border-left-color:var(--t-error)}.dtoast-error .dtoast-ic{color:var(--t-error)}.dtoast-info{border-left-color:var(--t-info)}.dtoast-info .dtoast-ic{color:var(--t-info)}@keyframes dtoast-in{0%{opacity:0;transform:translateY(8px)}}.dalert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--t-radius-md);font-size:13.5px;width:100%;border:1px solid}.dalert-icon{font-weight:700}.dalert-info{background:color-mix(in srgb,var(--t-info) 10%,var(--t-surface));border-color:color-mix(in srgb,var(--t-info) 35%,transparent)}.dalert-info .dalert-icon{color:var(--t-info)}.dalert-success{background:color-mix(in srgb,var(--t-success) 10%,var(--t-surface));border-color:color-mix(in srgb,var(--t-success) 35%,transparent)}.dalert-success .dalert-icon{color:var(--t-success)}.dalert-warning{background:color-mix(in srgb,var(--t-warning) 10%,var(--t-surface));border-color:color-mix(in srgb,var(--t-warning) 35%,transparent)}.dalert-warning .dalert-icon{color:var(--t-warning)}.dalert-error{background:color-mix(in srgb,var(--t-error) 10%,var(--t-surface));border-color:color-mix(in srgb,var(--t-error) 35%,transparent)}.dalert-error .dalert-icon{color:var(--t-error)}.dmodal-overlay,.ddrawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;z-index:5}.dmodal-overlay.open{display:grid;place-items:center;padding:16px}.dmodal{background:var(--t-surface);border-radius:var(--t-radius-lg);box-shadow:var(--t-shadow-lg);max-width:380px;width:100%;padding:18px;animation:dmodal-in .2s ease}@keyframes dmodal-in{0%{opacity:0;transform:scale(.96)}}.dmodal-head{display:flex;align-items:center;justify-content:space-between;font-size:15px}.dmodal-body{color:var(--t-text-muted);font-size:13.5px;margin:10px 0 16px}.dmodal-foot{display:flex;justify-content:flex-end;gap:8px}.ddrawer-overlay.open{display:block}.ddrawer{position:absolute;top:0;right:0;bottom:0;width:250px;background:var(--t-surface);box-shadow:var(--t-shadow-lg);padding:16px;display:flex;flex-direction:column;gap:12px;animation:ddrawer-in .25s ease}@keyframes ddrawer-in{0%{transform:translate(100%)}}.ddrawer-foot{margin-top:auto;display:flex;justify-content:space-between;gap:8px}.dtip{position:relative}.dtip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(3px);background:var(--t-text);color:var(--t-bg);font-size:12px;font-weight:400;padding:6px 10px;border-radius:var(--t-radius-sm);white-space:normal;width:max-content;max-width:180px;text-align:center;opacity:0;pointer-events:none;transition:all .15s .1s;z-index:6}.dtip:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--t-text);opacity:0;transition:all .15s .1s;z-index:6}.dtip:hover:after,.dtip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.dtip:hover:before,.dtip:focus-visible:before{opacity:1}.dprogress{height:8px;border-radius:var(--t-radius-full);background:var(--t-surface-alt);overflow:hidden}.dprogress-fill{height:100%;background:var(--t-primary);border-radius:inherit;transition:width .3s ease}.dprogress-warn{background:var(--t-warning)}.dskel{position:relative;overflow:hidden;background:var(--t-surface-alt);border-radius:var(--t-radius-sm)}.dskel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--t-surface) 60%,transparent),transparent);animation:dshimmer 1.5s infinite}@keyframes dshimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dskel-line{height:12px;margin:5px 0}.dskel-circle{width:40px;height:40px;border-radius:50%;flex:0 0 40px}.dskel-rect{height:80px;border-radius:var(--t-radius-md);margin-top:8px}@media(prefers-reduced-motion:reduce){.dskel:after,.dspinner{animation:none}}.dempty{text-align:center;border:1.5px dashed var(--t-border);border-radius:var(--t-radius-lg);padding:28px 20px;display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.dempty-icon{color:var(--t-text-muted);display:flex}.dempty p{margin:0 0 8px;font-size:13.5px}.dmenu-wrap{position:relative;align-self:center;margin:0 auto}.dmenu,.dpopover{position:absolute;top:calc(100% + 6px);left:0;min-width:190px;background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-md);box-shadow:var(--t-shadow-md);padding:6px;display:none;z-index:6}.dmenu.open,.dpopover.open{display:block;animation:dmodal-in .15s ease}.dmenu-item{display:flex;align-items:center;width:100%;text-align:left;gap:4px;border:0;background:none;padding:9px 10px;border-radius:var(--t-radius-sm);font-size:13.5px;color:var(--t-text);font-family:var(--t-font-body)}.dmenu-item:hover,.dmenu-item.is-hl{background:var(--t-surface-alt)}.dmenu-item.is-hl{box-shadow:inset 2px 0 0 var(--t-primary)}.dmenu-danger{color:var(--t-error)}.dmenu-sep{height:1px;background:var(--t-border);margin:5px 6px}.dpopover{width:260px;padding:14px}.dcmdk{width:100%;max-width:420px;margin:0 auto;background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-lg);box-shadow:var(--t-shadow-lg);padding:6px;overflow:hidden}.dcmdk-input{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--t-border);position:relative}.dcmdk-input .dsearch-icon{position:static}.dcmdk-field{flex:1;border:0;background:none;font-size:14.5px;color:var(--t-text);outline:none;font-family:var(--t-font-body)}.dcmdk-field::placeholder{color:var(--t-text-muted)}.dcmdk-section{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--t-text-muted);padding:10px 10px 4px;font-weight:600}.dcmdk-kbd{margin-left:auto;font-family:var(--t-font-mono);font-size:11px;color:var(--t-text-muted)}.dcmdk .dmenu-item{gap:10px}.dcmdk-ico{width:17px;height:17px;flex:0 0 17px;stroke-width:var(--t-icon-stroke, 2px)}.dico{flex:0 0 auto;vertical-align:middle;stroke-width:var(--t-icon-stroke, 2px)}.dcard{background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-lg);box-shadow:var(--t-shadow-sm);overflow:hidden;width:100%;display:flex;flex-direction:column;gap:10px;padding:16px}.dcard-hover{transition:box-shadow .15s,transform .15s;cursor:pointer;padding:0;gap:0;margin:0 auto}.dcard-hover:hover{box-shadow:var(--t-shadow-md);transform:translateY(-2px)}.dcard-media{height:110px;background:linear-gradient(120deg,color-mix(in srgb,var(--t-primary) 35%,var(--t-surface)),color-mix(in srgb,var(--t-accent) 45%,var(--t-surface-alt)))}.dcard-body{padding:16px}.dtable{width:100%;border-collapse:collapse;background:var(--t-surface);border-radius:var(--t-radius-md);overflow:hidden;border:1px solid var(--t-border);font-size:13.5px}.dtable th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--t-text-muted);background:var(--t-surface-alt);padding:10px 14px;font-weight:600}.dtable td{padding:10px 14px;border-top:1px solid var(--t-border);vertical-align:middle}.dtable tbody tr:hover{background:var(--t-surface-alt)}.dtable .davatar-sm{vertical-align:middle;margin-right:6px}.dbadge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--t-radius-full);font-size:12px;font-weight:600}.dbadge-success{background:color-mix(in srgb,var(--t-success) 14%,transparent);color:var(--t-success)}.dbadge-warning{background:color-mix(in srgb,var(--t-warning) 14%,transparent);color:var(--t-warning)}.dbadge-error{background:color-mix(in srgb,var(--t-error) 14%,transparent);color:var(--t-error)}.dbadge-info{background:color-mix(in srgb,var(--t-info) 14%,transparent);color:var(--t-info)}.dbadge-neutral{background:var(--t-surface-alt);color:var(--t-text-muted)}.dbadge-primary{background:color-mix(in srgb,var(--t-primary) 14%,transparent);color:var(--t-primary)}.dbadge-count{background:var(--t-error);color:#fff;min-width:22px;justify-content:center;padding:3px 7px}.dchip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--t-radius-full);background:var(--t-surface-alt);color:var(--t-text);font-size:13px;border:1px solid transparent;font-family:var(--t-font-body)}.dchip.is-active{background:color-mix(in srgb,var(--t-primary) 15%,transparent);color:var(--t-primary);border-color:var(--t-primary)}.dchip-x{border:0;background:none;color:var(--t-text-muted);font-size:11px;padding:0;line-height:1}.dchip-x:hover{color:var(--t-error)}.dchip-add{border:1.5px dashed var(--t-border);background:transparent;color:var(--t-text-muted);cursor:pointer}.dchip-add:hover{color:var(--t-primary);border-color:var(--t-primary)}.davatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--t-primary) 16%,var(--t-surface));color:var(--t-primary);font-size:13px;font-weight:700;position:relative;flex:0 0 auto}.davatar-sm{width:28px;height:28px;font-size:11px}.davatar-lg{width:48px;height:48px;font-size:16px}.ddot-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--t-success);border:2px solid var(--t-surface)}.davatar-group{display:flex}.davatar-group .davatar{margin-left:-8px;border:2px solid var(--t-surface)}.davatar-group .davatar:first-child{margin-left:0}.davatar-more{background:var(--t-surface-alt);color:var(--t-text-muted)}.dacc{width:100%;background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-lg);overflow:hidden}.dacc-item+.dacc-item{border-top:1px solid var(--t-border)}.dacc-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 16px;border:0;background:none;font-size:14px;font-weight:500;color:var(--t-text);text-align:left;font-family:var(--t-font-body)}.dacc-head:hover{background:var(--t-surface-alt)}.dacc-chev{transition:transform .2s;color:var(--t-text-muted)}.dacc-item.open .dacc-chev{transform:rotate(180deg)}.dacc-body{display:none;padding:0 16px 15px;color:var(--t-text-muted);font-size:13.5px}.dacc-item.open .dacc-body{display:block}.dstat{background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-lg);padding:14px 16px;min-width:150px;flex:1}.dstat-label{font-size:12.5px;color:var(--t-text-muted)}.dstat-value{font-size:24px;font-weight:700;font-family:var(--t-font-mono);margin:2px 0}.dstat-delta{font-size:12px;font-weight:600}.dstat-delta.is-up{color:var(--t-success)}.dstat-delta.is-down{color:var(--t-error)}.dtimeline{display:flex;flex-direction:column;position:relative;padding-left:6px;width:100%}.dtimeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--t-border)}.dtl-item{display:flex;gap:14px;padding:8px 0;position:relative;font-size:13.5px}.dtl-dot{width:12px;height:12px;border-radius:50%;background:var(--t-border);border:2px solid var(--t-surface);margin-top:4px;flex:0 0 12px;z-index:1}.dtl-success{background:var(--t-success)}.dtl-info{background:var(--t-info)}.dtl-error{background:var(--t-error)}.dtl-time{font-size:12px}.dtl-item code{font-family:var(--t-font-mono);font-size:12px;background:var(--t-surface-alt);padding:1px 5px;border-radius:4px}body.admin-mode .hero,body.admin-mode .theme-banner,body.admin-mode .ai-export,body.admin-mode .catalog{display:none}.admin-root{max-width:1480px;margin:0 auto;padding:22px 32px 80px}.adm-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;box-shadow:var(--site-shadow)}.adm-bar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.adm-badge{background:#3d3d3a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:7px}.adm-nav{display:flex;gap:4px;flex-wrap:wrap}.adm-tab{text-decoration:none;font-size:13.5px;font-weight:500;color:var(--site-muted);padding:7px 13px;border-radius:9px}.adm-tab:hover{background:var(--site-surface-alt);color:var(--site-text)}.adm-tab.active{background:var(--site-surface-alt);color:var(--site-text);font-weight:600}.adm-exit{margin-left:auto;font-size:13.5px;color:var(--site-muted);text-decoration:none}.adm-exit:hover{color:var(--site-text)}.adm-body{margin-top:22px}.adm-h3{font-family:var(--font-serif);font-size:19px;margin:30px 0 12px}.adm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.adm-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;padding:16px 18px;box-shadow:var(--site-shadow)}.adm-card-n{font-size:28px;font-weight:700;font-family:var(--font-mono)}.adm-card-l{font-size:12.5px;color:var(--site-muted);margin-top:2px}.adm-loading{display:flex;align-items:center;gap:12px;color:var(--site-muted);padding:48px 0;justify-content:center}.adm-empty{text-align:center;border:1.5px dashed var(--site-border);border-radius:14px;padding:40px 20px;color:var(--site-muted);margin-top:8px}.adm-empty strong{color:var(--site-text);display:block;margin-bottom:6px}.adm-empty p{margin:0;font-size:13.5px}.adm-feed{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;overflow:hidden}.adm-feed-row{display:flex;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px}.adm-feed-row+.adm-feed-row{border-top:1px solid var(--site-border)}.adm-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.adm-feed-label{font-weight:600;white-space:nowrap}.adm-feed-who{color:var(--site-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-feed-time{color:var(--site-muted);font-size:12px;white-space:nowrap}.adm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.adm-input{height:38px;padding:0 12px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);font-size:14px;color:var(--site-text);font-family:var(--font-sans);min-width:240px}.adm-input:focus{outline:none;border-color:var(--site-accent);box-shadow:0 0 0 3px #87857c33}.adm-filter{display:flex;gap:6px}.adm-chip{border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.adm-chip.active{background:#3d3d3a;border-color:#3d3d3a;color:#fff}.adm-table-wrap{overflow-x:auto;background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px}.adm-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}.adm-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--site-muted);background:var(--site-surface-alt);padding:10px 14px;font-weight:600}.adm-table td{padding:11px 14px;border-top:1px solid var(--site-border);vertical-align:middle}.adm-user-cell{display:inline-flex;align-items:center;gap:9px;font-weight:500}.adm-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.adm-avatar-fallback{display:inline-grid;place-items:center;background:var(--site-surface-alt);font-size:12px;font-weight:700}.adm-role{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--site-surface-alt);color:var(--site-muted)}.adm-role.is-admin{background:#3d3d3a;color:#fff}.adm-slug{font-family:var(--font-mono);font-size:11px;color:var(--site-muted);margin-left:6px}.adm-actions{text-align:right;white-space:nowrap}.adm-act{border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);border-radius:8px;padding:5px 10px;font-size:12.5px;margin-left:4px}.adm-act:hover{background:var(--site-surface-alt)}.adm-act-danger{color:#b42318;border-color:#ecc8c2}.adm-act-danger:hover{background:#fbefed}.adm-danger-btn{background:#b42318;border-color:#b42318;color:#fff}.adm-danger-btn:hover{background:#93190f}.adm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141373;z-index:200;display:grid;place-items:center;padding:18px}.adm-modal{background:var(--site-surface);border-radius:16px;box-shadow:var(--site-shadow-lg);padding:22px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.adm-modal-wide{max-width:680px}.adm-modal p{margin:0;color:var(--site-muted);font-size:13.5px}.adm-modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.adm-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.adm-field .adm-input{width:100%;min-width:0;font-weight:400}.adm-ed-content{height:320px;resize:vertical;font-family:var(--font-mono);font-size:12.5px;line-height:1.5;padding:10px 12px}.adm-bars{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.adm-bar-row{display:flex;align-items:center;gap:12px;font-size:13px}.adm-bar-label{flex:0 0 200px;color:var(--site-muted)}.adm-bar-track{flex:1;height:10px;background:var(--site-surface-alt);border-radius:999px;overflow:hidden}.adm-bar-fill{display:block;height:100%;border-radius:inherit;transition:width .3s}.adm-bar-n{flex:0 0 36px;text-align:right;font-family:var(--font-mono);font-size:12.5px}.theme-del{border:0;background:none;color:var(--site-muted);font-size:11px;padding:4px 6px;border-radius:6px;margin-left:2px}.theme-del:hover{background:#fbefed;color:#b42318}@media(max-width:700px){.admin-root{padding:14px 14px 60px}.adm-bar-left{width:100%}.adm-exit{margin-left:0}.adm-bar-label,.adm-bar-row{font-size:12px}.adm-bar-label{flex-basis:120px}}@media(max-width:860px){.site-header{flex-wrap:wrap;padding:12px 16px}.site-search{order:3;max-width:none;flex-basis:100%}.hero{padding:36px 16px 8px}.catalog,.theme-banner{padding-left:16px;padding-right:16px}}.lp-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:14px 32px;background:#faf9f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--site-border)}.lp-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--site-text)}.lp-brand .brand-mark{width:30px;height:30px}.lp-brand-name{font-family:var(--font-serif);font-weight:700;font-size:17px}.lp-header-cta{margin-left:auto;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--site-accent-ink);background:#3d3d3a;border:1px solid #3D3D3A;padding:8px 15px;border-radius:10px;transition:background .2s}.lp-header-cta:hover{background:#2e2e2b}.lp{max-width:760px;margin:0 auto;padding:64px 32px 8px}.lp-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t-primary);margin-bottom:16px}.lp h1,.lp-h1{font-family:var(--font-serif);font-size:46px;line-height:1.08;letter-spacing:-.01em;margin:0 0 20px;color:var(--site-text)}.lp-lede{font-size:19px;line-height:1.6;color:var(--site-muted);margin:0 0 8px}.lp-section{max-width:760px;margin:0 auto;padding:40px 32px}.lp-section h2{font-family:var(--font-serif);font-size:27px;line-height:1.2;margin:0 0 16px;color:var(--site-text)}.lp-section h3{font-size:17px;margin:24px 0 6px;color:var(--site-text)}.lp-section p{font-size:16px;line-height:1.7;color:var(--site-text);margin:0 0 16px}.lp-section p.muted{color:var(--site-muted)}.lp-section ul{margin:0 0 16px;padding-left:22px}.lp-section li{font-size:16px;line-height:1.7;color:var(--site-text);margin-bottom:6px}.lp-section a{color:var(--t-primary);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--t-primary) 35%,transparent)}.lp-section a:hover{border-bottom-color:var(--t-primary)}.lp-section code{font-family:var(--font-mono);font-size:13px;background:var(--site-surface-alt);border:1px solid var(--site-border);border-radius:5px;padding:1px 6px}.lp-demo{background:var(--t-bg);border:1px solid var(--t-border);border-radius:16px;padding:28px;margin:24px 0;box-shadow:var(--site-shadow)}.lp-demo-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.lp-swatch-row{display:flex;gap:8px;flex-wrap:wrap}.lp-swatch{width:44px;height:44px;border-radius:10px;border:1px solid rgba(0,0,0,.08)}.lp-swatch-lg{flex:1;min-width:80px;height:56px;border-radius:12px;display:flex;align-items:flex-end;padding:8px}.lp-token-line{font-family:var(--font-mono);font-size:13px;line-height:1.9;color:var(--site-text)}.lp-token-line .tok{color:var(--t-primary)}.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.lp-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;padding:20px;box-shadow:var(--site-shadow)}.lp-card h3{margin:0 0 6px;font-size:15.5px}.lp-card p{margin:0;font-size:14px;color:var(--site-muted);line-height:1.6}.lp-faq{display:flex;flex-direction:column;gap:0;margin-top:8px;background:var(--site-surface);border:1px solid var(--site-border);border-radius:16px;overflow:hidden}.lp-faq details{border-top:1px solid var(--site-border)}.lp-faq details:first-child{border-top:0}.lp-faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:600;font-size:15.5px;color:var(--site-text);display:flex;justify-content:space-between;align-items:center;gap:12px}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";color:var(--site-muted);font-size:20px;font-weight:400;transition:transform .2s}.lp-faq details[open] summary:after{transform:rotate(45deg)}.lp-faq .lp-a{padding:0 20px 18px;font-size:15px;line-height:1.7;color:var(--site-muted)}.lp-cta{max-width:760px;margin:48px auto 0;padding:44px 32px;text-align:center;background:var(--t-bg);border:1px solid var(--t-border);border-radius:20px}.lp-cta h2{font-family:var(--font-serif);font-size:28px;margin:0 0 10px;color:var(--t-text)}.lp-cta p{font-size:16px;color:var(--t-text-muted);margin:0 0 22px}.lp-cta-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--t-primary);color:var(--t-on-primary);font-weight:600;font-size:15px;padding:13px 26px;border-radius:var(--t-radius-md);transition:background .2s}.lp-cta-btn:hover{background:var(--t-primary-hover)}@media(max-width:640px){.lp{padding:40px 20px 8px}.lp h1,.lp-h1{font-size:34px}.lp-section,.lp-cta{padding-left:20px;padding-right:20px}.lp-grid{grid-template-columns:1fr}.footer-cols{gap:48px}.footer-quote{margin-left:0;max-width:none}}.mo-stack{display:flex;flex-direction:column;gap:18px;width:100%}.mo-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--t-text-muted);margin-bottom:7px}.mo-bubble{display:inline-flex;align-items:center;gap:10px;background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-lg);padding:12px 16px;box-shadow:var(--t-shadow-sm)}.mo-bubble-block{display:flex}.mo-dots{display:inline-flex;gap:6px;align-items:center}.mo-dot{width:8px;height:8px;border-radius:50%;background:var(--t-primary);display:inline-block}.mo-pulse .mo-dot{animation:mo-pulse 1.4s cubic-bezier(.4,0,.2,1) infinite}.mo-pulse .mo-dot:nth-child(2){animation-delay:.16s}.mo-pulse .mo-dot:nth-child(3){animation-delay:.32s}.mo-wave .mo-dot{animation:mo-wave 1.2s cubic-bezier(.4,0,.2,1) infinite}.mo-wave .mo-dot:nth-child(2){animation-delay:.12s}.mo-wave .mo-dot:nth-child(3){animation-delay:.24s}.mo-wave .mo-dot:nth-child(4){animation-delay:.36s}.mo-breathe{animation:mo-breathe 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes mo-pulse{0%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes mo-wave{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-7px);opacity:1}}@keyframes mo-breathe{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1.05);opacity:1}}.mo-stream{font-family:var(--t-font-body);color:var(--t-text);font-size:15px}.mo-type{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;border-right:2px solid var(--t-primary);width:15.8em;animation:mo-typing 3.6s steps(28,end) infinite alternate,mo-caret .9s step-end infinite}@keyframes mo-typing{0%{width:0}to{width:15.8em}}@keyframes mo-caret{0%,to{border-right-color:var(--t-primary)}50%{border-right-color:transparent}}.mo-think{display:flex;align-items:center;gap:12px}.mo-think-orb{width:11px;height:11px;border-radius:50%;background:var(--t-primary);flex:0 0 11px;animation:mo-orb 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes mo-orb{0%,to{transform:scale(.85);box-shadow:0 0 color-mix(in srgb,var(--t-primary) 40%,transparent)}50%{transform:scale(1.1);box-shadow:0 0 0 6px color-mix(in srgb,var(--t-primary) 0%,transparent)}}.mo-stages{position:relative;height:22px;flex:1}.mo-stage{position:absolute;left:0;top:0;white-space:nowrap;font-size:15px;color:var(--t-text);opacity:0;animation:mo-stage 8s cubic-bezier(.4,0,.2,1) infinite}.mo-stage:nth-child(2){animation-delay:2s}.mo-stage:nth-child(3){animation-delay:4s}.mo-stage:nth-child(4){animation-delay:6s}@keyframes mo-stage{0%{opacity:0;transform:translateY(6px)}4%{opacity:1;transform:translateY(0)}22%{opacity:1;transform:translateY(0)}26%{opacity:0;transform:translateY(-6px)}to{opacity:0;transform:translateY(-6px)}}.mo-morph-wrap{display:flex;align-items:center;gap:10px}.mo-morph{position:relative;height:34px;min-width:220px}.mo-sugg{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--t-radius-full);font-size:13.5px;font-weight:500;background:color-mix(in srgb,var(--t-primary) 13%,transparent);color:var(--t-primary);border:1px solid color-mix(in srgb,var(--t-primary) 30%,transparent);animation:mo-morph 10s cubic-bezier(.34,1.56,.64,1) infinite}.mo-sugg:nth-child(2){animation-delay:2s}.mo-sugg:nth-child(3){animation-delay:4s}.mo-sugg:nth-child(4){animation-delay:6s}.mo-sugg:nth-child(5){animation-delay:8s}@keyframes mo-morph{0%{opacity:0;transform:scale(.92) translateY(4px)}4%{opacity:1;transform:scale(1) translateY(0)}16%{opacity:1;transform:scale(1) translateY(0)}20%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:0;transform:scale(.96) translateY(-4px)}}.mo-success{display:flex;flex-direction:column;align-items:center;gap:14px}.mo-check-circle{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--t-success) 14%,transparent);animation:mo-pop 3.2s cubic-bezier(.65,0,.35,1) infinite,mo-glow 3.2s ease-out infinite}.mo-check-path{stroke:var(--t-success);stroke-width:3;stroke-dasharray:26;stroke-dashoffset:26;animation:mo-draw 3.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes mo-pop{0%{transform:scale(.8)}14%{transform:scale(1.05)}24%,to{transform:scale(1)}}@keyframes mo-glow{0%,12%{box-shadow:0 0 color-mix(in srgb,var(--t-success) 35%,transparent)}40%,to{box-shadow:0 0 0 16px color-mix(in srgb,var(--t-success) 0%,transparent)}}@keyframes mo-draw{0%,8%{stroke-dashoffset:26}30%,to{stroke-dashoffset:0}}.mo-success-text{font-size:14px;font-weight:600;color:var(--t-text)}.mo-particle{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--t-success);opacity:0;animation:mo-particle 3.2s ease-out infinite}.mo-particle:nth-child(2){--mx: 26px;--my: -20px;background:var(--t-accent)}.mo-particle:nth-child(3){--mx: -24px;--my: -18px}.mo-particle:nth-child(4){--mx: 28px;--my: 16px}.mo-particle:nth-child(5){--mx: -26px;--my: 18px;background:var(--t-accent)}.mo-particle:nth-child(6){--mx: 0px;--my: -30px}.mo-particle:nth-child(7){--mx: 2px;--my: 30px}@keyframes mo-particle{0%,20%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1}55%,to{opacity:0;transform:translate(calc(-50% + var(--mx,0)),calc(-50% + var(--my,0))) scale(1)}}.mo-skel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.mo-skel-card{background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-radius-md);padding:14px;display:flex;flex-direction:column;gap:9px}.mo-sk{position:relative;overflow:hidden;background:var(--t-surface-alt);border-radius:var(--t-radius-sm)}.mo-sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--t-surface) 70%,transparent),transparent);animation:mo-shimmer 1.6s infinite}@keyframes mo-shimmer{to{transform:translate(100%)}}.mo-sk-line{height:10px}.mo-sk-media{height:56px;border-radius:var(--t-radius-md)}.mo-sk-circle{width:32px;height:32px;border-radius:50%;flex:0 0 32px}.mo-sk-row{display:flex;align-items:center;gap:10px}.mo-sk-rowlines{flex:1;display:flex;flex-direction:column;gap:6px}.mo-sk-bubble{height:22px;border-radius:var(--t-radius-md);width:80%}.mo-sk-bubble-out{align-self:flex-end;background:color-mix(in srgb,var(--t-primary) 16%,var(--t-surface-alt));width:65%}.mo-sk-stat{flex:1;height:34px;border-radius:var(--t-radius-md)}.mo-sk-chart{height:46px;border-radius:var(--t-radius-md)}@media(prefers-reduced-motion:reduce){.mo-dot,.mo-breathe,.mo-think-orb,.mo-stage,.mo-sugg,.mo-type,.mo-check-circle,.mo-check-path,.mo-particle,.mo-sk:after{animation:none!important}.mo-pulse .mo-dot,.mo-wave .mo-dot,.mo-breathe{opacity:1;transform:none}.mo-type{width:auto;border-right-color:transparent}.mo-stage:first-child,.mo-sugg:first-child{opacity:1;position:static}.mo-stage:not(:first-child),.mo-sugg:not(:first-child){display:none}.mo-check-path{stroke-dashoffset:0}}.mobile-bar,.msheet,.msheet-scrim,.menu-active,.theme-menu .msheet-handle{display:none}@keyframes msheet-up{0%{transform:translateY(100%)}}@media(max-width:640px){body{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}.grid{grid-template-columns:minmax(0,1fr)}.comp-card,.comp-head,.comp-head>div,.demo,.prompt-block{min-width:0}.demo{overflow:auto;overscroll-behavior:contain}.ai-export{padding-left:16px;padding-right:16px}.ai-export-files{min-width:0;max-width:100%}.site-header{padding:10px 16px;gap:10px;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--site-bg);transition:transform .3s ease}body.nav-scrolled .site-header{transform:translateY(-100%)}.brand-name{font-size:16px}.header-actions{margin-left:auto;gap:8px}#fav-filter,#signin-btn,#user-chip,#admin-btn{display:none!important}#theme-btn{height:36px;padding:0 12px;font-size:13px}.site-search{order:3;flex-basis:100%;max-width:none}.hero{padding:18px 16px 4px}.hero h1{font-size:25px;line-height:1.18;margin-bottom:8px;letter-spacing:-.01em}.hero p.sub{font-size:14px;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.theme-banner{margin-top:12px}.theme-banner-inner{gap:12px;padding:14px}.tb-right{width:100%;margin-left:0}.tb-right .hbtn{flex:1;justify-content:center;height:42px}.ai-export{margin-top:12px}.ai-export-inner{padding:16px}.ai-export-row{flex-direction:column;align-items:stretch;gap:12px}.ai-export-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-export-btn{width:100%;height:48px;font-size:15px}.ai-export-files{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ai-export-files::-webkit-scrollbar{display:none}.ai-export-files .pkg-file{flex:0 0 auto}.mobile-bar{display:flex;align-items:flex-end;gap:2px;position:fixed;left:12px;right:12px;z-index:80;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:8px;background:color-mix(in srgb,var(--site-surface) 85%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border:1px solid var(--site-border);border-radius:22px;box-shadow:0 10px 34px #1414132e,0 2px 8px #14141314;transform:translateY(calc(100% + 28px));opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease}body.nav-scrolled .mobile-bar{transform:none;opacity:1;pointer-events:auto}.mbar-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;color:var(--site-muted);font-size:11px;font-weight:600;padding:8px 2px;border-radius:15px;min-height:54px;transition:color .15s,background .15s,transform .12s}.mbar-btn svg{width:21px;height:21px;transition:transform .15s}.mbar-btn:active{transform:scale(.93)}.mbar-btn.is-active{color:var(--t-primary);background:color-mix(in srgb,var(--t-primary) 10%,transparent)}.theme-menu{position:fixed;left:0;right:0;bottom:0;top:auto;min-width:0;border-radius:24px 24px 0 0;max-height:80vh;overflow-y:auto;overscroll-behavior:contain;z-index:90;padding:0 14px calc(20px + env(safe-area-inset-bottom,0px));background:var(--site-surface);box-shadow:0 -10px 50px #14141342;animation:msheet-up .42s cubic-bezier(.22,1,.36,1)}.theme-menu .msheet-handle{display:block}.menu-note{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--site-muted);padding:14px 8px 4px}.menu-sep{display:none}.theme-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;margin:1px 0;border-radius:14px;font-size:16px;border:0;background:none;transition:background .15s,transform .12s}.theme-option:active{transform:scale(.99);background:var(--site-surface-alt)}.theme-option .check{display:flex;align-items:center;justify-content:center;width:18px;flex:0 0 18px;color:var(--t-primary);font-size:16px;font-weight:800}.theme-option span:not([class]){flex:1;font-weight:500;color:var(--site-text)}.theme-option.active span:not([class]){font-weight:600}.theme-option .swatches{display:flex;gap:5px;margin-left:auto}.theme-option .sw{width:22px;height:22px;border-radius:7px;border:1px solid rgba(0,0,0,.08)}.theme-del{padding:10px;margin-left:2px;font-size:13px}.msheet-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14141380;z-index:88;opacity:0;transition:opacity .3s ease;pointer-events:none}.msheet-scrim.show{opacity:1;pointer-events:auto}.msheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--site-surface);border-radius:24px 24px 0 0;padding:8px 14px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 50px #14141342;animation:msheet-up .42s cubic-bezier(.22,1,.36,1)}.msheet[hidden],.msheet-scrim[hidden]{display:none}.msheet-handle{width:42px;height:5px;border-radius:3px;background:var(--site-border);margin:8px auto 12px}.msheet-title{font-family:var(--font-serif);font-weight:700;font-size:18px;padding:0 8px 10px}.msheet-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;background:none;color:var(--site-text);font-size:15.5px;padding:15px 12px;border-radius:14px;font-family:var(--font-sans);transition:background .15s,transform .12s}.msheet-item svg{width:20px;height:20px;color:var(--site-muted);flex:0 0 20px}.msheet-item:active{background:var(--site-surface-alt);transform:scale(.99)}.msheet-item.is-on,.msheet-item.is-on svg{color:var(--t-primary)}}@keyframes scrim-in{0%{opacity:0}}@keyframes bar-rise{0%{transform:translateY(140%);opacity:0}}