:root{--bg:#0e0f12;--panel:#171a1f;--muted:#9aa3b2;--text:#f5f7fb;--accent:#f3c623;--accent-2:#29a3ff;--ok:#2ecc71;--bad:#e74c3c;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#0e0f12,#121419);color:var(--text);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.screen{max-width:920px;margin:0 auto;padding:24px}.header-wrapper{width:100vw;margin:0 -24px;overflow:hidden}.header{margin:0 24px;display:flex;gap:24px;align-items:center;background:var(--panel);border-radius:var(--radius);padding:20px 24px;box-shadow:0 10px 30px #00000040}.header .title{flex:1}.header .subtitle{color:var(--muted);margin:6px 0 2px}.header .balance{font-size:42px;font-weight:800;letter-spacing:.3px;margin:6px 0 14px}.header .cta{background:var(--accent);border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.header .cta:hover{filter:brightness(1.05)}.header .art img{width:240px;height:auto;border-radius:50%;border:2px solid #2b2d34;background:#0b0c10}.list{margin-top:24px;background:var(--panel);padding:16px 12px;border-radius:var(--radius)}.list h2{margin:8px 12px 16px}.tx{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;margin:6px 4px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.tx .purpose{font-weight:600}.tx .meta{color:var(--muted);font-size:12px;margin-top:4px}.tx .amount{font-weight:800}.tx .amount.credit{color:var(--ok)}.tx .amount.debit{color:var(--bad)}.empty,.loading,.end,.error{padding:12px 16px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--panel);border-radius:16px;max-width:560px;width:100%;padding:18px 18px 14px;border:1px solid rgba(255,255,255,.08)}.modal h3{margin:8px 6px 12px}.options{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px}.opt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.opt.active{border-color:var(--accent)}.opt input{margin-right:8px}.opt .amt{color:var(--muted)}textarea{width:100%;min-height:84px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0f1116;color:var(--text);padding:10px;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;color:var(--text)}button.cta{background:var(--accent);border:0;border-radius:12px;padding:10px 14px;font-weight:700;color:#141414;cursor:pointer}:root{--gold1:#fce38a;--gold2:#f8c12e;--gold3:#d89b00;--gold-shadow: rgba(0,0,0,.35)}.gold-loader{position:relative;display:grid;place-items:center;gap:10px}.gold-loader.lg{height:160px}.gold-loader.sm{height:72px;transform:scale(.8)}.gold-loader .coin-flip{width:64px;height:64px;border-radius:999px;background:radial-gradient(55% 55% at 35% 35%,#fff8 0%,transparent 50%),radial-gradient(circle at 65% 60%,var(--gold1),var(--gold2) 60%,var(--gold3) 100%);box-shadow:inset 0 0 0 3px #ffffff40,0 8px 18px var(--gold-shadow);transform-style:preserve-3d;animation:coinFlip 1.1s cubic-bezier(.45,.1,.55,.9) infinite;will-change:transform;perspective:700px}.gold-loader .coin-flip:before,.gold-loader .coin-flip:after{content:"";position:absolute;inset:0;border-radius:inherit}.gold-loader .coin-flip:before{box-shadow:inset 0 0 0 8px #0000001f}.gold-loader .coin-flip:after{background:radial-gradient(circle at 50% 50%,transparent 60%,rgba(0,0,0,.12) 62%)}.gold-loader .coin-stack{position:absolute;bottom:6px;display:flex;gap:6px;filter:drop-shadow(0 6px 10px var(--gold-shadow))}.gold-loader .coin-stack .coin{width:26px;height:10px;border-radius:50%;background:radial-gradient(70% 70% at 50% 35%,var(--gold1),var(--gold2) 60%,var(--gold3) 100%);border:1px solid rgba(0,0,0,.2);transform-origin:center;animation:coinBob 1.4s ease-in-out infinite}.gold-loader .coin-stack .c1{animation-delay:0ms;transform:translateY(0)}.gold-loader .coin-stack .c2{animation-delay:.12s;transform:translateY(2px)}.gold-loader .coin-stack .c3{animation-delay:.24s;transform:translateY(1px)}.gold-loader .coin-stack .c4{animation-delay:.36s;transform:translateY(3px)}.gold-loader .sparkle{position:absolute;width:6px;height:6px;border-radius:2px;background:radial-gradient(circle,#fff 0%,#fff7 60%,transparent 70%);animation:sparkle 1.2s ease-in-out infinite}.gold-loader .sparkle.s1{top:12px;right:32px;animation-delay:80ms}.gold-loader .sparkle.s2{top:26px;left:26px;animation-delay:.26s}.gold-loader .gold-label{font-weight:700;color:var(--muted);font-size:14px;letter-spacing:.2px}@media(prefers-reduced-motion:reduce){.gold-loader .coin-flip,.gold-loader .coin-stack .coin,.gold-loader .sparkle{animation:none}.gold-loader .gold-label:after{content:"Загрузка…";margin-left:6px}}@keyframes coinFlip{0%{transform:rotateY(0) translateZ(0) scale(1)}50%{transform:rotateY(180deg) translateZ(6px) scale(1.04)}to{transform:rotateY(360deg) translateZ(0) scale(1)}}@keyframes coinBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sparkle{0%,to{transform:scale(.8) rotate(0);opacity:.8}50%{transform:scale(1.15) rotate(45deg);opacity:1}}.screen .gold-loader{margin-top:40px}.list .gold-loader.sm{margin:12px auto}