:root{--wood-950:#1b130c;--wood-900:#241a11;--wood-850:#2e231a;--wood-800:#3a2c1f;--wood-700:#4a3826;--bark:#5b4632;--copper:#c98a4b;--copper-300:#e0b079;--copper-600:#a96a35;--ember:#c2613a;--cream:#f1e6d2;--cream-100:#fbf5e9;--cream-200:#efe1c8;--ink:#2c2117;--ink-soft:#7a6a55;--ink-faint:#a8957a;--pine:#3d6b4f;--pine-deep:#2f5340;--clay:#9c4a32;--gold:#d9a441;--gold-deep:#9a7320;--gold-deep-2:#8a6516;--live:#7abe8c;--line:#e3d4b8;--line-soft:#ece0c8;--font-display:"Zilla Slab", Georgia, serif;--font-script:"Caveat", "Comic Sans MS", cursive;--font-body:"Hanken Grotesk", system-ui, sans-serif;--shadow-card:0 1px 2px rgba(43,33,23,.05), 0 6px 16px rgba(43,33,23,.07);--shadow-pop:0 8px 30px rgba(27,19,12,.28);--wood-950-rgb:27,19,12;--bark-rgb:91,70,50;--copper-rgb:201,138,75;--copper-300-rgb:224,176,121;--copper-600-rgb:169,106,53;--cream-100-rgb:251,245,233;--ink-rgb:44,33,23;--pine-rgb:61,107,79;--clay-rgb:156,74,50;--gold-rgb:217,164,65;--live-rgb:122,190,140}:root[data-theme=feltcard]{--wood-950:#0c211a;--wood-900:#14352a;--wood-850:#1d4636;--wood-800:#245040;--wood-700:#2e5e4b;--bark:#3f6c56;--copper:#a5303c;--copper-300:#e0a2a4;--copper-600:#8c2833;--ember:#c2613a;--cream:#f7f3e8;--cream-100:#fffcf2;--cream-200:#efe8d6;--ink:#26231c;--ink-soft:#75705f;--ink-faint:#a09880;--pine:#3d6b4f;--pine-deep:#2f5340;--clay:#9c4a32;--gold:#cfa14a;--gold-deep:#937124;--gold-deep-2:#846319;--live:#7abe8c;--line:#e3ddcb;--line-soft:#ece6d6;--shadow-card:0 1px 2px rgba(28,35,28,.05), 0 6px 16px rgba(28,35,28,.07);--shadow-pop:0 8px 30px rgba(12,28,21,.28);--wood-950-rgb:12,33,26;--bark-rgb:63,108,86;--copper-rgb:165,48,60;--copper-300-rgb:224,162,164;--copper-600-rgb:140,40,51;--cream-100-rgb:255,252,242;--ink-rgb:38,35,28;--pine-rgb:61,107,79;--clay-rgb:156,74,50;--gold-rgb:207,161,74;--live-rgb:122,190,140}*{box-sizing:border-box}html,body{margin:0;padding:0}.app{height:100%;display:flex;flex-direction:column;background:var(--cream);color:var(--ink);font-family:var(--font-body);position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:repeating-linear-gradient(90deg,rgba(var(--pine-rgb),.022) 0 2px,transparent 2px 7px),radial-gradient(140% 120% at 50% 0%,transparent 60%,rgba(var(--pine-rgb),.06) 100%)}.screen{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;-webkit-overflow-scrolling:touch}.screen::-webkit-scrollbar{width:0}.pad{padding:18px 18px 28px}.topbar{position:relative;z-index:2;padding-top:56px;background:linear-gradient(180deg,var(--wood-850) 0%,var(--wood-900) 100%);color:var(--cream-100);border-bottom:2px solid var(--copper-600);box-shadow:0 4px 18px rgba(var(--wood-950-rgb),.3);flex-shrink:0}.topbar-row{display:flex;align-items:center;gap:12px;padding:6px 16px 14px}.topbar .eyebrow{font-family:var(--font-script);font-size:21px;line-height:1;color:var(--copper-300);transform:rotate(-2deg);margin-bottom:1px}.topbar .title{font-family:var(--font-display);font-weight:700;font-size:25px;line-height:1.05;letter-spacing:.2px}.topbar .sub{font-size:12.5px;color:rgba(var(--cream-100-rgb),.6);margin-top:3px;font-weight:500}.topbar-btn{width:40px;height:40px;flex-shrink:0;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(var(--copper-300-rgb),.14);border:1px solid rgba(var(--copper-300-rgb),.25);color:var(--copper-300);cursor:pointer;transition:all .15s}.topbar-btn:active{transform:scale(.92);background:rgba(var(--copper-300-rgb),.26)}.bottomnav{flex-shrink:0;position:relative;z-index:3;display:flex;justify-content:space-around;align-items:stretch;background:linear-gradient(180deg,var(--wood-850) 0%,var(--wood-950) 100%);border-top:2px solid var(--copper-600);padding:10px 8px 26px;box-shadow:0 -6px 22px rgba(var(--wood-950-rgb),.32)}.navitem{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 0;color:rgba(var(--cream-100-rgb),.5);font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2px;transition:color .15s}.navitem svg{width:23px;height:23px}.navitem.active{color:var(--copper-300)}.navitem .dot{width:4px;height:4px;border-radius:50%;background:var(--copper);opacity:0}.navitem.active .dot{opacity:1}.btn{font-family:var(--font-body);font-weight:700;font-size:15px;border-radius:14px;padding:13px 18px;cursor:pointer;border:1.5px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,box-shadow .15s,background .15s;line-height:1}.btn:active{transform:scale(.975)}.btn-primary{background:linear-gradient(180deg,#c4414e,var(--copper));color:var(--cream-100);box-shadow:0 2px 0 var(--copper-600),0 6px 14px rgba(var(--copper-600-rgb),.32);border-color:var(--copper-600)}.btn-primary:active{box-shadow:0 1px 0 var(--copper-600),0 3px 8px rgba(var(--copper-600-rgb),.3)}.btn-secondary{background:var(--cream-100);color:var(--wood-800);border-color:var(--line);box-shadow:0 1px 2px rgba(var(--ink-rgb),.05)}.btn-wood{background:linear-gradient(180deg,var(--wood-700),var(--wood-850));color:var(--copper-300);border-color:var(--wood-950);box-shadow:0 2px 8px rgba(var(--wood-950-rgb),.25)}.btn-ghost{background:transparent;color:var(--copper-600);border-color:transparent}.btn-block{display:flex;width:100%}.btn-sm{padding:9px 13px;font-size:13px;border-radius:11px}.btn:disabled{opacity:.45;cursor:default}.card{background:var(--cream-100);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-card);position:relative}.card-pad{padding:16px}.card-wood{background-color:var(--wood-850);background-image:linear-gradient(165deg,var(--wood-800),var(--wood-900));border:1px solid var(--wood-950);color:var(--cream-100);border-radius:18px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.chip{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:11px;letter-spacing:.3px;padding:3px 9px;border-radius:999px;text-transform:uppercase;line-height:1.4;white-space:nowrap}.chip .pip{width:6px;height:6px;border-radius:50%}.chip-exp{background:rgba(var(--pine-rgb),.13);color:var(--pine-deep)}.chip-exp .pip{background:var(--pine)}.chip-nov{background:rgba(var(--copper-600-rgb),.1);color:var(--copper-600)}.chip-nov .pip{background:var(--copper-600)}.chip-new{background:rgba(var(--clay-rgb),.13);color:var(--clay)}.chip-new .pip{background:var(--clay)}.chip-reg{background:rgba(var(--bark-rgb),.1);color:var(--bark)}.chip-reg .pip{background:var(--bark)}.chip-ghost{background:transparent;color:var(--ink-faint);border:1px dashed var(--line)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:#fff;flex-shrink:0;box-shadow:inset 0 0 0 1.5px #ffffff38,0 1px 2px #0000002e;letter-spacing:.3px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.input{width:100%;font-family:var(--font-body);font-size:16px;font-weight:500;padding:13px 14px;border-radius:13px;border:1.5px solid var(--line);background:var(--cream-100);color:var(--ink);transition:border .15s,box-shadow .15s}.input::placeholder{color:var(--ink-faint);font-weight:400}.input:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px rgba(var(--copper-rgb),.14)}.seg{display:flex;gap:5px;background:var(--cream-200);padding:4px;border-radius:13px;border:1px solid var(--line)}.seg button{flex:1;border:none;background:none;cursor:pointer;padding:9px 6px;font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--ink-soft);border-radius:10px;transition:all .15s}.seg button.on{background:var(--cream-100);color:var(--wood-800);box-shadow:0 1px 3px rgba(var(--ink-rgb),.12)}.sec-label{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:9px;margin:4px 0 12px}.sec-label:after{content:"";flex:1;height:1px;background:var(--line)}.divline{height:1px;background:var(--line);margin:14px 0;border:0}.pin-digits{display:flex;gap:9px;justify-content:center}.pin-digit{width:50px;height:64px;border-radius:13px;background:var(--cream-100);border:1.5px solid var(--copper);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:34px;color:var(--wood-800);box-shadow:inset 0 -3px rgba(var(--copper-rgb),.18)}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.stack{display:flex;flex-direction:column}.muted{color:var(--ink-soft)}.mono{font-family:Hanken Grotesk,monospace;font-variant-numeric:tabular-nums}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.fade-in{animation:fade .35s ease both}@keyframes fade{0%{transform:translateY(9px);opacity:.55}to{transform:none;opacity:1}}.pop-in{animation:pop .3s cubic-bezier(.2,1.3,.4,1) both}@keyframes pop{0%{transform:scale(.965);opacity:.6}to{transform:none;opacity:1}}