:root{--ink: #1c1e22;--ink-2: #24272c;--ink-3: #2d3138;--slate: #2e4057;--slate-2: #7c93ac;--stone: #8b93a1;--stone-dark: #5c6470;--sand: #d8cbb8;--paper: #f4f2ee;--line: rgba(244, 242, 238, .22);--shadow-1: 0 2px 6px rgba(0, 0, 0, .3);--shadow-2: 0 6px 18px rgba(0, 0, 0, .42);--cut: 16px;--font-display: "Author", -apple-system, "Segoe UI", Arial, sans-serif;--font-body: "Author", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "Martian Mono", ui-monospace, "SF Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--paper);background:radial-gradient(1200px 700px at 50% -15%,#262a30,var(--ink) 70%);font-family:var(--font-body);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}.bg-lines{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.bg-lines path{fill:none;stroke:var(--slate-2);stroke-width:2;stroke-opacity:.22}.page{position:relative;max-width:46rem;margin:0 auto;padding:2rem 1.25rem 5rem}@media(min-width:720px){.page{padding:3rem 1.5rem 6rem}}.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.eyebrow{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-2);margin:0 0 .9rem}.eyebrow:before{content:"";width:22px;height:1px;background:var(--sand)}h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 .5rem;font-size:clamp(1.6rem,6vw,2.4rem)}.sub{color:var(--stone);font-size:.92rem;margin:0 0 2rem;line-height:1.5}.card{background:var(--line);padding:2px;margin-bottom:1.1rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));transition:transform .15s ease,filter .15s ease}.card:hover{transform:translateY(-2px);filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.card__inner{background:var(--ink-2);padding:1.4rem 1.3rem}.card__head{display:flex;align-items:center;gap:.6rem;margin:0 0 .3rem}.card__mark{width:.85rem;height:.85rem;flex:none;display:block}.card__mark path{fill:var(--sand)}.card__title{font-family:var(--font-display);font-weight:800;font-size:1.2rem;margin:0}.card__help{margin-left:auto;flex:none;width:1.15rem;height:1.15rem;padding:0;border-radius:50%;border:1px solid var(--stone);background:transparent;color:var(--stone);font-family:var(--font-mono);font-weight:600;font-size:.72rem;line-height:1;box-shadow:none}.card__help:hover,.card__help[aria-expanded=true]{border-color:var(--sand);color:var(--sand);background:transparent;transform:none;box-shadow:none}.card__helptext{margin-top:.9rem}.field{margin-bottom:1.1rem}.field:last-child{margin-bottom:0}.field__label{display:block;font-size:1rem;color:var(--paper);opacity:.95;margin-bottom:.4rem;line-height:1.45}.field__hint{margin:-.15rem 0 .5rem;font-size:.86rem;color:var(--stone);line-height:1.45}.field input,.field textarea{width:100%;color:var(--paper);color-scheme:dark;background:var(--ink);border:1px solid var(--line);padding:.6rem .75rem;font:inherit;font-size:1.02rem;border-radius:3px;box-shadow:inset 0 1px 3px #00000059;transition:border-color .12s ease,box-shadow .12s ease}::placeholder{color:var(--stone);opacity:.75}input:focus,textarea:focus{outline:none;border-color:var(--sand);box-shadow:inset 0 1px 3px #00000059,0 0 0 3px #d8cbb82e}textarea{resize:vertical;min-height:4rem}.row{display:flex;gap:.8rem;flex-wrap:wrap}.row>.field{flex:1;min-width:9rem}.opts{display:flex;flex-wrap:wrap;gap:.55rem}.opt{--bd: var(--line);--fill: var(--ink-3);font:inherit;font-size:1rem;cursor:pointer;padding:2px;border:none;background:var(--bd);transition:transform .12s ease}.opt>span{display:block;padding:.7rem 1.05rem;background:var(--fill);color:var(--paper)}.opt:hover{--bd: var(--slate-2);transform:translateY(-1px)}.opt:active{transform:translateY(0)}.opt--on{--bd: var(--stone);--fill: var(--stone)}.opt--on>span{color:var(--ink);font-weight:600}.opt:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.opt-outro{margin-top:.6rem}.note{margin:.7rem 0 0;padding:.7rem .9rem;background:var(--ink-3);border-left:3px solid var(--sand);font-size:.9rem;line-height:1.45;color:var(--paper)}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.8rem 0}button{font:inherit;font-weight:600;font-size:1rem;cursor:pointer;border:1px solid var(--sand);background:var(--sand);color:var(--ink);padding:.8rem 1.4rem;box-shadow:var(--shadow-1);transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}button:active{transform:translateY(0);box-shadow:var(--shadow-1)}button.ghost{background:transparent;color:var(--paper);border-color:var(--line)}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.send-msg{margin:.1rem 0 0;font-size:.95rem;line-height:1.4}.send-msg--ok{color:var(--slate-2)}.send-msg--err{color:#d98b8b}.out{background:var(--paper);color:var(--ink);padding:1.6rem;font-family:var(--font-mono);font-size:.82rem;white-space:pre-wrap;line-height:1.6;max-height:22rem;overflow-y:auto}.back{margin-bottom:1.6rem;padding:.5rem .9rem;box-shadow:none;background:transparent;color:var(--stone);border:1px solid var(--line);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em}.back:hover{color:var(--paper);border-color:var(--slate-2);transform:none;box-shadow:none}.back:active{transform:none}.intro-how{list-style:none;margin:0 0 2rem;padding:0;color:var(--stone);font-size:.95rem;line-height:1.5}.intro-how li{position:relative;padding-left:1.1rem;margin-bottom:.4rem}.intro-how li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--sand)}.intro-how strong{color:var(--paper);font-weight:600}.entry-desc{color:var(--stone);font-size:.95rem;line-height:1.5;margin:0 0 1.1rem}.badge{display:inline-block;margin:0 0 .7rem;padding:.25rem .7rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em}.badge--ok{background:var(--sand);color:var(--ink);font-weight:600}.badge--wip{background:transparent;color:var(--slate-2);border:1px solid var(--slate-2)}.progress{display:flex;align-items:center;gap:.7rem;margin:0 0 1.1rem}.progress__track{flex:1;height:6px;background:var(--ink);border:1px solid var(--line);overflow:hidden}.progress__track span{display:block;height:100%;background:var(--sand);transition:width .2s ease}.progress__label{flex:none;font-family:var(--font-mono);font-size:.72rem;color:var(--stone)}@media print{body{background:#fff;color:#000}.card,.actions,.nav{display:none}.out{max-height:none;overflow:visible}}