@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/inter-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/unbounded-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/unbounded-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/unbounded-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/unbounded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/unbounded-cyrillic-800-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/unbounded-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#0B0C12;--card:#151722;--line:#262A3D;--line2:#3A4056;--text:#F4F5FA;--mute:#9AA0B8;--mute2:#B8BED2;
  --lime:#C6F432;--violet:#8B7CFF;--teal:#3DE0D0;--gold:#FFC247;--rose:#FF7A8A;
  --safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}
body{min-height:100vh;min-height:100dvh}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.h{font-family:Unbounded,Inter,sans-serif;font-weight:700;letter-spacing:-.5px}
.mute{color:var(--mute)}
#app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden}
.splash{height:100vh;display:flex;align-items:center;justify-content:center}
.splash img{width:72px;height:72px;border-radius:20px;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.08);opacity:.7}}

.glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.page{position:relative;padding:calc(14px + var(--safe-t)) 18px calc(110px + var(--safe-b));min-height:100vh;min-height:100dvh}
.page>*{position:relative;z-index:1}
.page>.glow{position:absolute;z-index:0}
.row{display:flex;align-items:center;gap:10px}
.between{display:flex;align-items:center;justify-content:space-between;gap:10px}
.section{margin-top:20px}
.stitle{font-size:16px;font-weight:700;margin-bottom:10px}

/* header */
.hdr{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left}
.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;border:1px solid #3D5A1A;box-shadow:0 0 14px rgba(198,244,50,.2)}
.brand .name{font-family:Unbounded;font-weight:700;font-size:15px;color:var(--lime);letter-spacing:.5px}
.lvl{display:flex;align-items:center;gap:8px;margin-top:5px}
.lvl b{font-size:11px;color:var(--bg);background:var(--violet);border-radius:8px;padding:2px 7px}
.bar{height:6px;border-radius:4px;background:var(--line);overflow:hidden;width:74px}
.bar i{display:block;height:100%;background:var(--violet);border-radius:4px;transition:width .6s}
.pill{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:22px;height:44px;padding:0 14px;font-weight:700;font-size:14px}
.iconbtn{width:44px;height:44px;border-radius:14px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0}

/* tabs */
.tabs{display:flex;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:4px;gap:4px;margin-top:16px}
.tabs button{flex:1;height:40px;border:0;border-radius:12px;background:transparent;color:var(--mute);font-weight:600;font-size:14px;transition:background .2s,color .2s}
.tabs button.on{color:var(--bg);font-weight:700}

.total{margin-top:20px}
.total .lbl{font-size:13px;color:var(--mute)}
.total .num{font-family:Unbounded;font-weight:700;font-size:38px;line-height:1.15;margin-top:6px;letter-spacing:-1px;word-break:break-word}
.total .num small{font-size:20px;color:var(--mute);font-weight:500}
.chip-up{font-size:13px;font-weight:700;color:var(--bg);background:var(--lime);border-radius:8px;padding:3px 8px}

.actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.act{height:72px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;padding:0;transition:transform .12s}
.act:active,.card:active,.wal:active{transform:scale(.96)}

