:root{--bg:#fff;--surface:#f4f0eb;--panel:#fff;--ink:#33231a;--muted:#8a8a8a;--brand:#4a3527;--brand-pressed:#33231a;--soft:#e8e1d9;--disabled-bg:#e5dfd7;--disabled-ink:#b3a99e;--placeholder:#c4b4a6;--accent-muted:#a89383;--ok:#2f7d4f;--bad:#b3402e;--canvas:#efeff0;--card:#f5f5f5;--nudge:#e7e7ea;--nudge-label:#8a8a8a;--glass-fill:#2319126b;--glass-border:#fff3;--radius-post:32px;--shadow-xs:0 8px 40px #33231a0f;--radius-picture:26px;--warm-100:#f4f0eb;--warm-300:#dbd0c5;--warm-500:#a89383;--warm-600:#8b7161;--warm-700:#6a5040}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);letter-spacing:-.2px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font:16px/20px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body.canvas{background:var(--canvas)}main.with-tabs{padding-bottom:calc(110px + env(safe-area-inset-bottom))}main{max-width:480px;padding:calc(20px + env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom));margin:0 auto}h1{letter-spacing:-.6px;margin:0 0 4px;font-size:28px;line-height:34px}h2{margin:0 0 8px;font-size:17px}ol,p{margin:0 0 10px}ol{padding-left:22px}a{color:var(--brand)}section{background:var(--surface);border-radius:16px;margin-top:14px;padding:16px}.button,button{background:var(--brand);color:#fff;width:100%;min-height:52px;font:inherit;letter-spacing:-.4px;text-align:center;cursor:pointer;border:0;border-radius:26px;margin-top:8px;padding:15px 16px;font-size:18px;font-weight:600;line-height:22px;text-decoration:none;display:block}.button:active,button:active{background:var(--brand-pressed)}.button.secondary,button.secondary{background:var(--soft);color:var(--brand)}button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:default}button.choice{border:1.5px solid var(--brand);color:var(--ink);background:0 0;font-size:16px}button.choice[aria-pressed=true]{background:var(--brand);color:#fff}button.link{min-height:44px;color:var(--brand);background:0 0;font-size:16px;font-weight:600}input{background:var(--surface);width:100%;min-height:52px;color:var(--ink);font:inherit;border:0;border-radius:26px;margin-top:8px;padding:14px 20px;font-size:16px}input::placeholder{color:var(--placeholder)}input:focus{outline:2px solid var(--accent-muted)}code{word-break:break-all;font-size:13px}.muted{color:var(--muted);font-size:14px}.ok{color:var(--ok)}.bad,.ok{font-weight:600}.bad{color:var(--bad)}dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px;display:grid}.step-lead,dt{color:var(--muted)}dd{word-break:break-word;text-align:right;margin:0}.step{flex-direction:column;min-height:100dvh;display:flex}.step-body{flex:1}.step-actions{padding-top:16px}.step-title{letter-spacing:-.6px;margin:16px 0 8px;font-size:22px;font-weight:700;line-height:28px}.step-lead{margin:0 0 24px;font-size:16px;line-height:20px}.badge{width:44px;height:44px}.back,.badge{background:var(--soft);color:var(--brand);border-radius:50%;place-items:center;display:grid}.back{width:36px;height:36px;min-height:0;margin:0;padding:0}.notice{color:var(--muted);font-size:14px}.error{color:var(--bad);font-size:14px;font-weight:600}.admin{max-width:960px;color:var(--ink);margin:0 auto;padding:16px 20px 64px;font-size:15px}.admin h1{margin:12px 0 16px;font-size:26px}.admin h2{margin:0 0 10px;font-size:18px}.admin-top{border-bottom:1px solid var(--soft);flex-wrap:wrap;align-items:center;gap:8px 20px;padding-bottom:12px;display:flex}.admin-top .brand{color:var(--ink);font-weight:700;text-decoration:none}.admin-top nav{gap:16px;display:flex}.admin-top nav a{color:var(--muted);font-weight:600;text-decoration:none}.admin-top nav a.router-link-exact-active{color:var(--brand)}.admin-top .who{color:var(--muted);margin-left:auto;font-size:13px}.admin .back-link{color:var(--muted);margin-top:12px;text-decoration:none;display:inline-block}.admin .panel{border:1px solid var(--soft);background:var(--panel);border-radius:12px;margin:16px 0;padding:16px}.admin .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin .grow{flex:1;min-width:200px}.admin label{color:var(--muted);gap:4px;font-size:13px;font-weight:600;display:grid}.admin input,.admin select,.admin textarea{border:1px solid var(--soft);width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;margin:0;padding:8px 10px;font-size:15px}.admin textarea{resize:vertical;min-height:70px;line-height:20px}.admin input::-moz-placeholder{color:var(--placeholder)}.admin textarea::-moz-placeholder{color:var(--placeholder)}.admin input::placeholder,.admin textarea::placeholder{color:var(--placeholder)}.admin input:focus,.admin select:focus,.admin textarea:focus{outline:2px solid var(--accent-muted)}.admin .button,.admin button{letter-spacing:0;border-radius:8px;width:auto;min-height:36px;margin:0;padding:7px 14px;font-size:14px;line-height:20px;display:inline-block}.admin .quiet{background:var(--soft);color:var(--brand)}.admin button.danger{color:var(--bad);background:0 0}.admin button.icon{min-width:36px;padding:7px 8px}.admin .pill,.admin button.icon{background:var(--soft);color:var(--brand)}.admin .pill{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.admin .pill.published{color:var(--ok);background:#dcefe3}.admin .pill.premium{color:#7a5a12;background:#f6e7c4}.admin .muted{font-size:13px}.admin .error{margin:8px 0}.admin table{border-collapse:collapse;width:100%}.admin th{color:var(--muted);text-align:left;text-transform:uppercase;padding:8px;font-size:12px}.admin td{border-top:1px solid var(--soft);vertical-align:middle;padding:10px 8px}.admin td a{color:var(--ink);font-weight:600}
