:root{--bg:#0d0b0a;--surface:#15110e;--surface-2:#1d1814;--line:#c9a96e29;--line-strong:#c9a96e57;--text:#f3ece0;--muted:#b8ab97;--faint:#7f7465;--accent:#c9a96e;--accent-hi:#e4cb96;--accent-soft:#c9a96e1f;--green:#a9ba9b;--green-soft:#a9ba9b24;--amber:#d8a866;--amber-soft:#d8a86624;--parked:#8d8579;--never:#c77f73;--never-soft:#c77f7324;--radius:18px;--serif:"Didot", "Bodoni 72", "Bodoni 72 Oldstyle", "Bodoni Moda", "Playfair Display", ui-serif, Georgia, serif;--sans:"Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);letter-spacing:.005em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;min-height:100vh;margin:0}body:after{content:"";pointer-events:none;z-index:100;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}h1,h2,h3{font-family:var(--serif);letter-spacing:.01em;margin:0 0 .45em;font-weight:400;line-height:1.12}h1{font-size:2.35rem}h2{font-size:1.6rem}h3{font-size:1.22rem}p{margin:0 0 .85em}strong{font-weight:600}.display{overflow-wrap:anywhere;letter-spacing:.02em;background:linear-gradient(#f6efe2 20%,#c9a96e 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.3em;font-size:clamp(2.4rem,13vw,4.2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--accent);margin:0 0 10px;font-size:.68rem}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.86rem}.tiny{letter-spacing:.2em;text-transform:uppercase;font-size:.68rem}.error{color:var(--never);margin-top:12px}.rule{background:linear-gradient(90deg, transparent, var(--line-strong), transparent);height:1px;margin:24px 0}.page{max-width:540px;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 100px);margin:0 auto;position:relative}.page.plain{padding-bottom:calc(env(safe-area-inset-bottom) + 36px)}.page.over{padding-top:0}.hero{height:36vh;min-height:220px;margin-bottom:-70px;position:relative;overflow:hidden}.hero.tall{height:56vh;min-height:340px;margin-bottom:-120px}.hero:before{content:"";background:var(--img) var(--pos,center) / cover no-repeat;filter:saturate(.75)sepia(.18)brightness(.78)contrast(1.06);animation:24s ease-in-out infinite alternate drift;position:absolute;inset:0;transform:scale(1.02)}.hero:after{content:"";background:linear-gradient(180deg, #0d0b0a59 0%, #0d0b0a1a 35%, #0d0b0abf 72%, var(--bg) 94%);position:absolute;inset:-2px}.hero-inner{z-index:1;max-width:540px;margin:0 auto;padding:0 20px;position:absolute;bottom:84px;left:0;right:0}@keyframes drift{to{transform:scale(1.08)translateY(-1.5%)}}@media (prefers-reduced-motion:reduce){.hero:before{animation:none}}.card{background:linear-gradient(180deg, #ffffff07, #fff0 60%), var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:18px;box-shadow:0 24px 48px -36px #000000e6}.card.warm{border-color:var(--line-strong);background:linear-gradient(135deg, #c9a96e29, #c9a96e05 55%), var(--surface)}.card.tap{cursor:pointer;color:var(--text)}.stack>*+*{margin-top:10px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center;place-items:center;min-height:70vh;display:grid}hr{background:linear-gradient(90deg, transparent, var(--line-strong), transparent);border:none;height:1px;margin:22px 0}button{font:inherit;color:var(--text);border:1px solid var(--line);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;background:#ffffff08;border-radius:999px;padding:11px 18px;transition:border-color .2s,background .2s,color .2s,transform .1s}button:active{transform:scale(.985)}button:disabled{opacity:.4;cursor:default}button.primary{color:#16100a;background:linear-gradient(#e6cd98,#b8955a);border-color:#0000;font-weight:600;box-shadow:0 10px 26px -14px #c9a96eb3}button.ghost{background:0 0}button.link{color:var(--accent);background:0 0;border:none;border-radius:0;padding:0}button.block{width:100%}button.sel{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hi)}button.danger{color:var(--never);background:0 0;border-color:#c77f7380}input,textarea,select{font:inherit;color:var(--text);border:1px solid var(--line);background:#00000061;border-radius:12px;width:100%;padding:12px 14px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:90px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c9a96e24}button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}input[type=range]{accent-color:var(--accent);background:0 0;border:none;padding:0}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}label{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:16px 0 7px;font-size:.72rem;display:block}label.check{color:var(--text);text-transform:none;letter-spacing:0;align-items:center;gap:10px;font-size:.95rem;display:flex}label.check input{width:18px}.pin{letter-spacing:.7em;text-align:center;padding-left:.7em;font-size:1.6rem}.code{font-family:var(--mono);letter-spacing:.1em;color:var(--accent-hi);text-align:center;border:1px dashed var(--line-strong);word-break:break-all;-webkit-user-select:all;user-select:all;background:#c9a96e0d;border-radius:14px;margin:14px 0;padding:18px 12px;font-size:1.12rem}.codefield{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{white-space:nowrap;padding:8px 15px;font-size:.88rem}.pill{color:var(--muted);letter-spacing:.03em;background:#ffffff0d;border-radius:999px;padding:3px 10px;font-size:.72rem;display:inline-block}.pill.green{background:var(--green-soft);color:var(--green)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.never{background:var(--never-soft);color:var(--never)}.pill.accent{background:var(--accent-soft);color:var(--accent-hi)}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stances{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stances button{border-radius:14px;padding:13px 4px;font-size:.9rem}.stances .yes.sel{border-color:var(--green);background:var(--green-soft);color:var(--green)}.stances .curious.sel{border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.stances .never.sel{border-color:var(--never);background:var(--never-soft);color:var(--never)}nav.tabs{-webkit-backdrop-filter:blur(18px)saturate(1.2);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20;background:#0d0b0adb;position:fixed;bottom:0;left:0;right:0}nav.tabs .inner{grid-template-columns:repeat(6,1fr);max-width:540px;margin:0 auto;display:grid}nav.tabs button{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);background:0 0;border:none;border-radius:0;justify-items:center;gap:5px;padding:12px 0 13px;font-size:.6rem;display:grid}nav.tabs button.on{color:var(--accent-hi)}nav.tabs svg{stroke:currentColor;fill:none;stroke-width:1.3px;width:21px;height:21px}.banner{background:var(--accent-soft);border:1px solid var(--line-strong);border-radius:14px;margin-bottom:14px;padding:11px 15px;font-size:.92rem}.sheet-back{z-index:90;-webkit-backdrop-filter:blur(4px);background:#000000a8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:540px;max-height:90vh;padding:24px 20px calc(env(safe-area-inset-bottom) + 26px);border:1px solid var(--line-strong);background:linear-gradient(#c9a96e0f,#0000 140px),#15110e;border-bottom:none;border-radius:26px 26px 0 0;overflow-y:auto}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 88px);color:#16100a;z-index:95;background:linear-gradient(#e6cd98,#c4a268);border-radius:14px;max-width:calc(100vw - 32px);padding:11px 18px;font-size:.9rem;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px -20px #000000e6}.progress{background:var(--line);border-radius:2px;height:2px;margin-bottom:24px;overflow:hidden}.progress div{background:linear-gradient(90deg,#b8955a,#e6cd98);height:100%;transition:width .3s}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{text-align:left;border-radius:var(--radius);background:linear-gradient(180deg, #ffffff08, transparent), var(--surface);flex-direction:column;justify-content:space-between;gap:8px;min-height:108px;padding:15px;display:flex}.tile strong{font-family:var(--serif);font-size:1.05rem;font-weight:400;line-height:1.2}.tile.sel{border-color:var(--accent);background:linear-gradient(135deg, #c9a96e33, #c9a96e0a), var(--surface)}.beat{border-left:1px solid var(--line-strong);padding:4px 0 18px 18px;position:relative}.beat:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:-4px;box-shadow:0 0 12px 2px #c9a96e8c}.ornament.svelte-7cn4ew{max-width:100%;margin:2px 0 22px;display:block}