:root{--bg:#1e1b2e;--bg-elevated:#2a2540;--paper:#f5ede4;--paper-line:#e4d8c8;--ink:#2c2018;--ink-soft:#6b5d50;--gold:#d9a544;--gold-soft:#e8c077;--berry:#9c3d54;--cream:#f0e6d8;--muted:#948aa3}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{font-family:Inter,sans-serif}.fraunces{font-family:Fraunces,serif}.mono{font-family:IBM Plex Mono,monospace}.container{max-width:760px;margin:0 auto;padding:0 24px 96px}.hero{text-align:center;padding:56px 24px 40px}.hero h1{color:var(--cream);margin:12px 0;font-size:2.4rem;line-height:1.2}.eyebrow{letter-spacing:.15em;color:var(--gold);font-size:12px}.subhead{color:var(--muted);max-width:480px;margin:0 auto 28px;font-size:15px}.tab-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:999px;margin:0 6px;padding:12px 24px;font-family:IBM Plex Mono,monospace;font-size:12px}.tab-btn.active{background:var(--gold);color:#1e1b2e}.note-card{background:var(--paper);color:var(--ink);border-radius:3px 3px 10px 10px;margin-bottom:24px;padding:24px;position:relative;box-shadow:0 10px 24px #00000059,0 2px 4px #0003}.tape{background:#d9a5448c;border:1px solid #d9a5444d;width:64px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg)}.seal{background:var(--berry);width:34px;height:34px;color:var(--cream);letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}label.field-label{color:var(--ink-soft);margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}input,textarea,select{border:1px solid var(--paper-line);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px}.chip{color:var(--berry);cursor:pointer;background:#9c3d541a;border:1px solid #9c3d5440;border-radius:999px;margin:0 6px 6px 0;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;display:inline-block}.chip.active{background:var(--berry);color:var(--cream)}.btn-primary{background:var(--berry);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-family:IBM Plex Mono,monospace;font-size:12px}.error-box{color:var(--berry);background:#9c3d541f;border:1px solid #9c3d544d;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:14px}.success-box{color:#8a6420;background:#d9a54426;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:14px}.footer-links{border-top:1px solid #d9a54426;justify-content:center;gap:24px;margin-top:48px;padding-top:24px;display:flex}.footer-links a{color:var(--muted);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:11px;text-decoration:none}.suggestion-list{border:1px solid var(--paper-line);background:#fff;border-radius:6px;max-height:220px;margin-top:4px;overflow-y:auto}.suggestion-item{cursor:pointer;border-bottom:1px solid var(--paper-line);padding:8px 12px}.suggestion-item:hover{background:#faf5ee}button{-webkit-tap-highlight-color:transparent}.btn-primary,.tab-btn,.chip{transition:transform 80ms,opacity 80ms}.btn-primary:active,.tab-btn:active,.chip:active{transform:scale(.95)}.btn-primary:disabled{opacity:.65;cursor:default;transform:none}