@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--gold:#f8a81b;--gold-2:#ffc24d;--gold-3:#d98a00;--ink:#1f2348;--ink-2:#333769;--blue:#1f2348;--green:#25c28f;--red:#e84040;--orange:#e8762b;--bg:#f6f7fb;--surface:#fff;--card:#fff;--card-2:#f0f2f9;--line:#e4e7f0;--line-2:#d4d9e8;--text:#1f2348;--muted:#6e7691;--dim:#98a0b8;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:radial-gradient(760px 420px at 12% -8%, #f8a81b1a, transparent 62%), radial-gradient(700px 460px at 100% 0%, #1f234812, transparent 60%), radial-gradient(900px 600px at 50% 120%, #33376914, transparent 62%), var(--bg);color:var(--text);min-height:100vh;line-height:1.5}body:before{content:"";pointer-events:none;background-image:linear-gradient(#1f234809 1px,#0000 1px),linear-gradient(90deg,#1f234809 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 0%,#0000 90%);mask-image:radial-gradient(80% 60% at 50% 0,#000 0%,#0000 90%)}#root{min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:var(--blue)}::selection{background:var(--gold);color:var(--ink)}.app{flex-direction:column;max-width:460px;min-height:100vh;margin:0 auto;padding:18px 18px 30px;display:flex}.header{justify-content:space-between;align-items:center;padding:4px 2px 18px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-bolt{background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-3));width:30px;height:30px;color:var(--ink);border-radius:10px;place-items:center;display:grid;box-shadow:0 6px 18px -6px #d88a008c}.brand-bolt svg{width:17px;height:17px}.logo{letter-spacing:.24em;color:var(--blue);font-size:1rem;font-weight:700}.header-pills{align-items:center;gap:6px;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--blue);border:1px solid var(--line-2);background:var(--surface);text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:.56rem}.badge.demo{color:var(--orange);background:#e8762b14;border-color:#e8762b66}.main{flex-direction:column;flex:1;gap:18px;display:flex}.screen{flex-direction:column;gap:16px;display:flex}.stepper{align-items:flex-start;gap:0;display:flex}.step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step:not(:last-child):after{content:"";background:var(--line);border-radius:2px;width:calc(100% - 28px);height:2px;position:absolute;top:13px;left:calc(50% + 14px)}.step.done:not(:last-child):after{background:linear-gradient(90deg, var(--green), #1fae7d)}.step-dot{z-index:1;width:27px;height:27px;font-family:var(--font-mono);background:var(--surface);border:1.5px solid var(--line-2);color:var(--dim);border-radius:50%;place-items:center;font-size:.72rem;transition:all .25s;display:grid;position:relative}.step-dot svg{width:14px;height:14px}.step.now .step-dot{border-color:var(--gold);color:var(--gold-3);box-shadow:0 0 0 4px #f8a81b29,0 6px 16px -8px #d88a0080}.step.done .step-dot{background:linear-gradient(135deg, var(--green), #1fae7d);color:#fff;border-color:#0000}.step-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:.6rem}.step.now .step-label{color:var(--blue)}.hero{padding:6px 2px 2px}.hero.compact,.hero.center{text-align:center}.kicker{font-family:var(--font-mono);letter-spacing:.32em;color:var(--orange);margin-bottom:10px;font-size:.62rem}.hero-title{letter-spacing:-.02em;color:var(--blue);font-size:2.05rem;font-weight:700;line-height:1.1}.hero-title .ink{color:var(--orange);display:inline-block}.hero-sub{color:var(--muted);margin-top:10px;font-size:.95rem;line-height:1.5}.wallet-card{color:#fff;background:radial-gradient(120% 150% at 85% -20%,#f8a81b38 0%,#0000 55%),radial-gradient(120% 150% at 0 110%,#e8762b29 0%,#0000 55%),linear-gradient(160deg,#262b55 0%,#1f2348 55%,#2b3060 100%);border:1px solid #1f234899;border-radius:26px;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 48px -22px #1f23488c,inset 0 2px #ffffff14}.wallet-aurora{pointer-events:none;background:radial-gradient(60% 50% at 90% 8%,#f8a81b33,#0000 60%);animation:9s ease-in-out infinite alternate aurora;position:absolute;inset:0}@keyframes aurora{0%{opacity:.7;transform:translate(4%)scale(1)}to{opacity:1;transform:translate(-2%,3%)scale(1.15)}}.wallet-top{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.wallet-brand{align-items:center;gap:9px;display:flex}.wallet-name{letter-spacing:.04em;color:#fff;font-size:.92rem;font-weight:600}.chip-mono{font-family:var(--font-mono);color:#ffffffc7;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:5px 9px;font-size:.68rem}.addr-chip{align-items:center;gap:6px;max-width:100%;display:inline-flex}.addr-chip .addr-copy{color:var(--gold-2);place-items:center;display:inline-grid}.addr-chip .addr-copy svg{width:12px;height:12px}.addr-chip.is-full{white-space:normal;word-break:break-all;text-align:left;border-radius:14px;max-width:210px;font-size:.6rem;line-height:1.35}.chip-row{justify-content:space-between;align-items:center;display:flex}.chip{background:linear-gradient(135deg, #ffd27a, var(--gold) 60%, var(--gold-3));border-radius:7px;width:40px;height:30px;position:relative;overflow:hidden}.chip i,.contactless i{background:#1f23484d;display:block;position:absolute;transform:rotate(-45deg)}.chip i:first-child{opacity:.5;width:9px;height:26px;top:2px;left:4px}.chip i:nth-child(2){opacity:.3;width:7px;height:26px;top:2px;left:14px}.chip i:nth-child(3){width:26px;height:8px;top:11px;left:7px}.contactless{gap:2px;display:flex}.contactless i{border:2px solid var(--gold-2);background:0 0;border-left-color:#0000;border-radius:50%;width:8px;height:8px;position:relative;transform:rotate(-30deg)}.wallet-balance{align-items:baseline;gap:9px;display:flex}.balance-amount{font-family:var(--font-mono);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 30px #f8a81b40;font-size:2.2rem;font-weight:700}.balance-token{color:#ffffffb8;font-weight:600}.wallet-rows{flex-direction:column;gap:8px;display:flex}.wallet-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.w-label{color:#ffffffb8;align-items:center;gap:7px;display:inline-flex}.w-label svg{width:14px;height:14px;color:var(--gold-2)}.mini-dot{border-radius:50%;width:8px;height:8px}.mini-dot.mint{background:var(--green);box-shadow:0 0 10px #25c28fb3}.w-value{font-family:var(--font-mono);color:#fff}.w-value.blb,.blb{color:var(--gold-2)}.btn-connect{justify-content:center;align-items:center;gap:9px;display:flex;position:relative}.btn-connect svg{width:18px;height:18px}.sponsor-strip{color:var(--gold-2);background:#ffffff17;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.78rem;display:flex;position:relative}.sponsor-bolt{place-items:center;animation:1.8s ease-in-out infinite boltPulse;display:grid}.sponsor-bolt svg{width:15px;height:15px;color:var(--gold-2)}@keyframes boltPulse{0%,to{filter:drop-shadow(0 0 #f8a81b00);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #f8a81b99);transform:scale(1.18)}}.composer{flex-direction:column;gap:14px;display:flex}.amount-edit{background:var(--surface);border:1px solid var(--line);border-radius:22px;justify-content:center;align-items:center;gap:12px;padding:18px 16px;display:flex;box-shadow:0 12px 32px -20px #1f234859}.amount-prefix{color:var(--orange);font-size:1.6rem;font-weight:700}.amount-input{width:210px;color:var(--blue);font-family:var(--font-mono);letter-spacing:-.02em;text-align:center;appearance:textfield;background:0 0;border:none;outline:none;font-size:2rem;font-weight:700}.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.amount-note{font-family:var(--font-mono);color:var(--dim);font-size:.74rem}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip-btn{font-family:var(--font-mono);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.72rem;transition:all .15s}.chip-btn:hover{color:var(--blue);border-color:var(--dim)}.chip-btn.is-on{color:var(--ink);background:linear-gradient(135deg, var(--gold-2), var(--gold));border-color:#0000;font-weight:700}.recipient-box{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 12px 32px -20px #1f234859}.mini-avatar{border:1px solid #1f234824;border-radius:13px;flex:none;width:38px;height:38px;box-shadow:0 4px 14px -6px #1f234880}.recipient-field{flex-direction:column;flex:1;gap:5px;display:flex}.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.62rem}.field-input{width:100%;color:var(--text);font-family:var(--font-mono);background:0 0;border:none;outline:none;font-size:.92rem}.field-input::placeholder{color:var(--dim)}.fee-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:9px;padding:14px 16px;display:flex;box-shadow:0 12px 32px -20px #1f234840}.fee-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.fee-zero{color:var(--text);align-items:center;gap:7px;font-weight:700;display:inline-flex}.fee-through{color:var(--dim);text-decoration:line-through}.fee-sponsored{color:var(--orange);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.fee-sponsored svg{width:13px;height:13px}.fee-safe{color:var(--green);font-family:var(--font-mono);font-size:.8rem}.fee-normal{color:var(--text)}.btn-primary{width:100%;color:var(--ink);background:linear-gradient(135deg, var(--gold-2) 0%, var(--gold) 55%, var(--gold-3) 100%);border-radius:16px;padding:15px;font-size:1rem;font-weight:700;transition:transform 80ms,filter .15s;box-shadow:0 12px 28px -14px #d88a00a6}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:translateY(1px)scale(.995)}.btn-send{justify-content:center;align-items:center;gap:10px;display:flex}.btn-send svg{width:18px;height:18px}.btn-secondary{border:1px solid var(--line-2);width:100%;color:var(--blue);background:var(--surface);border-radius:16px;padding:13px;font-size:.95rem}.btn-secondary:hover{border-color:var(--dim)}.review-hero{background:var(--surface);border:1px solid var(--line);border-radius:22px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 12px 32px -20px #1f234859}.review-amount{flex-direction:column;gap:2px;display:flex}.review-amount-main{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--blue);font-size:1.7rem;font-weight:700}.review-amount-sub{color:var(--muted);font-size:.8rem;font-family:var(--font-mono)}.review-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 12px 32px -20px #1f234840}.review-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.review-row>span:first-child{color:var(--muted);font-size:.9rem}.review-strong{align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:inline-flex}.review-strong svg{width:14px;height:14px;color:var(--orange)}.review-mono{font-family:var(--font-mono);word-break:break-all;font-size:.85rem}.tiny-note{color:var(--dim);text-align:center;font-size:.76rem}.muted{color:var(--muted);font-size:.9rem}.muted.center{text-align:center}.orbit{width:132px;height:132px;margin:10px auto;position:relative}.orbit-core{background:linear-gradient(135deg, var(--gold-2), var(--gold) 60%, var(--gold-3));color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;inset:38px;box-shadow:0 0 0 6px #f8a81b29,0 10px 30px -10px #d88a0099}.orbit-core svg{width:26px;height:26px}.orbit-ring{border:2px dashed #f8a81b73;border-radius:50%;position:absolute;inset:0}.orbit-ring.orbit-a{animation:7s linear infinite spin}.orbit-ring.orbit-b{border-color:#1f23484d;animation:12s linear infinite reverse spin;inset:-10px}.orbit-chip{font-family:var(--font-mono);color:var(--blue);border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:4px 8px;font-size:.6rem;animation:4s ease-in-out infinite alternate chipDrift;position:absolute;box-shadow:0 4px 12px -6px #1f234866}.orbit-chip.chip-a{top:-8px;left:calc(50% - 16px)}.orbit-chip.chip-b{animation-delay:-2s;bottom:-8px;left:calc(50% - 16px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes chipDrift{0%{transform:translateY(-2px)}to{transform:translateY(3px)}}.status-orb{border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 14px;display:grid}.status-orb svg{width:34px;height:34px}.status-orb.ok{background:linear-gradient(135deg, var(--green), #1fae7d);color:#fff;box-shadow:0 0 0 8px #25c28f24,0 16px 40px -14px #25c28f99}.status-orb.fail{background:linear-gradient(135deg, var(--red), #d92c3e);color:#fff;box-shadow:0 0 0 8px #e8404024,0 16px 40px -14px #e840408c}.status-orb.pending{background:linear-gradient(135deg, var(--gold-2), var(--orange));color:var(--ink);animation:2s ease-in-out infinite pendingPulse;box-shadow:0 0 0 8px #f8a81b29}@keyframes pendingPulse{0%,to{box-shadow:0 0 0 8px #f8a81b1f}50%{box-shadow:0 0 0 12px #f8a81b42}}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 12px 32px -20px #1f234840}.card-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.66rem}.verification-line{font-family:var(--font-mono);color:var(--green);word-break:break-all;align-items:flex-start;gap:8px;font-size:.78rem;line-height:1.5;display:flex}.verification-line svg{flex:none;width:14px;height:14px;margin-top:2px}.tx-link{color:var(--blue);font-size:1rem}.link:hover{text-decoration:underline}.warn-note{color:var(--orange);background:#e8762b14;border:1px solid #e8762b66;border-radius:14px;align-items:center;gap:9px;padding:12px 14px;font-size:.84rem;display:flex}.warn-note svg{flex:none;width:16px;height:16px}.loader-coin{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:56px;height:56px;margin:0 auto;animation:.9s linear infinite spin}.fatal{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:60px 12px;display:flex}.fatal-orb{background:var(--surface);border:1.5px solid var(--red);width:64px;height:64px;color:var(--red);border-radius:50%;place-items:center;font-size:1.6rem;font-weight:700;display:grid}.fatal-title{color:var(--blue);font-size:1.35rem;font-weight:700}.fatal-text{color:var(--muted);word-break:break-word;font-size:.9rem}.error-message{color:var(--red);word-break:break-word;background:#e8404012;border:1px solid #e840404d;border-radius:12px;padding:10px 12px;font-size:.88rem}.footer{border-top:1px solid var(--line);text-align:center;color:var(--dim);margin-top:26px;padding-top:16px;font-size:.76rem}.orb{color:var(--ink);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;position:relative}.orb:before{content:"";border:1px solid #1f234829;border-radius:50%;position:absolute;inset:-3px}.orb.sm{background:radial-gradient(circle at 32% 26%, var(--gold-2), var(--gold) 62%, var(--gold-3));width:30px;height:30px;font-size:.82rem;box-shadow:0 4px 14px -6px #d88a0099}.orb.md{background:radial-gradient(circle at 32% 26%, var(--gold-2), var(--gold) 60%, var(--gold-3));width:42px;height:42px;font-size:1.05rem;box-shadow:0 6px 20px -8px #d88a0099}.orb.lg{background:radial-gradient(circle at 32% 26%, var(--gold-2), var(--gold) 58%, var(--gold-3));width:58px;height:58px;font-size:1.35rem;box-shadow:0 10px 30px -10px #d88a0099}.phase-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 12px 32px -20px #1f234840}.phase{align-items:center;gap:11px;display:flex}.phase-dot{width:24px;height:24px;font-family:var(--font-mono);border:1.5px solid var(--line-2);color:var(--dim);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.phase-dot svg{width:13px;height:13px}.phase.done .phase-dot{background:linear-gradient(135deg, var(--green), #1fae7d);color:#fff;border-color:#0000}.phase.pulse .phase-dot{border-color:var(--gold);color:var(--gold-3);animation:1.6s ease-in-out infinite pendingPulse}.phase-label{color:var(--muted);font-size:.88rem}.phase.done .phase-label{color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.appbar{justify-content:space-between;align-items:center;padding:6px 2px 18px;display:flex}.appbar-title{flex-direction:column;align-items:center;gap:2px;display:flex}.appbar-title-main{color:var(--blue);font-size:1.05rem;font-weight:700}.appbar-title-sub{color:var(--dim);letter-spacing:.08em;font-size:.68rem}.icon-btn{width:38px;height:38px;color:var(--blue);border-radius:50%;place-items:center;display:inline-grid}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background:var(--surface);border:1px solid var(--line)}.icon-btn.glass{color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff29}.icon-btn.glass:hover{background:#ffffff2e}.icon-btn-row{gap:6px;display:flex}.btn-back{color:var(--blue);align-items:center;gap:4px;font-size:.84rem;display:inline-flex}.btn-back svg{width:16px;height:16px}.wallet-home{padding:18px 18px 110px}.wallet-stack{padding-top:30px;position:relative}.wallet-stack-back{z-index:0;background:linear-gradient(160deg,#3a3f6e,#2b3060);border:1px solid #1f234899;border-bottom:none;border-radius:22px 22px 10px 10px;align-items:flex-end;height:34px;display:flex;position:absolute;top:0;left:8px;right:8px;overflow:hidden;box-shadow:0 12px 30px -16px #1f234899}.stack-line{width:100%;font-family:var(--font-mono);letter-spacing:.06em;color:#ffffff85;justify-content:space-between;padding:0 16px 8px;font-size:.58rem;display:flex}.hero-card{z-index:1;min-height:230px;position:relative}.hero-card-head{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.hero-card-pills{gap:5px;display:flex}.badge.glass{color:#ffffffd9;background:#ffffff1f;border-color:#ffffff29}.hero-balance{flex-direction:column;gap:6px;padding-top:6px;display:flex}.hero-balance-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;font-size:.68rem}.hero-balance-value{align-items:baseline;gap:8px;display:flex}.hero-balance-addr{font-family:var(--font-mono);color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 9px;font-size:.72rem;display:inline-flex}.hero-balance-addr.dim{color:var(--gold-2)}.hero-balance-addr.dim:hover{background:#ffffff1f}.hero-balance-addr .addr-copy{color:var(--gold-2);place-items:center;display:inline-grid}.hero-balance-addr .addr-copy svg{width:11px;height:11px}.hero-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.hero-add{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.hero-add svg{width:16px;height:16px}.section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2{color:var(--blue);font-size:.95rem;font-weight:700}.text-link{color:var(--blue);font-size:.78rem;font-weight:600}.scroll-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-divider{background:var(--line-2);flex:none;width:1px;display:block}.topup-item{scroll-snap-align:start;flex-direction:column;flex:none;align-items:center;gap:7px;display:flex}.topup-item:not(.topup-add){min-width:56px}.topup-add-circle{border:2px dashed var(--line-2);width:54px;height:54px;color:var(--dim);border-radius:50%;place-items:center;display:grid}.topup-add-circle svg{width:22px;height:22px}.topup-avatar{color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.05rem;font-weight:700;display:grid}.topup-label{color:var(--muted);font-size:.68rem}.tx-card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;flex:none;align-items:center;gap:7px;min-width:110px;padding:14px 12px 12px;display:flex;box-shadow:0 8px 22px -14px #1f234840}.tx-avatar{color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.88rem;font-weight:700;display:grid}.tx-name{color:var(--blue);font-size:.82rem;font-weight:600}.tx-date{font-family:var(--font-mono);color:var(--dim);font-size:.62rem}.tx-amount{font-family:var(--font-mono);font-size:.82rem;font-weight:700}.tx-amount.neg{color:var(--blue)}.tx-amount.pos{color:var(--green)}.dock{background:var(--surface);border-top:1px solid var(--line);padding:8px 16px calc(12px + env(safe-area-inset-bottom));justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.dock-slot{justify-content:center;width:64px;display:flex;position:relative}.dock-item{color:var(--dim);flex-direction:column;align-items:center;gap:3px;font-size:.62rem;display:flex}.dock-item svg{width:21px;height:21px}.dock-item.active{color:var(--gold-3)}.dock-center{width:52px;height:52px;color:var(--gold-2);border:2px solid var(--surface);background:linear-gradient(160deg,#262b55,#1f2348 60%,#2b3060);border-radius:50%;place-items:center;display:grid;position:relative;top:-16px;box-shadow:0 8px 24px -8px #1f234899}.dock-center svg{width:22px;height:22px}.sheet-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0f1f8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:460px;padding:18px 18px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;display:flex}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h3{color:var(--blue);font-size:1rem;font-weight:700}.sheet-close svg{width:18px;height:18px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 8px 22px -14px #1f234840}.stat-value{font-family:var(--font-mono);color:var(--blue);font-size:1.1rem;font-weight:700}.stat-label{color:var(--dim);font-size:.72rem}.activity-list{flex-direction:column;gap:6px;display:flex}.activity-row{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 8px 22px -14px #1f234840}.activity-main{flex-direction:column;flex:1;gap:2px;display:flex}.activity-name{color:var(--blue);font-size:.88rem;font-weight:600}.activity-date{font-family:var(--font-mono);color:var(--dim);font-size:.62rem}