:root{--bg: #0e1311;--bg-raise: #171e1b;--line: #2c3832;--text: #e7ece8;--muted: #9aa89f;--accent: #d6ff4a;--accent-ink: #152008;--paper: #f7f4ee;--paper-ink: #1a211c;--paper-muted: #3e4a44;--paper-line: #e4dfd4;--paper-card: #fffcf7;--danger: #ffb4a8;--danger-ink: #6e221c;--shadow: 0 24px 60px rgba(0, 0, 0, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:radial-gradient(900px 420px at 0% -10%,rgba(214,255,74,.09),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input,textarea{font:inherit}.skip{position:absolute;left:12px;top:12px;transform:translateY(-150%);background:var(--accent);color:var(--accent-ink);padding:8px 12px;border-radius:8px;z-index:2}.skip:focus{transform:none}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.kicker{margin:0 0 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}h1{margin:0;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.02}.deck{margin:12px 0 0;color:var(--muted);max-width:36ch}form{margin-top:22px}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}label{font-size:.92rem}.clear{border:0;background:none;color:var(--muted);padding:0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.composer{display:flex;flex-direction:column;gap:8px}input[type=text]{flex:1;min-width:0;color:var(--text);background:var(--bg-raise);border:1px solid var(--line);border-radius:10px;padding:12px 14px;min-height:48px}input::placeholder{color:#6e7c74}.primary,.chip,.texty{min-height:44px;border-radius:10px;cursor:pointer}.primary{border:0;background:var(--accent);color:var(--accent-ink);font-weight:600;padding:0 16px;min-height:48px}.primary:disabled{background:#24302a;color:#7d8c83;cursor:not-allowed}.chip,.texty{background:transparent;color:var(--text);border:1px solid var(--line)}.examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{padding:0 12px;color:var(--muted)}.chip[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tab{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.tab[aria-selected=true]{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.fine{margin:22px 0 0;color:var(--muted);font-size:.85rem;max-width:36ch}.paper{background:var(--paper);color:var(--paper-ink);color-scheme:light;border-radius:18px;padding:28px 28px 20px;box-shadow:var(--shadow);min-height:28rem}.for{margin:0 0 18px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;color:var(--paper-muted);overflow-wrap:anywhere}.readout{margin:0 0 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#5c4a28}h2{margin:0 0 12px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:clamp(1.7rem,3vw,2.15rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.lede{margin:0 0 22px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.12rem;line-height:1.45;max-width:62ch}.points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.point{margin:0;background:var(--paper-card);border:1px solid var(--paper-line);border-radius:12px;padding:14px 14px 16px}.num{display:block;margin-bottom:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.08em;color:#6a5428}h3{margin:0 0 6px;font-size:1.05rem;font-family:Iowan Old Style,Palatino,Georgia,serif}.point p,.lede,.for{overflow-wrap:anywhere}.point p{margin:0;color:var(--paper-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.92rem;line-height:1.45}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}.texty{color:var(--paper-ink);border-color:#cfc8ba;padding:0 14px;font-family:ui-sans-serif,system-ui,sans-serif}.notice{margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;color:var(--paper-muted)}.notice.error{color:var(--danger-ink)}.fallback{display:block;width:100%;margin-top:12px;min-height:9rem;border-radius:10px;border:1px solid #cfc8ba;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--paper-ink);background:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary:focus-visible{outline-color:#fff}@media(min-width:960px){.shell{display:grid;grid-template-columns:340px minmax(0,1fr);column-gap:28px;align-items:start;padding-top:36px}.rail{grid-column:1;grid-row:1}.paper{grid-column:2;grid-row:1 / span 2}.fine{grid-column:1;grid-row:2}}@media(max-width:959px){.shell{display:flex;flex-direction:column}.paper{order:1;margin-top:18px}.fine{order:2}}@media(max-width:720px){.shell{width:min(100% - 24px,1120px);padding-top:20px}.paper{padding:18px 16px 16px;border-radius:14px}.points{grid-template-columns:1fr}.deck,.fine{max-width:none}}@media(prefers-reduced-motion:reduce){.skip{transition:none}}@media print{body{background:#fff;color:#000}.skip,.rail,.actions,.fallback{display:none}.shell{display:block;width:auto;margin:0;padding:0}.paper{box-shadow:none;border-radius:0;padding:0}.section[hidden]{display:block!important}.section{break-inside:avoid;margin-bottom:24px}}
