@font-face{font-family:"DM Serif Display";src:url(../fonts/dm-serif-display-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(../fonts/geist-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--violet: #973ffb;--deep-violet: #5e1da8;--ink: #141019;--cream: #f7f4ef;--display: "DM Serif Display", Georgia, "Times New Roman", serif;--body: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--line: color-mix(in srgb, var(--ink) 12%, var(--cream));--line-strong: color-mix(in srgb, var(--ink) 26%, var(--cream));--muted: color-mix(in srgb, var(--ink) 58%, var(--cream));--panel: color-mix(in srgb, var(--ink) 3.5%, var(--cream));--focus: var(--deep-violet)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--cream);padding:10px 16px;z-index:100}.skip:focus{left:8px;top:8px}.app{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.rail{border-right:1px solid var(--line);background:var(--panel);padding:20px;display:flex;flex-direction:column;gap:22px;max-height:100vh;overflow-y:auto;position:sticky;top:0}.main{padding:28px 32px 80px;min-width:0}.brandmark{display:flex;align-items:baseline;gap:8px}.brandmark h1{font-family:var(--display);font-size:26px;font-weight:400;letter-spacing:-.01em}.brandmark span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;font:inherit;font-weight:500;color:var(--muted);padding:8px 14px;cursor:pointer}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--violet)}.group{border:0}.group>legend{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;margin-bottom:12px}.field>label{font-size:12.5px;color:var(--ink)}.field .val{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.field input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--violet);margin:0;height:20px}.field.inert{opacity:.36}select,input[type=number],input[type=text]{font:inherit;font-size:13px;color:var(--ink);background:var(--cream);border:1px solid var(--line-strong);border-radius:3px;padding:6px 8px;width:100%}.row{display:flex;gap:8px;flex-wrap:wrap}.toggles{display:flex;flex-wrap:wrap;gap:6px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:12px;font-weight:500;padding:5px 10px;border:1px solid var(--line-strong);border-radius:999px;background:var(--cream);color:var(--ink);cursor:pointer}.chip[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:var(--cream)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:3px;border:1px solid var(--ink);background:var(--ink);color:var(--cream);cursor:pointer}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.swatches{display:flex;gap:6px}.swatch{width:34px;height:34px;border-radius:3px;border:1px solid var(--line-strong);cursor:pointer;padding:0;position:relative}.swatch[aria-pressed=true]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--ink);border-radius:5px}.stage{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel)}.stage svg{display:block;width:100%;height:auto}.recipe{display:flex;gap:8px;align-items:center;margin-top:12px}.recipe input{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.meta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;flex-wrap:wrap}.meta h2{font-family:var(--display);font-size:30px;font-weight:400;line-height:1.1}.meta p{color:var(--muted);max-width:52ch}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--deep-violet);border:1px solid color-mix(in srgb,var(--deep-violet) 30%,var(--cream));border-radius:999px;padding:3px 8px}.note{font-size:12px;color:var(--muted);margin-top:8px}.family-head{display:flex;align-items:baseline;gap:10px;margin:26px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.family-head h3{font-family:var(--display);font-size:20px;font-weight:400}.family-head p{font-size:12.5px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font:inherit;background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:0;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.card:hover{border-color:var(--line-strong)}.card[aria-current=true]{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.card .thumb{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}.card .body{padding:10px 12px 12px}.card .body strong{font-family:var(--display);font-size:17px;font-weight:400;display:block}.card .body span{font-size:12px;color:var(--muted);display:block;margin-top:2px}.specimen{background:var(--cream)}.spec-head{border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.spec-head h2{font-family:var(--display);font-size:34px;font-weight:400}.spec-head p{color:var(--muted);font-size:12.5px}.spec-item{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start;break-inside:avoid}.spec-item h3{font-family:var(--display);font-size:21px;font-weight:400}.spec-item .desc{font-size:12.5px;color:var(--muted);margin:2px 0 8px}.spec-item .id{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--muted);margin-top:6px}.spec-item svg{display:block;width:100%;height:auto;border:1px solid var(--line)}@media print{.rail,.tabs,.no-print{display:none!important}.app{grid-template-columns:1fr}.main{padding:0}.spec-item{grid-template-columns:180px 1fr}}@media(max-width:900px){.app{grid-template-columns:1fr}.rail{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.main{padding:20px 16px 60px}}