@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/eb251072d3b5478c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/e92f802bb57ccffe-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/4b9bb515ce6d026f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader;font-style:italic;font-weight:500;font-display:swap;src:url(/_next/static/media/eb251072d3b5478c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:italic;font-weight:500;font-display:swap;src:url(/_next/static/media/e92f802bb57ccffe-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:italic;font-weight:500;font-display:swap;src:url(/_next/static/media/4b9bb515ce6d026f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/eb251072d3b5478c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/e92f802bb57ccffe-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/4b9bb515ce6d026f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7088c2b12ccac062-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/665e920483964785-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5611c55482296524-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7088c2b12ccac062-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/665e920483964785-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/5611c55482296524-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7088c2b12ccac062-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/665e920483964785-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5611c55482296524-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader Fallback;src:local("Times New Roman");ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.00%;size-adjust:105.48%}.__className_46b3dd{font-family:Newsreader,Newsreader Fallback}.__variable_46b3dd{--font-newsreader:"Newsreader","Newsreader Fallback"}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/d9fef5bf2f64cf9a-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/de42cfb9a3b980ae-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Figtree Fallback;src:local("Arial");ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.00%;size-adjust:100.72%}.__className_2ca027{font-family:Figtree,Figtree Fallback;font-style:normal}.__variable_2ca027{--font-figtree:"Figtree","Figtree Fallback"}:root{--ink-950:#0a0a0a;--ink-900:#171717;--ink-800:#262626;--ink-700:#404040;--ink-600:#525252;--ink-500:#737373;--ink-400:#a3a3a3;--ink-300:#d4d4d4;--ink-200:#e5e5e5;--ink-100:#f5f5f5;--paper-50:#fafafa;--white:#ffffff;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--color-warning-deep:#b45309;--color-danger-deep:#b91c1c;--icon-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");--aurum:#b08d57;--aurum-2:#eadbd3;--aurum-deep:#7c5c33;--confetti:#f2426b;--confetti-2:#ffd43b;--pulse:#6d28d9;--pulse-2:#22d3ee;--signal:#1f6feb;--signal-2:#334155;--font-display:"Newsreader",Georgia,"Times New Roman",serif;--font-ui:"Figtree","Helvetica Neue",Arial,system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--tap-min:44px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(10,10,10,0.06);--shadow-md:0 4px 8px rgba(10,10,10,0.1);--shadow-lg:0 8px 24px rgba(10,10,10,0.14);--shadow-xl:0 16px 48px rgba(10,10,10,0.18);--bg:var(--paper-50);--surface:var(--white);--surface-2:var(--ink-100);--border:var(--ink-200);--border-strong:var(--ink-300);--text:var(--ink-950);--text-2:var(--ink-700);--text-3:#707070;--shadow-tint:rgba(10,10,10,0.1)}[data-theme=dark]{--bg:#0a0a0a;--surface:#141414;--surface-2:#1f1f1f;--border:#262626;--border-strong:#404040;--text:#fafafa;--text-2:#a3a3a3;--text-3:#868686;--aurum-deep:var(--aurum);--color-warning-deep:var(--color-warning);--color-danger-deep:#f87171;--shadow-tint:rgba(0,0,0,0.5);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 8px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px rgba(0,0,0,0.6);--shadow-xl:0 16px 48px rgba(0,0,0,0.7)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.2}p{margin:0;text-wrap:pretty}a{color:inherit}button,input,select,textarea{font-family:inherit}canvas,img,video{max-width:100%;height:auto}svg{max-width:100%}.mono,code{font-family:var(--font-mono)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:28px 20px;display:flex;flex-direction:column;gap:4px}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:28px}.monogram{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--ink-950);color:var(--white);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1}[data-theme=dark] .monogram{background:var(--white);color:var(--ink-950)}.brand-row .wordmark{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.02em}.nav-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:18px 0 6px;font-weight:600}.nav-link{display:block;text-decoration:none;color:var(--text-2);font-size:14px;padding:7px 10px;border-radius:var(--radius-md);transition:background .15s ease,color .15s ease}.nav-link.active,.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active,.theme-toggle{font-weight:500}.theme-toggle{margin-top:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-2);cursor:pointer;padding:9px 14px;font-family:var(--font-ui);font-size:13px;transition:border-color .15s ease,color .15s ease}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text)}.content{padding:0}.wrap{max-width:940px;margin:0 auto;padding:0 48px}.hero{padding:96px 48px 72px;border-bottom:1px solid var(--border)}.hero-inner{max-width:940px;margin:0 auto;display:flex;flex-direction:column}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:20px}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(40px,6vw,61px);letter-spacing:-.02em;line-height:1.12;margin-bottom:28px}.hero .lede{font-size:19px;line-height:1.6;color:var(--text-2);max-width:620px;margin:0}section.block{padding:72px 0;border-bottom:1px solid var(--border)}section.block:last-child{border-bottom:none}.section-head{margin-bottom:40px}.section-num{font-family:var(--font-mono);font-size:13px;color:var(--text-3);margin-bottom:10px}.section-head h2{font-family:var(--font-display);font-weight:600;font-size:39px;letter-spacing:-.01em}.section-head p{color:var(--text-2);font-size:17px;margin-top:14px;max-width:640px}.subhead{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin:44px 0 18px}.layers{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:8px}.layer-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;background:var(--surface)}.layer-card .tag{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-bottom:14px}.layer-card h3{font-size:20px;margin-bottom:10px}.layer-card p{color:var(--text-2);font-size:15px}.layer-swatches{display:flex;gap:6px;margin-top:20px}.layer-swatches span{width:28px;height:28px;border-radius:6px;border:1px solid var(--border)}.scale{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-gap:10px;gap:10px}.swatch{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--surface);transition:transform .12s ease,box-shadow .12s ease}.swatch:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.swatch .chip{height:72px}.swatch .meta{padding:10px 12px}.swatch .meta .name{font-size:13px;font-weight:600}.swatch .meta .hex{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-top:2px}.states{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.state-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background:var(--surface);display:flex;gap:12px;align-items:center;cursor:pointer}.state-card:hover{box-shadow:var(--shadow-sm)}.state-dot{width:36px;height:36px;border-radius:var(--radius-full);flex:none}.state-card .name{font-size:14px;font-weight:600}.state-card .hex{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.accents{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-gap:16px;gap:16px}.accent-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.accent-bar{height:80px;display:flex}.accent-bar>div{flex:1 1}.accent-body{padding:16px 18px}.accent-body .aname{font-family:var(--font-display);font-size:20px;font-weight:600}.accent-body .amood{font-size:13px;color:var(--text-2);margin:4px 0 12px}.accent-hexes{display:flex;flex-direction:column;gap:4px}.accent-hexes span{font-family:var(--font-mono);font-size:12px;color:var(--text-3);cursor:pointer}.accent-hexes span:hover{color:var(--text)}.type-row{display:grid;grid-template-columns:168px 1fr;grid-gap:24px;gap:24px;padding:22px 0;border-top:1px solid var(--border);align-items:baseline}.type-row:last-child{border-bottom:1px solid var(--border)}.type-meta .tname{font-family:var(--font-mono);font-size:13px}.type-meta .tspec{font-size:12px;color:var(--text-3);margin-top:4px;line-height:1.5}.type-sample{color:var(--text);overflow:hidden}.fr{font-family:var(--font-display)}.in{font-family:var(--font-ui)}.mo{font-family:var(--font-mono)}.font-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:8px}.font-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;background:var(--surface)}.font-card .big{font-size:44px;line-height:1;margin-bottom:14px}.font-card .role{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600}.font-card .fam{font-size:17px;font-weight:600;margin:6px 0 4px}.font-card .desc{font-size:13px;color:var(--text-2)}.space-row{display:flex;align-items:center;gap:16px;padding:9px 0}.space-row .lbl{font-family:var(--font-mono);font-size:12px;color:var(--text-3);width:116px;flex:none}.space-bar{height:18px;background:var(--ink-950);border-radius:3px}[data-theme=dark] .space-bar{background:var(--white)}.radius-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:14px;gap:14px}.radius-card{text-align:center}.radius-box{height:88px;background:var(--surface-2);border:1px solid var(--border-strong);margin-bottom:10px}.radius-card .lbl{font-family:var(--font-mono);font-size:12px}.radius-card .val{font-size:12px;color:var(--text-3)}.shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:22px;gap:22px}.shadow-card{background:var(--surface);border-radius:var(--radius-lg);height:96px;display:grid;place-items:center}.shadow-card .lbl{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.demo{border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;background:var(--surface);margin-bottom:8px}.demo-row{display:flex;flex-wrap:wrap;gap:14px}.btn,.demo-row{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;min-height:3rem;font-family:var(--font-ui);font-size:15px;font-weight:600;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .05s;line-height:1.2;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}a:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:2px}.btn-primary{background:var(--ink-950);color:var(--white)}.btn-primary:hover{background:var(--ink-800)}[data-theme=dark] .btn-primary{background:var(--white);color:var(--ink-950)}[data-theme=dark] .btn-primary:hover{background:var(--ink-200)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-3)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(.92)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-sm{font-size:13px;padding:7px 14px;min-height:0;gap:6px}a.btn{text-decoration:none}.field{display:flex;flex-direction:column;gap:7px;max-width:320px}.field label{font-size:13px;font-weight:600;color:var(--text-2)}.input{font-family:var(--font-ui);font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:11px 13px;outline:none;min-height:3rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--ink-950);box-shadow:0 0 0 3px var(--shadow-tint)}.input:focus-visible{outline:2px solid var(--text);outline-offset:2px}[data-theme=dark] .input:focus{border-color:var(--white)}[data-theme=dark] .input{border-color:#6b6b6b}.input.err{border-color:var(--color-danger)}@media (max-width:768px){.input{font-size:16px}}input[type=date].input{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}input[type=date].input::-webkit-clear-button,input[type=date].input::-webkit-inner-spin-button{display:none}input[type=date].input::-webkit-calendar-picker-indicator{width:18px;height:18px;margin:0 0 0 8px;padding:0;background-color:currentColor;opacity:.55;cursor:pointer;-webkit-transition:opacity .15s;transition:opacity .15s;-webkit-mask:var(--icon-calendar) center /18px 18px no-repeat;mask:var(--icon-calendar) center /18px 18px no-repeat}input[type=date].input:focus::-webkit-calendar-picker-indicator,input[type=date].input:hover::-webkit-calendar-picker-indicator{opacity:1}.hint{font-size:12px;color:var(--text-3)}.hint.err{color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);line-height:1.4}.badge-neutral{background:var(--surface-2);color:var(--text-2)}.badge-success{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 16%,transparent);color:var(--color-warning)}.badge-danger{background:color-mix(in srgb,var(--color-danger) 14%,transparent);color:var(--color-danger)}.badge-info{background:color-mix(in srgb,var(--color-info) 14%,transparent);color:var(--color-info)}.badge-demo{background:var(--text);color:var(--surface)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cards-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));grid-gap:16px;gap:16px}.pcard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pcard .thumb{height:132px;background:var(--surface-2);position:relative;display:grid;place-items:center}.pcard .thumb .ph{color:var(--text-3);font-size:28px;font-family:var(--font-display)}.pcard .pbody{padding:16px 18px}.pcard .ptitle{font-size:16px;font-weight:600}.pcard .pmeta{font-size:13px;color:var(--text-3);margin-top:3px}.pcard .prow{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.navdemo{display:flex;gap:4px;flex-direction:column;width:220px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;background:var(--surface)}.navdemo .ni{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-md);font-size:14px;color:var(--text-2);cursor:pointer}.navdemo .ni.active,.navdemo .ni:hover{background:var(--surface-2);color:var(--text)}.navdemo .ni.active{font-weight:600}.navdemo .ni .ico{width:16px;height:16px;border-radius:4px;background:var(--text-3);flex:none}.navdemo .ni.active .ico{background:var(--text)}.accent-switch{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.accent-tab{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:var(--radius-full);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .15s,color .15s}.accent-tab .sw{width:14px;height:14px;border-radius:50%}.accent-tab[aria-pressed=true]{border-color:var(--text);color:var(--text)}.showcase-stage{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.showcase-context{padding:36px;background:var(--surface-2);display:flex;flex-direction:column;gap:16px}.showcase-context .ctx-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:600}.showcase-context .ctx-domain{font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.showcase-context .ctx-tokens{display:flex;flex-direction:column;gap:8px;margin-top:8px}.showcase-context .ctx-tokens .tk{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.showcase-context .ctx-tokens .tk .sw{width:18px;height:18px;border-radius:5px;border:1px solid var(--border)}.guest{--accent:var(--aurum);--accent-2:var(--aurum-2);--accent-contrast:#0a0a0a;background:var(--white);color:var(--ink-950);padding:40px 36px;display:flex;flex-direction:column;gap:18px;transition:--accent .3s}.guest .g-mono{width:34px;height:34px;border-radius:var(--radius-md);background:var(--accent);display:grid;place-items:center;color:var(--accent-contrast);font-size:20px}.guest .g-mono,.guest h3{font-family:var(--font-display);font-weight:600}.guest h3{font-size:30px;line-height:1.1;color:var(--ink-950)}.guest .g-sub{font-size:15px;color:var(--ink-700);line-height:1.55}.guest .g-drop{border:1.5px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent) 8%,#fff);padding:26px;text-align:center;font-size:14px;color:var(--ink-700)}.guest .g-voice{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-800)}.guest .g-voice .vbtn{width:40px;height:40px;border-radius:50%;background:var(--accent);display:grid;place-items:center;flex:none}.guest .g-voice .vbtn:after{content:"";width:0;height:0;border-left:11px solid var(--accent-contrast);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.guest .g-submit{background:var(--accent);color:var(--accent-contrast);border:none;font-family:var(--font-ui);font-weight:600;font-size:16px;padding:13px;border-radius:var(--radius-md);cursor:pointer;margin-top:4px}.guest .g-chip{align-self:flex-start;font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);background:var(--accent-2);color:var(--ink-950)}.note{border-left:2px solid var(--border-strong);padding:4px 0 4px 18px;color:var(--text-2);font-size:14px;margin-top:24px;max-width:640px}.note strong{color:var(--text)}.rule-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}.rule-table td,.rule-table th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.rule-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:600}.rule-table td{color:var(--text-2)}.rule-table td:first-child,.rule-table th:first-child{padding-left:0}.logo-demos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.logo-tile{border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;display:grid;place-items:center;min-height:120px}.logo-tile.dark{background:var(--ink-950)}.logo-tile.paper{background:var(--paper-50)}.lw{font-family:var(--font-display);font-weight:600;font-size:30px;letter-spacing:-.04em}.lw.on-dark{color:#fff}.lw.on-light{color:var(--ink-950)}.mono-tile{width:56px;height:56px;border-radius:var(--radius-lg);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:34px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink-950);color:var(--white);padding:11px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;box-shadow:var(--shadow-lg)}[data-theme=dark] .toast{background:var(--white);color:var(--ink-950)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:1023px){.shell{grid-template-columns:1fr}.sidebar{display:none}.font-cards,.layers,.showcase-stage{grid-template-columns:1fr}.hero,.wrap{padding-left:24px;padding-right:24px}.btn-sm,.theme-toggle{min-height:var(--tap-min)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1em)}input[type=checkbox],input[type=radio]{width:20px;height:20px}}:root{--font-display:var(--font-newsreader,"Newsreader"),Georgia,"Times New Roman",serif;--font-ui:var(--font-figtree,"Figtree"),"Helvetica Neue",Arial,system-ui,sans-serif;--font-mono:var(--font-jetbrains,"JetBrains Mono"),"Fira Code",monospace;--font-script:var(--font-script-face,"Great Vibes"),"Snell Roundhand","Segoe Script",cursive}.alb{--accent:#b08d57;--accent-2:#eadbd3;--accent-deep:#7c5c33;--cream:#fbf7f1;--ink:#1a140c;--ink-2:#5c5043;--ink-3:#978a79;--line:#ebe2d6;min-height:100vh;background:var(--cream);color:var(--ink);font-family:var(--font-ui)}[data-theme=dark] .alb{--cream:#14110b;--ink:#f4ede2;--ink-2:#c6b9a7;--ink-3:#8e8473;--line:#2e2719}.alb-bar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:14px 24px;background:color-mix(in srgb,var(--cream) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.alb-bar .wm{display:inline-flex;align-items:center;min-height:var(--tap-min);font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.03em;color:var(--accent);text-decoration:none}.alb-bar .sp{margin-left:auto}.alb-bar .btns{display:flex;gap:9px;align-items:center}.alb-btn{display:inline-flex;align-items:center;min-height:var(--tap-min);gap:8px;font-family:var(--font-ui);font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);transition:background .15s,transform .12s,border-color .15s;text-decoration:none}.alb-btn svg{width:16px;height:16px}.alb-btn:hover{border-color:var(--accent)}.alb-btn.primary{background:var(--accent);color:#fff;border-color:transparent}.alb-btn.primary:hover{filter:brightness(1.07)}.alb-bar .theme-toggle{margin-top:0;border-color:var(--line);color:var(--ink-2)}.alb-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.alb-hero{position:relative;margin:22px 0 14px;border-radius:var(--radius-2xl);overflow:hidden}.alb-hero>.gp-skel,.alb-hero>img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}@media (max-width:767px){.alb-hero>.gp-skel,.alb-hero>img{aspect-ratio:4/3}.alb-hero h1{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.alb-hero .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,5,.05) 30%,rgba(10,8,5,.72));display:flex;flex-direction:column;justify-content:flex-end;padding:34px 38px;pointer-events:none}.alb-hero .chip{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:5px 13px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.alb-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,6vw,64px);line-height:1;letter-spacing:-.02em;color:#fff;margin:14px 0 0}.alb-hero .meta{font-size:15px;color:rgba(255,255,255,.85);margin-top:12px;display:flex;gap:18px;flex-wrap:wrap}.alb-hero .meta b{color:#fff}.alb-filter{display:flex;align-items:center;gap:8px;padding:14px 0;position:-webkit-sticky;position:sticky;top:73px;background:color-mix(in srgb,var(--cream) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;flex-wrap:wrap}@media (max-width:479px){.alb-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.alb-filter::-webkit-scrollbar{display:none}.alb-filter>*{flex:none}.alb-filter .sp{min-width:var(--space-4)}}.alb-tab{text-transform:capitalize;min-height:var(--tap-min);font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--ink-2);background:transparent;border:1px solid var(--line);border-radius:var(--radius-full);padding:8px 16px;cursor:pointer;transition:all .15s}.alb-tab:hover{border-color:var(--accent)}.alb-tab[aria-selected=true]{background:var(--accent);color:#fff;border-color:transparent}.alb-filter .sp{margin-left:auto}.alb-grid{columns:240px 4;column-gap:14px;padding-bottom:12px}.alb-grid>*{page-break-inside:avoid;break-inside:avoid;margin-bottom:14px}.alb[data-album-style=grid] .alb-grid{columns:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:8px;gap:8px}.alb[data-album-style=grid] .alb-grid>*{margin-bottom:0}.alb[data-album-style=grid] .alb-tile img,.alb[data-album-style=grid] .alb-tile video,.alb[data-album-style=grid] .alb-tile-open img{aspect-ratio:1/1;height:100%;object-fit:cover}.alb[data-album-style=grid] .alb-tile-open{height:100%}.alb[data-album-style=grid] .alb-voice{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;padding:14px}.alb[data-album-style=story] .alb-grid{columns:auto;display:flex;flex-direction:column;gap:clamp(20px,3vw,40px);max-width:760px;margin:0 auto}.alb[data-album-style=story] .alb-grid>*{margin-bottom:0}.alb[data-album-style=story] .alb-tile{overflow:visible}.alb[data-album-style=story] .alb-tile .who{position:static;display:block;margin-top:8px;color:var(--ink-3);text-shadow:none}.alb[data-album-style=polaroid] .alb-grid{columns:260px 3;column-gap:22px}.alb[data-album-style=polaroid] .alb-grid>*{margin-bottom:26px}.alb[data-album-style=polaroid] .alb-tile,.alb[data-album-style=polaroid] .alb-voice{background:#fdfbf7;border-radius:2px;padding:12px 12px 44px;box-shadow:0 1px 2px rgba(10,8,5,.14),0 10px 22px rgba(10,8,5,.12)}.alb[data-album-style=polaroid] .alb-grid>:nth-child(3n+1){transform:rotate(-1.2deg)}.alb[data-album-style=polaroid] .alb-grid>:nth-child(3n+2){transform:rotate(.8deg)}.alb[data-album-style=polaroid] .alb-grid>:nth-child(3n+3){transform:rotate(-.4deg)}.alb[data-album-style=polaroid] .alb-tile .who{left:14px;right:14px;bottom:14px;color:var(--ink-2);text-shadow:none;font-family:var(--font-display);font-size:13px}.alb[data-album-style=polaroid] .alb-pick{top:22px;right:22px}.alb[data-album-style=polaroid] .alb-tile .tag{top:22px;left:22px}.alb[data-album-style=polaroid] .alb-tile[data-picked],.alb[data-album-style=polaroid] .alb-voice[data-picked]{outline-offset:2px}@media (prefers-reduced-motion:no-preference){.alb[data-album-style=polaroid] .alb-tile,.alb[data-album-style=polaroid] .alb-voice{transition:transform .18s ease}.alb[data-album-style=polaroid] .alb-grid>:hover{transform:rotate(0deg) scale(1.02)}}.alb-tile{position:relative;border-radius:var(--radius-lg);overflow:hidden;display:block;background:var(--accent-2)}.alb-tile image-slot{display:block;width:100%}.alb-tile .tag{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#fff;background:rgba(10,8,5,.5);padding:4px 9px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.alb-tile .tag svg{width:12px;height:12px}.alb-tile .who{position:absolute;left:10px;bottom:10px;z-index:2;font-size:12px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.alb-pick{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:var(--radius-full);border:1.5px solid rgba(255,255,255,.9);background:rgba(10,8,5,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:transparent;cursor:pointer;opacity:.55;transition:opacity .15s,background .15s,border-color .15s,transform .12s}.alb-pick svg{width:15px;height:15px}.alb-pick:focus-visible,.alb-pick:hover{opacity:1}.alb-pick:active{transform:scale(.9)}.alb-pick[data-on]{opacity:1;color:#fff;background:var(--accent);border-color:var(--accent)}.alb-pick:disabled{cursor:not-allowed;opacity:.2}.alb-tile[data-picked],.alb-voice[data-picked]{outline:3px solid var(--accent);outline-offset:-3px}.alb-voice{position:relative;background:var(--accent);color:#fff;border-radius:var(--radius-lg);padding:18px}.alb-voice .alb-pick[data-on]{background:#fff;border-color:#fff;color:var(--accent)}.alb-voice .vt{display:flex;align-items:center;gap:11px}.alb-voice .vp{width:var(--tap-min);height:var(--tap-min);border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;flex:none;cursor:pointer;border:none}.alb-voice .vp:after{content:"";width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.alb-voice .vw{flex:1 1;display:flex;align-items:center;gap:2px;height:28px}.alb-voice .vw i{flex:1 1;min-width:2px;border-radius:2px;background:rgba(255,255,255,.45)}.alb-voice .vq{font-family:var(--font-display);font-size:16px;line-height:1.35;margin-top:14px}.alb-voice .vwho{font-size:12px;color:rgba(255,255,255,.78);margin-top:10px}.alb-contrib{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:30px;gap:30px;align-items:center;background:var(--ink);color:var(--cream);border-radius:var(--radius-2xl);padding:40px 44px;margin:26px 0 40px}[data-theme=dark] .alb-contrib{background:#0b0906}@media (max-width:767px){.alb-contrib{grid-template-columns:1fr;text-align:center}}.alb-contrib h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3vw,32px);line-height:1.1;margin:0 0 12px}.alb-contrib h2 em{font-style:italic;color:var(--accent)}.alb-contrib p{font-size:15px;line-height:1.55;color:color-mix(in srgb,var(--cream) 76%,transparent);margin:0 0 20px}.alb-qr{justify-self:center;background:#fff;border-radius:var(--radius-xl);padding:18px;box-shadow:var(--shadow-lg)}.alb-qr canvas,.alb-qr svg{display:block;width:168px;height:168px}.alb-qr .cap{font-family:var(--font-mono);font-size:12px;color:#525252;text-align:center;margin-top:10px}.alb-qr .cap-plain{font-family:inherit;font-size:13px}.alb-foot{border-top:1px solid var(--line);padding:26px 0 calc(26px + env(safe-area-inset-bottom, 0px));text-align:center;font-size:13px;color:var(--ink-3)}.alb-foot a,.alb-foot button{padding:14px 4px;margin:-14px -4px;color:var(--accent-deep);text-decoration:none;background:none;border:0;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}[data-theme=dark] .alb-foot a,[data-theme=dark] .alb-foot button{color:var(--accent)}.alb-tile-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.alb-tile-open img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.alb-lb{position:fixed;inset:0;z-index:100;background:rgba(10,8,5,.93);display:grid;place-items:center;padding:16px}@media (prefers-reduced-motion:no-preference){.alb-lb{animation:alb-lb-in .16s cubic-bezier(.2,0,0,1)}@keyframes alb-lb-in{0%{opacity:0}to{opacity:1}}}.alb-lb-img{display:block;max-width:min(100%,1400px);max-height:calc(100dvh - 132px);object-fit:contain;border-radius:var(--radius-lg)}.alb-lb-nav,.alb-lb-x{position:absolute;min-width:var(--tap-min);min-height:var(--tap-min);display:grid;place-items:center;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.4);color:#fff;cursor:pointer;transition:background .15s,border-color .15s}.alb-lb-nav:hover,.alb-lb-x:hover{background:rgba(0,0,0,.68);border-color:var(--accent)}.alb-lb-nav svg,.alb-lb-x svg{width:20px;height:20px}.alb-lb-x{top:max(16px,env(safe-area-inset-top,0px));right:16px}.alb-lb-nav{top:50%;transform:translateY(-50%)}.alb-lb-nav.prev{left:16px}.alb-lb-nav.next{right:16px}.alb-lb-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 20px calc(18px + env(safe-area-inset-bottom, 0px));display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:rgba(255,255,255,.88)}.alb-lb-cap .n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(255,255,255,.6)}.alb-lb-acts{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center}.alb-lb-act{display:inline-flex;align-items:center;gap:7px;min-height:var(--tap-min);padding:8px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.alb-lb-act svg{width:15px;height:15px}.alb-lb-act:hover:not(:disabled){background:rgba(255,255,255,.2)}.alb-lb-act.is-on{background:var(--accent);border-color:var(--accent)}.alb-lb-act:disabled{opacity:.4;cursor:not-allowed}.alb-lb-pw{display:inline-flex;align-items:center;gap:6px}.alb-lb-pw input{min-height:var(--tap-min);font-size:16px;padding:6px 10px;width:150px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff}.alb-lb-pw input::placeholder{color:rgba(255,255,255,.6)}@media (max-width:520px){.alb-lb-cap{flex-wrap:wrap}}.albgate{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:var(--cream,#fbf7f1);color:var(--ink,#1a140c)}.albgate-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;text-align:center}.albgate-card>svg{width:34px;height:34px;color:var(--accent,#b08d57)}.albgate-card h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:25px;letter-spacing:-.01em}.albgate-card p{margin:0 0 4px;font-size:14px;color:var(--ink-2,#5c5043)}.albgate-card input{width:100%;min-height:var(--tap-min);font-size:16px;padding:11px 14px;border-radius:var(--radius-md,10px);border:1px solid var(--line,#ebe2d6);background:var(--surface,#fff);color:inherit}.albgate-card input:focus-visible{outline:2px solid var(--accent,#b08d57);outline-offset:1px}.albgate-card .alb-btn{width:100%;justify-content:center}.albgate-card .alb-btn.primary{background:var(--accent,#b08d57)}.albgate-err{font-size:13px;color:#b91c1c}.pc{--accent:#1f6feb;min-height:100vh;background:var(--bg);color:var(--text)}[data-theme=dark] .pc{--accent:#5b9cff}.pc-bar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:16px 28px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.pc-bar .mono{width:34px;height:34px;border-radius:var(--radius-md);background:var(--ink-950);color:var(--white);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:21px;text-decoration:none}[data-theme=dark] .pc-bar .mono{background:var(--white);color:var(--ink-950)}.pc-bar .tt{font-family:var(--font-display);font-weight:600;font-size:17px}.pc-bar .sp{margin-left:auto}.pc-bar .theme-toggle{margin-top:0}.pc-wrap{max-width:760px;margin:0 auto;padding:36px 28px 80px}.pc-head h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4vw,38px);letter-spacing:-.02em;margin:0 0 8px}.pc-head p{font-size:15px;color:var(--text-3);line-height:1.55;max-width:560px;margin:0 0 26px}.pc-residency{display:flex;gap:15px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:30px}.pc-residency .ic{width:40px;height:40px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);display:grid;place-items:center;flex:none}.pc-residency .ic svg{width:21px;height:21px}.pc-residency .rn{font-size:14px;font-weight:600}.pc-residency .rd{font-size:13px;color:var(--text-2);margin-top:2px}.pc-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);padding:26px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.pc-card .ch{display:flex;align-items:center;gap:12px;margin-bottom:6px}.pc-card .ch .ci{width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:grid;place-items:center;flex:none}.pc-card .ch .ci svg{width:19px;height:19px}.pc-card .ch h2{font-family:var(--font-display);font-weight:600;font-size:19px;margin:0;flex:1 1;min-width:0}.pc-card .cdesc{font-size:14px;color:var(--text-3);line-height:1.55;margin:0 0 18px}.btn-accent{background:var(--accent);color:#fff;border:1px solid transparent}.btn-accent:hover{filter:brightness(1.08)}.export-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.export-row .field{flex:1 1;min-width:220px;margin-bottom:0}.export-prep{display:none;margin-top:18px}.export-prep.show{display:block}.export-prep .pl{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);margin-bottom:12px}.export-prep .spin{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:pc-spin .7s linear infinite}@keyframes pc-spin{to{transform:rotate(1turn)}}.export-ready{display:none;margin-top:18px;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--color-success) 32%,var(--border));background:color-mix(in srgb,var(--color-success) 6%,var(--surface));border-radius:var(--radius-lg);padding:16px 18px}.export-ready.show{display:flex}.export-ready .ic{width:38px;height:38px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success);display:grid;place-items:center;flex:none}.export-ready .et{flex:1 1}.export-ready .en{font-size:14px;font-weight:600}.export-ready .ed{font-size:12px;color:var(--text-3);font-family:var(--font-mono);margin-top:2px}.pref-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border)}.pref-row:first-of-type{border-top:none}.pref-row .pt{flex:1 1}.pref-row .pn{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.pref-row .pd{font-size:13px;color:var(--text-3);margin-top:2px;line-height:1.45}.pref-actions{display:flex;gap:10px;margin-top:20px}.pc-danger{border-color:color-mix(in srgb,var(--color-danger) 38%,var(--border));background:color-mix(in srgb,var(--color-danger) 5%,var(--surface))}.pc-danger .ch .ci{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.cb-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:0 16px 16px;pointer-events:none;display:flex;justify-content:center}.cb{pointer-events:all;max-width:660px;width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:0 8px 40px rgba(0,0,0,.18);padding:20px 20px 16px;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}[data-theme=dark] .cb{box-shadow:0 8px 40px rgba(0,0,0,.5)}.cb-body{flex:1 1;min-width:200px}.cb-title{font-size:15px;font-weight:600;font-family:var(--font-display);margin:0 0 6px;color:var(--text)}.cb-text{font-size:13px;line-height:1.5;margin:0}.cb-link,.cb-text{color:var(--text-2)}.cb-link{text-decoration:underline;padding:14px 2px;margin:-14px -2px}.cb-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.cb-btn{min-height:var(--tap-min);padding:0 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);transition:opacity .15s;white-space:nowrap}.cb-btn:hover{opacity:.82}.cb-accept{background:var(--ink-950);color:var(--white);border-color:transparent}[data-theme=dark] .cb-accept{background:var(--white);color:var(--ink-950)}.cb-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.cb-toggle input{opacity:0;width:0;height:0}.cb-slider{position:absolute;inset:0;background:var(--border-strong);border-radius:12px;transition:background .2s}.cb-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.cb-toggle input:checked+.cb-slider{background:var(--ink-950)}[data-theme=dark] .cb-toggle input:checked+.cb-slider{background:var(--white)}[data-theme=dark] .cb-toggle input:checked+.cb-slider:before{background:var(--ink-950)}.cb-toggle input:checked+.cb-slider:before{transform:translateX(20px)}.cb-toggle input:focus-visible+.cb-slider{outline:2px solid var(--ink-950);outline-offset:2px}