@font-face{font-family:Qrco;src:url('../gumiec-urban.regular.otf') format('opentype');font-display:swap}
:root{color-scheme:light;--paper:#faf9fc;--ink:#252429;--muted:#6e6878;--line:#25242920;--accent:#7151dd;--brand:#17141c}
:root[data-palette-theme=dark]{color-scheme:dark;--paper:#15121e;--ink:#f6f1fc;--muted:#b7adca;--line:#f6f1fc25;--accent:#b5a0ff;--brand:#fff000}
@media(prefers-color-scheme:dark){:root:not([data-palette-theme=light]){color-scheme:dark;--paper:#15121e;--ink:#f6f1fc;--muted:#b7adca;--line:#f6f1fc25;--accent:#b5a0ff;--brand:#fff000}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.brand{font:44px/1 Qrco,sans-serif;text-decoration:none;color:var(--brand)}.site-top{display:flex;align-items:center;gap:32px;padding:24px 4vw;border-bottom:1px solid var(--line)}.header-note{color:var(--muted);font-size:12px}.site-top nav{margin-left:auto;display:flex;align-items:center;gap:22px}.site-top button{background:none;border:0;font-size:12px;padding:10px 0}.open-editor{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:7px;text-decoration:none;font-size:13px}.shell{max-width:1360px;margin:auto;padding:0 4vw}.section-kicker{color:var(--muted);font-size:10px;letter-spacing:.18em;font-weight:700}.hero{padding:70px 0 36px}.hero h1{font-size:clamp(38px,5.8vw,80px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:24px 0;max-width:1050px;overflow-wrap:anywhere}.hero h1 span{display:block;font:italic .78em/1.3 Georgia,serif;color:var(--accent);letter-spacing:-.04em;margin-top:9px}.hero>p{color:var(--muted);font-size:14px}.hero-strip{display:flex;min-height:235px;border-radius:14px;overflow:hidden;margin-top:38px}.hero-strip a{flex:1;min-width:0;background:var(--swatch);color:var(--on);padding:16px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:flex .2s}.hero-strip a:hover{flex:1.25}.hero-strip small{font-size:10px;letter-spacing:.1em}.hero-strip strong{font:12px monospace}.palette-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:12px}
.color-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:16px 0;background:var(--paper);border-bottom:1px solid var(--line);margin-bottom:38px}.color-nav>span{font-size:9px;letter-spacing:.14em;margin-right:auto;white-space:nowrap}.color-nav a{display:flex;align-items:center;gap:6px;text-decoration:none;font:10px monospace;min-height:36px;border-radius:5px;padding:4px}.color-nav i{display:block;width:23px;height:23px;border-radius:4px;background:var(--swatch);box-shadow:inset 0 0 0 1px #8883}.color-nav a[aria-current]{outline:2px solid var(--accent);outline-offset:2px}
.color-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;padding:24px 0 70px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:75px}.color-cover{position:sticky;top:105px;align-self:start;min-height:520px;border-radius:14px;background:var(--swatch);color:var(--on);padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.cover-top,.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.cover-top{font-size:10px;letter-spacing:.12em}.copy{background:transparent;border:1px solid currentColor;border-radius:50px;padding:9px 12px;font-size:10px}.color-cover h2{font:italic clamp(36px,4.5vw,66px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}.cover-bottom strong{font:24px monospace}.cover-bottom>span{font-size:10px;text-align:right}.color-workbench h3{font-size:36px;font-weight:500;line-height:1.13;letter-spacing:-1.2px;margin:12px 0 20px}em{font-family:Georgia,serif;font-weight:400}.color-workbench h3 em,.closing h2 em{color:var(--accent)}.lede{font-size:13px;color:var(--muted);margin:0 0 28px}.tool{border-top:1px solid var(--line)}summary{padding:17px 2px;cursor:pointer;color:var(--muted);font-size:11px;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--ink);font-size:14px;margin-left:13px}summary:after{content:'+';float:right;color:var(--ink);font-size:19px;line-height:1}details[open]>summary:after{content:'−'}.hint{color:var(--muted);font-size:12px;margin:0 0 15px}.tone-strip,.variant-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 20px}.tone{background:var(--swatch);color:var(--on);min-height:65px;border:0;border-radius:5px;padding:12px 4px;font:10px monospace}.tone[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}
.type-proof{background:var(--swatch);color:var(--on);padding:24px;border-radius:10px;margin-top:20px}.proof-mast,.proof-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.proof-mast b{font-size:14px;letter-spacing:-.06em}.proof-mast>span{font-size:7px;letter-spacing:.15em}.type-proof>p{font-size:38px;letter-spacing:-.045em;line-height:1.1;margin:46px 0}.proof-foot{font-size:10px}.proof-foot code{font-size:11px}.proof-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 22px}.proof-actions button,.proof-actions a{border:0;background:none;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.measurements{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 20px}.measurements dt{font-size:10px;color:var(--muted)}.measurements dd{margin:3px 0;font:12px monospace}.text-samples{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-samples p{font:36px Georgia,serif;border-radius:6px;padding:20px 14px;margin:0 0 15px}.text-samples small{display:block;font:10px Arial,sans-serif;margin-top:14px}
.closing{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:15px 0 60px}.closing h2{font-weight:500;font-size:30px;line-height:1.2;letter-spacing:-1px}.closing p{color:var(--muted);font-size:13px;max-width:400px}.related{display:grid;grid-template-columns:1fr 1fr;gap:18px}.related-card{text-decoration:none;min-width:0;font-size:12px}.mini{display:flex;height:64px;border-radius:7px;overflow:hidden;margin-bottom:8px}.mini i{flex:1}.page-footer{border-top:1px solid var(--line);padding:30px 4vw;display:flex;justify-content:space-between;align-items:center;gap:15px}.page-footer>span{font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);border-radius:30px;font-size:12px;padding:12px 20px;z-index:10;pointer-events:none}.toast:empty{display:none}
@media(max-width:1000px){.color-nav a>span{display:none}.header-note{display:none}.color-cover{min-height:460px}.hero-strip a{padding:12px 6px}.hero-strip strong{font-size:10px}}
@media(max-width:700px){.site-top{padding:18px 5vw;gap:12px}.brand{font-size:35px}.site-top nav{gap:12px}.site-top .open-editor{padding:10px;font-size:11px}.site-top button{font-size:11px}.shell{padding:0 5vw}.hero{padding:36px 0 20px}.hero h1{font-size:42px}.hero-strip{min-height:145px;margin-top:25px;border-radius:9px}.hero-strip strong{writing-mode:vertical-rl;font-size:11px}.palette-meta{font-size:10px;flex-wrap:wrap}.color-nav{gap:6px;margin-bottom:18px;padding:12px 0}.color-nav>span{font-size:8px;letter-spacing:0}.color-nav a{flex:1;min-width:0;justify-content:center;padding:4px 1px}.color-nav i{width:100%;max-width:32px;height:30px}.color-chapter{display:block;padding:0 0 30px;margin-bottom:30px}.color-cover{position:static;min-height:285px;padding:22px;gap:38px}.color-cover h2{font-size:46px}.cover-bottom strong{font-size:22px}.color-workbench{padding-top:30px}.color-workbench h3{font-size:32px}.closing{grid-template-columns:1fr;gap:40px}.type-proof>p{font-size:40px}.page-footer{padding:24px 5vw}.page-footer>span{max-width:150px;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}