:root{--bg: #172031;--card: #1E2D40;--card2: #162033;--cream: #EAE3D8;--muted: #617A96;--dim: #3D5168;--amber: #E8A838;--sage: #4E7A62;--rose: #B86A6A;--border: #263547;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg);overscroll-behavior:none}body{font-family:var(--font-sans);color:var(--cream);display:flex;justify-content:center;min-height:100dvh;overflow-x:hidden}#root{width:100%;max-width:430px;min-height:100dvh;position:relative}.screen{width:100%;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;padding:0 22px;padding-top:max(env(safe-area-inset-top,0px),44px);padding-bottom:max(env(safe-area-inset-bottom,0px),24px)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;color:var(--muted);font-size:11px;font-family:var(--font-mono)}.app-label{font-size:9px;color:var(--amber);letter-spacing:.16em;font-family:var(--font-sans);font-weight:500;margin-bottom:10px}.screen-heading{font-family:var(--font-serif);font-size:26px;font-weight:400;color:var(--cream);line-height:1.2;margin-bottom:8px}.screen-subtitle{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:28px}.section-label{font-size:9px;color:var(--muted);letter-spacing:.14em;margin-bottom:7px;font-weight:500}.card{background:var(--card);border-radius:14px;padding:16px;border:.5px solid var(--border)}.btn-primary{width:100%;padding:17px;background:var(--amber);color:var(--bg);border:none;border-radius:14px;font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;letter-spacing:.02em;transition:transform .1s,opacity .1s}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-sage{width:100%;padding:17px;background:var(--sage);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:transform .1s,opacity .1s}.btn-sage:active{transform:scale(.98);opacity:.9}.btn-muted{width:100%;padding:17px;background:var(--card);color:var(--cream);border:.5px solid var(--border);border-radius:14px;font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:transform .1s}.btn-muted:active{transform:scale(.98)}.btn-ghost{width:100%;padding:12px;background:transparent;color:var(--rose);border:none;font-size:14px;font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em}.spacer{flex:1}.divider{height:.5px;background:var(--border);margin:16px 0}