:root{--env-0:#080b12;--env-1:#0c1019;--tnt-blue:#4d9eff;--tnt-blue-deep:#0a3d91;--tnt-red:#ff3b4d;--tnt-red-deep:#8f0f1b;--tnt-gold:#ffc24d;--tnt-green:#3be58c;--glass-fill:#000000b8;--glass-fill-strong:#000000d1;--glass-fill-sunken:#0000008c;--glass-edge:#ffffff1a;--glass-edge-bright:#fff3;--glass-blur:20px;--tint-fill:#000000d1;--tint-fill-strong:#000000e6;--tint-edge:#ffffff14;--tint-edge-bright:#ffffff29;--ink:#f2f5fb;--ink-2:#b9c3d8;--ink-3:#7c89a6;--font-display:"Bebas Neue", Impact, sans-serif;--font-body:"Inter", sans-serif;--r-lg:20px;--r-md:14px;--r-sm:10px}.tnt-env{min-height:100dvh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1100px 700px at 82% -12%, #4d9eff57, transparent 60%), radial-gradient(900px 650px at -12% 108%, #ff3b4d38, transparent 55%), radial-gradient(700px 500px at 108% 78%, #ffc24d29, transparent 55%), var(--env-0);background-attachment:fixed;position:relative}.tnt-env:before,.tnt-env:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14 45%,#b4d2ff1f 50%,#ffffff14 55%,#0000);width:55vmax;height:160vmax;animation:26s ease-in-out infinite alternate beamdrift;position:fixed;top:50%;left:50%;transform:translate(-70%,-50%)rotate(24deg)}.tnt-env:after{background:linear-gradient(90deg,#0000,#ff3b4d14 48%,#ffc89617 52%,#0000);width:30vmax;animation:34s ease-in-out infinite alternate beamdrift2;transform:translate(10%,-50%)rotate(24deg)}@keyframes beamdrift{to{transform:translate(-30%,-50%)rotate(24deg)}}@keyframes beamdrift2{to{transform:translate(45%,-50%)rotate(24deg)}}.tnt-env>*{z-index:1;position:relative}.g-card{border-radius:var(--r-lg);background:var(--glass-fill);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6);backdrop-filter:blur(var(--glass-blur)) saturate(1.6);box-shadow:0 24px 48px -16px #0009, inset 0 1px 0 var(--glass-edge-bright), inset 0 -1px 1px #00000059;isolation:isolate;transition:transform .12s,border-color .25s;position:relative;overflow:hidden}.g-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff21 0%,#ffffff0a 22%,#0000 42%);position:absolute;inset:0}.g-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff24 49%,#bed7ff1a 52%,#0000 62%);position:absolute;inset:-2px;transform:translate(-160%)}@media (hover:hover){.g-card:hover:after{transition:transform .9s cubic-bezier(.2,.6,.2,1);transform:translate(160%)}}.g-card:active:after{transition:transform .55s ease-out;transform:translate(160%)}.g-card--tap{cursor:pointer}.g-card--tap:active{transform:scale(.99)}.g-card--tap:hover{border-color:#ffffff42}.g-card--deep{background:var(--glass-fill-strong);box-shadow:0 32px 64px -16px #000000b3,inset 0 1px #fff6,inset 0 -2px 2px #0006}.g-card--tint{background:var(--tint-fill);border-color:var(--tint-edge);box-shadow:0 24px 48px -16px #000000bf, inset 0 1px 0 var(--tint-edge-bright), inset 0 -1px 1px #00000080}.g-card--tint.g-card--deep{background:var(--tint-fill-strong)}.g-display{font-family:var(--font-display);letter-spacing:.04em;font-weight:400;line-height:.95}.g-chrome{background:linear-gradient(178deg,#fff 0%,#e8eefa 20%,#a9b9d6 36%,#5e6e8e 48%,#26314c 51%,#71829f 56%,#cbd6ec 70%,#f6f9ff 84%,#9aacc9 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 2px #00000080)drop-shadow(0 8px 18px #00000073);-webkit-background-clip:text;background-clip:text}.g-eyebrow{letter-spacing:.34em;color:var(--ink-3);text-transform:uppercase;font-size:11px;font-weight:700}.g-h1{font-family:var(--font-display);letter-spacing:.05em;font-size:clamp(30px,7vw,42px)}.g-h2{font-family:var(--font-display);letter-spacing:.06em;font-size:22px}.g-sub{color:var(--ink-2);font-size:13px;line-height:1.55}.g-micro{color:var(--ink-3);font-size:11px}.g-icon{border:1px solid var(--glass-edge);background:radial-gradient(circle at 50% 30%,#ffffff38,#0000 60%),linear-gradient(165deg,#ffffff1a,#00000040);border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 1px #ffffff59,0 8px 20px #0006}.g-icon svg{width:22px;height:22px;stroke:var(--ink)}.g-icon--blue{background:radial-gradient(circle at 50% 30%,#4d9eff80,#0000 70%),linear-gradient(165deg,#ffffff1a,#00000040);border-color:#8cc3ffcc;box-shadow:inset 0 1px #fff6,0 0 34px #4d9efff2,0 0 70px #4d9eff66,0 8px 20px #0006}.g-icon--blue svg{stroke:#cfe4ff}.g-icon--red{background:radial-gradient(circle at 50% 30%,#ff3b4d80,#0000 70%),linear-gradient(165deg,#ffffff1a,#00000040);border-color:#ff96a0cc;box-shadow:inset 0 1px #fff6,0 0 34px #ff3b4de6,0 0 70px #ff3b4d61,0 8px 20px #0006}.g-icon--red svg{stroke:#ffd0d5}.g-icon--gold{background:radial-gradient(circle at 50% 30%,#ffc24d80,#0000 70%),linear-gradient(165deg,#ffffff1a,#00000040);border-color:#ffd68ccc;box-shadow:inset 0 1px #fff6,0 0 34px #ffc24de6,0 0 70px #ffc24d61,0 8px 20px #0006}.g-icon--gold svg{stroke:#ffecc7}.g-icon--green{background:radial-gradient(circle at 50% 30%,#3be58c80,#0000 70%),linear-gradient(165deg,#ffffff1a,#00000040);border-color:#8cf0b9cc;box-shadow:inset 0 1px #fff6,0 0 34px #3be58ce6,0 0 70px #3be58c61,0 8px 20px #0006}.g-icon--green svg{stroke:#cff8e2}@keyframes g-breathe{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.35)saturate(1.25)}}.g-icon{animation:3.6s ease-in-out infinite g-breathe}.g-btn--primary,.g-btn--danger{animation:4.8s ease-in-out infinite g-breathe}.g-btn{border-radius:var(--r-md);font:600 14px var(--font-body);color:var(--ink);background:var(--glass-fill-strong);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);box-shadow:inset 0 1px 0 var(--glass-edge-bright), inset 0 -1px 1px #00000059, 0 10px 24px -8px #0000008c;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:13px 20px;transition:transform .1s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.g-btn:before{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff29,#0000 45%);position:absolute;inset:0}.g-btn:active{transform:scale(.97)}.g-btn--primary{text-shadow:0 0 12px #ffffff80;background:linear-gradient(#4d9effc7,#1050bed9);border-color:#a0cdfff2;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px 1px #00001480,0 0 40px #4d9effd9,0 0 90px #4d9eff59,0 12px 28px -8px #0009}.g-btn--danger{text-shadow:0 0 12px #ffffff80;background:linear-gradient(#ff3b4dbf,#aa1220d9);border-color:#ffa0aaf2;box-shadow:inset 0 1px #fff9,inset 0 -1px 1px #14000080,0 0 40px #ff3b4dcc,0 0 90px #ff3b4d52,0 12px 28px -8px #0009}.g-btn--ghost{background:0 0;box-shadow:inset 0 1px #ffffff24}.g-btn[disabled]{opacity:.45;pointer-events:none}.g-label{letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.g-input,.g-select,.g-textarea{width:100%;font:400 15px var(--font-body);color:var(--ink);background:var(--glass-fill-sunken);border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;outline:none;padding:13px 14px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #00000073,inset 0 -1px #ffffff14}.g-input::placeholder{color:var(--ink-3)}.g-input:focus,.g-select:focus,.g-textarea:focus{border-color:#8cbeffd9;box-shadow:inset 0 2px 6px #00000073,0 0 0 3px #3d86ff4d,0 0 24px #3d86ff4d}.g-chip{font:700 11px var(--font-body);letter-spacing:.04em;background:var(--glass-fill);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;display:inline-flex;box-shadow:inset 0 1px #ffffff40}.g-chip:before{content:"";border-radius:50%;width:7px;height:7px}.g-chip--ok{color:#a5f5c8;border-color:#35c97a66}.g-chip--ok:before{background:var(--tnt-green);box-shadow:0 0 12px var(--tnt-green)}.g-chip--warn{color:#ffdf9e;border-color:#d9a93c66}.g-chip--warn:before{background:var(--tnt-gold);box-shadow:0 0 12px var(--tnt-gold)}.g-chip--bad{color:#ffb0b8;border-color:#e11d2e66}.g-chip--bad:before{background:var(--tnt-red);box-shadow:0 0 12px var(--tnt-red)}.g-chip--info{color:#b4d4ff;border-color:#3d86ff66}.g-chip--info:before{background:var(--tnt-blue);box-shadow:0 0 12px var(--tnt-blue)}.g-row{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.g-row:last-child{border-bottom:none}.g-row:active{background:#ffffff0d}.g-dock{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:40;background:var(--glass-fill-strong);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(28px)saturate(1.7);backdrop-filter:blur(28px)saturate(1.7);border-radius:24px;padding:8px 6px;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff47}.g-dock:before{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff1a,#0000 40%);position:absolute;inset:0}.g-dock a,.g-dock button{cursor:pointer;color:var(--ink-3);font:700 9.5px var(--font-body);letter-spacing:.08em;background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;text-decoration:none;transition:color .2s;display:flex}.g-dock svg{stroke:currentColor;width:21px;height:21px}.g-dock .is-active{color:#bfdbff;text-shadow:0 0 16px #3d86fff2,0 0 32px #3d86ff80}.g-scrim{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04060a80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:640px){.g-scrim{align-items:center}}.g-modal{width:100%;max-width:480px;padding:20px 18px max(20px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}@media (min-width:640px){.g-modal{border-radius:24px}}.g-divider{background:linear-gradient(90deg,#0000,#ffffff29,#0000);border:none;height:1px}.g-stat-num{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 0 24px #ffffff1f;font-size:38px;line-height:1}.g-money{color:#a9e8c6;text-shadow:0 0 20px #35c97a59}.g-owed{color:#ffb3bb;text-shadow:0 0 20px #e11d2e4d}@keyframes g-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.g-rise{animation:.5s cubic-bezier(.2,.7,.2,1) both g-rise}.g-rise-1{animation-delay:60ms}.g-rise-2{animation-delay:.12s}.g-rise-3{animation-delay:.18s}.g-rise-4{animation-delay:.24s}@media (prefers-reduced-motion:reduce){.tnt-env:before,.tnt-env:after{animation:none}.g-card:after{display:none}.g-rise,.g-icon,.g-btn--primary,.g-btn--danger{animation:none}}
