:root{--ink:#1c2419;--moss:#2f4536;--moss-deep:#1f2f24;--cream:#f4efe3;--paper:#fbf8f0;--amber:#dd8a3c;--amber-soft:#f0c98a;--clay:#b5512f;--sage:#8a9a82;--line:#dcd5c2;--good:#3f7d54;--bad:#b5512f}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Spline Sans Mono,monospace;background:var(--paper);color:var(--ink)}h1,h2,h3{font-family:Fraunces,serif;font-weight:600;line-height:1.1}.app-shell{max-width:430px;margin:0 auto;min-height:100%;background:var(--paper);position:relative;display:flex;flex-direction:column}.app-body{flex:1;overflow-y:auto;padding-bottom:90px}.btn{display:block;width:100%;border:none;cursor:pointer;font-family:Spline Sans Mono,monospace;font-weight:600;font-size:15px;padding:16px;border-radius:16px;background:var(--moss);color:var(--cream)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.amber{background:var(--amber);color:var(--moss-deep)}.btn.ghost{background:transparent;color:var(--moss);box-shadow:inset 0 0 0 1.5px var(--line)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--moss);margin-bottom:7px;font-weight:500}.field input{width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:14px;padding:14px;font-family:Spline Sans Mono,monospace;font-size:15px;color:var(--ink)}.field input:focus{outline:none;border-color:var(--moss)}.topbar{display:flex;align-items:center;gap:14px;padding:20px 22px 8px}.topbar h2{font-size:19px}.error-msg{background:#f6e3dc;border-left:3px solid var(--clay);color:var(--clay);font-size:13px;padding:11px 13px;border-radius:0 10px 10px 0;margin-bottom:14px}.loading{padding:40px;text-align:center;color:var(--sage);font-size:13px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;background:var(--paper);border-top:1.5px solid var(--line);padding:10px 8px 22px}.tabbar a{flex:1;text-align:center;text-decoration:none;font-size:10px;letter-spacing:.04em;color:var(--sage);display:flex;flex-direction:column;align-items:center;gap:4px}.tabbar a .ti{font-size:18px}.tabbar a.active{color:var(--moss);font-weight:600}.pad{padding:22px}.live-card{border-radius:18px;padding:20px;background:linear-gradient(150deg,#33493a,#1f2f24);color:var(--cream);position:relative;overflow:hidden}.live-card .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9fb29c}.live-card .big{font-family:Fraunces,serif;font-weight:900;font-size:36px;margin:6px 0 2px}.live-card .sub{font-size:12px;color:var(--amber-soft)}