@font-face{font-family:Jost;font-weight:300;src:url(/fonts/jost_light.ttf) format("truetype");font-display:swap}
@font-face{font-family:Jost;font-weight:400;src:url(/fonts/jost_regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:Jost;font-weight:500;src:url(/fonts/jost_medium.ttf) format("truetype");font-display:swap}
@font-face{font-family:Jost;font-weight:600;src:url(/fonts/jost_semibold.ttf) format("truetype");font-display:swap}
:root{--bg:#0A0A0A;--s1:#101010;--s2:#161514;--s3:#1D1B19;--s4:#282522;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);--gold-line:rgba(214,176,118,.38);
--g100:#F2E3C6;--g300:#E4C392;--g500:#C4A068;--g700:#8F6D3E;--g900:#3E3220;--text:#F2EEE7;--text2:#BDB6AA;--text3:#8F887C;--ink:#14100A;--ok:#8FBF9F;--err:#E58A7A;
--gold:linear-gradient(135deg,#7F6034 0%,#E8C795 26%,#B38A52 50%,#F1D8A8 74%,#8A6A3A 100%)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.45 Jost,system-ui,sans-serif;min-height:100%}
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#app{min-height:100vh;display:flex;flex-direction:column}
h1,h2,h3{font-weight:500;margin:0}
.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 16px;text-align:center}
.mark{width:84px;height:auto}.wordmark{width:180px;height:auto}
.card{background:var(--s2);border:1px solid var(--line);border-radius:16px;padding:16px;width:100%;max-width:440px;text-align:left}
.btn{appearance:none;border:0;border-radius:14px;padding:14px 20px;font:500 16px Jost,sans-serif;color:var(--ink);background:var(--gold);cursor:pointer;min-height:48px;width:100%;max-width:440px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btn.ghost{background:transparent;color:var(--g300);border:1px solid var(--gold-line)}
.btn:disabled{opacity:.5}
.err{color:var(--err)}.muted{color:var(--text3)}.ok{color:var(--ok)}
.code{font-size:34px;letter-spacing:.2em;color:var(--g100);font-weight:600;text-align:center;margin:8px 0}
.links{display:flex;flex-direction:column;gap:10px;width:100%;max-width:440px}
.top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--s1);position:sticky;top:0}
.top h1{flex:1;font-size:20px}
.icon-btn{background:none;border:1px solid var(--line2);color:var(--text2);border-radius:12px;min-width:44px;min-height:44px;font:500 15px Jost,sans-serif;cursor:pointer}
main{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:760px;margin:0 auto}
.tabs{display:flex;background:var(--s1);border-top:1px solid var(--line);position:sticky;bottom:0}
.tabs a{flex:1;text-align:center;padding:12px 4px;color:var(--text3);text-decoration:none;font-weight:500;min-height:48px}
.tabs a[aria-current=page]{color:var(--g300);box-shadow:inset 0 2px 0 var(--g500)}
.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}
.banner{background:var(--g900);color:var(--g100);border-radius:12px;padding:10px 14px}