.wallets{display:flex;gap:12px;overflow-x:auto;margin:0 -18px;padding:2px 18px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.wallets::-webkit-scrollbar{display:none}
.wal{min-width:156px;height:100px;border-radius:20px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:var(--card);scroll-snap-align:start;text-align:left;transition:transform .12s;flex:none}
.wal .wn{font-size:12px;color:var(--mute2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.wal .wb{font-family:Unbounded;font-weight:700;font-size:18px;white-space:nowrap}
.wal.violet{background:linear-gradient(135deg,#6A4CFF,#2A1F6B);border-color:#5A48C8}
.wal.violet .wn{color:#E2DCFF}
.wal.teal{background:linear-gradient(135deg,#0F6E64,#10282A);border-color:#1E5E58}
.wal.gold{background:linear-gradient(135deg,#8A5A10,#2A2410);border-color:#6A4A10}
.wal.rose{background:linear-gradient(135deg,#8A2A44,#2A1520);border-color:#6A2A40}
.wal.add{border-style:dashed;border-color:var(--line2);align-items:center;justify-content:center;color:var(--mute);gap:6px;min-width:110px;font-size:13px;font-weight:600}

.card{border-radius:18px;background:var(--card);border:1px solid var(--line);padding:14px;transition:transform .12s}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:linear-gradient(135deg,#3A2F7A,#1B1F3A);border:1px solid #3A3480;width:100%;text-align:left}

/* ops */
.ops{display:flex;flex-direction:column}
.op{display:flex;align-items:center;gap:12px;padding:9px 0;background:none;border:0;text-align:left;width:100%}
.op .ic{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:none}
.op .t{flex:1;min-width:0;font-weight:600;font-size:15px}
.op .t div{font-size:12px;color:var(--mute);font-weight:400;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op .a{font-weight:700;font-size:15px;white-space:nowrap;text-align:right}
.op .a div{font-size:11px;color:var(--mute);font-weight:500}
.dayhdr{font-size:12px;color:var(--mute);font-weight:600;margin:16px 0 4px;text-transform:uppercase;letter-spacing:.5px}
.empty{padding:28px 10px;text-align:center;color:var(--mute);font-size:14px;line-height:1.5}
.empty img{width:72px;height:72px;border-radius:20px;display:block;margin:0 auto 12px;opacity:.9}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{height:40px;padding:0 15px;border-radius:20px;border:2px solid transparent;background:#222638;font-size:14px;font-weight:500}
.chip.on{border-color:var(--lime);background:#1E2A12;font-weight:700}
.chip.solid.on{background:var(--lime);color:var(--bg);border-color:var(--lime)}

/* nav */
.nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;height:calc(78px + var(--safe-b));padding-bottom:var(--safe-b);background:rgba(17,19,28,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;z-index:20}
.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:58px;height:56px;font-size:11px;color:var(--mute);font-weight:500}
.nav a.on{color:var(--lime);font-weight:700}
.nav .plus{width:58px;height:58px;border-radius:20px;background:var(--lime);margin-top:-30px;box-shadow:0 10px 26px rgba(198,244,50,.4);display:flex;align-items:center;justify-content:center;border:0;padding:0}

/* forms */
.field{margin-top:16px}
.field label,.flabel{display:block;font-size:13px;color:var(--mute);margin-bottom:8px}
.inp{width:100%;height:50px;border-radius:14px;background:#0F1119;border:1px solid var(--line);padding:0 14px;font-size:16px;outline:none;color:var(--text);-webkit-appearance:none;appearance:none}
.inp:focus{border-color:var(--violet)}
select.inp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239AA0B8' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.amount{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:8px}
.amount input{width:100%;max-width:260px;background:transparent;border:0;border-bottom:2px solid var(--line);font-family:Unbounded;font-weight:700;font-size:40px;text-align:center;outline:none;padding:0 0 6px;color:var(--text)}
.amount input:focus{border-color:var(--lime)}
.amount span{font-size:22px;color:var(--mute)}
.btn{width:100%;height:58px;border-radius:18px;border:0;background:var(--lime);color:var(--bg);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 26px rgba(198,244,50,.28);transition:transform .12s,opacity .2s}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.5}
.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn.danger{background:#2A1520;color:var(--rose);border:1px solid #4A2A40;box-shadow:none}
.link{background:none;border:0;color:var(--violet);font-weight:600;font-size:14px;padding:12px;min-height:44px}
.seg{display:flex;background:#0F1119;border-radius:16px;padding:4px;gap:4px;border:1px solid var(--line)}
.seg button{flex:1;height:44px;border:0;border-radius:12px;background:transparent;color:var(--mute);font-weight:600;font-size:14px}
.seg button.on{background:var(--lime);color:var(--bg);font-weight:700}
.seg button.on.exp{background:var(--rose)}
.seg button.on.inc{background:var(--teal)}
.topbar{display:flex;align-items:center;gap:12px}
.topbar .h{font-size:20px}
.note{padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--mute2)}
.err{color:var(--rose);font-size:14px;margin-top:12px;min-height:20px;text-align:center}

/* sheet */
.sheet-bg{position:fixed;inset:0;background:rgba(5,6,10,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;animation:fade .2s}
.sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;max-height:90vh;overflow:auto;background:var(--card);border-top:1px solid var(--line);border-radius:28px 28px 0 0;padding:10px 18px calc(24px + var(--safe-b));z-index:41;animation:up .28s cubic-bezier(.2,.9,.2,1)}
.sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--line2);margin:0 auto 10px}
@keyframes fade{from{opacity:0}}
@keyframes up{from{transform:translate(-50%,100%)}}

#toast{position:fixed;left:50%;top:calc(14px + var(--safe-t));transform:translate(-50%,-140%);background:#23283A;border:1px solid var(--line2);color:var(--text);padding:12px 18px;border-radius:16px;font-size:14px;font-weight:600;z-index:60;transition:transform .3s cubic-bezier(.2,1.3,.4,1);max-width:90vw;text-align:center}
#toast.show{transform:translate(-50%,0)}
#toast.xp{background:var(--lime);color:var(--bg);border-color:var(--lime)}

/* login hero */
.hero{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;margin-top:calc(-14px - var(--safe-t))}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:breathe 7s ease-in-out infinite;transform-origin:50% 40%}
.hero .fade{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(11,12,18,0),var(--bg) 88%)}
.hero .fadetop{position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(180deg,var(--bg),rgba(11,12,18,0))}
.fire{position:absolute;width:12%;aspect-ratio:1;margin:-6% 0 0 -6%;border-radius:50%;background:radial-gradient(circle,#FFF6C8 0,#FFD23F 22%,#FF7A1A 48%,rgba(255,60,0,0) 72%);mix-blend-mode:screen;opacity:0;animation:fire 7s ease-out infinite;pointer-events:none;filter:blur(1px)}
.smk{position:absolute;width:10%;aspect-ratio:1;margin:-5% 0 0 -5%;border-radius:50%;background:radial-gradient(circle,rgba(220,230,240,.55),rgba(220,230,240,0) 70%);opacity:0;animation:smk 7s ease-out infinite;pointer-events:none}
.heat{position:absolute;left:0;right:0;bottom:8%;height:40%;background:radial-gradient(ellipse at 50% 100%,rgba(255,160,40,.45),rgba(255,120,0,0) 65%);mix-blend-mode:screen;opacity:0;animation:heat 7s ease-in-out infinite;pointer-events:none}
.spark{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;background:radial-gradient(circle,#fff 0,#FFE27A 30%,rgba(255,226,122,0) 70%);border-radius:50%;animation:tw 2.4s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
.ember{position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px 2px rgba(255,194,71,.7);animation:ember 6s linear infinite;pointer-events:none}
.shine{background:linear-gradient(90deg,#C6F432 0%,#F4FFD0 45%,#C6F432 60%,#8BFFB0 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 4s linear infinite}
@keyframes breathe{50%{transform:scale(1.035)}}
@keyframes fire{0%,62%{opacity:0;transform:translate(0,0) scale(.3)}66%{opacity:1;transform:translate(0,4vw) scale(1)}80%{opacity:.9;transform:translate(var(--fx),30vw) scale(2.6)}92%,100%{opacity:0;transform:translate(var(--fx),46vw) scale(3.4)}}
@keyframes smk{0%,40%{opacity:0;transform:translate(0,0) scale(.4)}46%{opacity:.7}60%,100%{opacity:0;transform:translate(var(--fx),-14vw) scale(2.4)}}
@keyframes heat{0%,62%,100%{opacity:0}72%,84%{opacity:1}}
@keyframes tw{0%,100%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.3)}}
@keyframes ember{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(-80vh) translateX(30px);opacity:0}}
@keyframes shine{0%{background-position:100% 0}100%{background-position:-120% 0}}
@keyframes grow{from{transform:scaleY(0)}}
@keyframes fill{from{transform:scaleX(0)}}
.fillbar{animation:fill 1s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:700}
.codes div{background:#0F1119;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;letter-spacing:1px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== v2: home hero, panels, sheets ===== */
.home{position:relative;min-height:100dvh;padding-bottom:calc(110px + var(--safe-b))}
.hhero{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;max-height:520px}
.hhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:breathe 8s ease-in-out infinite;transform-origin:50% 35%}
.hhero .fade{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(11,12,18,0) 0%,rgba(11,12,18,.55) 45%,var(--bg) 96%)}
.hhero .fadetop{position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(180deg,rgba(11,12,18,.75),rgba(11,12,18,0))}
.htop{position:absolute;left:0;right:0;top:0;padding:calc(12px + var(--safe-t)) 18px 0;display:flex;align-items:center;justify-content:space-between;z-index:3}
.glass{background:rgba(20,22,34,.45);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.08)}
.logo{font-family:Unbounded;font-weight:800;font-size:16px;letter-spacing:2px;padding:0 14px;height:40px;border-radius:20px;display:flex;align-items:center}
.htotal{position:absolute;left:18px;right:18px;bottom:18px;z-index:3}
.htotal .lbl{font-size:13px;color:#D6DAE8;display:flex;align-items:center;gap:8px}
.htotal .num{font-family:Unbounded;font-weight:700;font-size:44px;line-height:1.1;margin-top:6px;letter-spacing:-1.5px;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.htotal .num small{font-size:22px;color:#C9CEDF;font-weight:500;letter-spacing:0}
.panel{position:relative;z-index:4;margin-top:-6px;padding:0 18px}
.stabs{display:flex;gap:6px;padding:5px;border-radius:18px}
.stabs button{flex:1;height:42px;border:0;border-radius:14px;background:transparent;color:#C9CEDF;font-weight:600;font-size:14px;transition:all .25s}
.stabs button.on{color:var(--bg);font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.35)}

.qa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.qa button,.qa a{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;font-size:12px;font-weight:600;color:var(--mute2)}
.qa .qi{width:60px;height:60px;border-radius:21px;display:flex;align-items:center;justify-content:center;transition:transform .15s;position:relative;overflow:hidden}
.qa .qi::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,0) 50%);pointer-events:none}
.qa button:active .qi,.qa a:active .qi{transform:scale(.9)}

.box{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:16px;margin-top:16px}
.box .bt{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.box .bt b{font-size:16px}
.mini-link{background:none;border:0;color:var(--violet);font-weight:600;font-size:14px;padding:6px 2px}
.statrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.stat{border-radius:20px;padding:14px;border:1px solid var(--line);background:var(--card);text-align:left;width:100%}
.stat .k{font-size:12px;color:var(--mute)}
.stat .v{font-family:Unbounded;font-weight:700;font-size:17px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat .s{font-size:11px;color:var(--mute);margin-top:4px}

.sheet{touch-action:pan-y}
.sheet .grab{cursor:grab;width:44px;height:5px;margin-top:2px}
.sheet .grabzone{padding:6px 0 12px;margin:-10px -18px 0}
.shead{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0 6px}
.shead .bigic{width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center}
.shead .amt{font-family:Unbounded;font-weight:700;font-size:32px;margin-top:12px;letter-spacing:-1px}
.shead .sub{color:var(--mute);margin-top:4px;font-size:14px}
.kv{margin-top:14px;border-radius:18px;background:#0F1119;border:1px solid var(--line)}
.kv div{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;font-size:14px;border-top:1px solid var(--line)}
.kv div:first-child{border-top:0}
.kv span{color:var(--mute)}
.kv b{text-align:right;font-weight:600;overflow-wrap:anywhere}
.btnrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.btnrow .btn{height:52px;font-size:15px}
.bigacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.bigact{height:96px;border-radius:22px;border:1px solid var(--line);background:#0F1119;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px;font-weight:700;font-size:15px;text-align:left;transition:transform .12s}
.bigact:active{transform:scale(.96)}
.bigact .qi{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.bigact small{display:block;font-weight:500;font-size:12px;color:var(--mute);margin-top:2px}
.wdet{border-radius:22px;padding:18px;margin-top:4px}
.wdet .n{font-size:13px;opacity:.85}
.wdet .b{font-family:Unbounded;font-weight:700;font-size:30px;margin-top:10px;letter-spacing:-1px}
.toastrow{display:flex;align-items:center;gap:10px;text-align:left}
.toastrow img{width:30px;height:30px;border-radius:9px}
#toast.ok{background:#16200C;border-color:#3D5A1A}
.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:14px}
.day{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--mute)}
.day i{width:36px;height:36px;border-radius:18px;background:#151722;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.day.on i{background:var(--lime);border-color:var(--lime)}
.day.today{color:var(--text);font-weight:700}
.day.today i{border:2px solid var(--lime)}
.qhero{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/11;margin-top:14px;border:1px solid #3A3480}
.qhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;animation:breathe 8s ease-in-out infinite}
.qhero .fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,18,0) 35%,rgba(11,12,18,.92))}
.qhero .info{position:absolute;left:16px;right:16px;bottom:14px}
.task{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line);width:100%;text-align:left;transition:transform .12s}
.task:active{transform:scale(.98)}
.task.done{opacity:.6}

.scanbox{position:relative;margin-top:16px;border-radius:26px;background:#10121A;border:1px solid var(--line);overflow:hidden;min-height:360px;display:flex;align-items:center;justify-content:center}
.scanempty{text-align:center;padding:28px}
.scanhead{width:120px;height:120px;border-radius:30px;object-fit:cover;box-shadow:0 0 40px rgba(198,244,50,.25);animation:breathe 7s ease-in-out infinite}
.scanimg{width:100%;max-height:60vh;object-fit:contain;display:block}
.scanline{position:absolute;left:12px;right:12px;height:3px;border-radius:2px;background:var(--lime);box-shadow:0 0 18px 4px rgba(198,244,50,.6);animation:scanl 2.2s ease-in-out infinite}
.scanlbl{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(11,12,18,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 16px;border-radius:14px;font-weight:600;font-size:14px;white-space:nowrap}
@keyframes scanl{0%,100%{top:8%}50%{top:88%}}
label.btn{cursor:pointer}
.rthumb{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:10px;border-radius:18px;background:#151722;border:1px solid var(--line);text-align:left}
.rthumb img{width:56px;height:72px;object-fit:cover;border-radius:10px}
.rthumb b{display:block;font-size:15px}
.rthumb small{display:block;color:var(--mute);font-size:12px;margin-top:3px}