*,:before,:after{box-sizing:border-box}html,body,#root{-webkit-font-smoothing:antialiased;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}body{overscroll-behavior:none;background:#0a0a14}#root{max-width:430px;margin:0 auto}button{-webkit-user-select:none;user-select:none;font-family:inherit}.card-wrapper{cursor:pointer;width:200px;height:280px;filter:drop-shadow(0 0 20px var(--glow,#6b7280));flex-shrink:0;transition:transform .2s,filter .2s}.card-wrapper:hover{filter:drop-shadow(0 0 30px var(--glow,#6b7280));transform:scale(1.04)translateY(-4px)}.card{box-sizing:border-box;border:1.5px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;height:100%;padding:10px;display:flex;position:relative;overflow:hidden}.rarity-common{background:linear-gradient(160deg,#1a1a1a 0%,#2a2a2a 100%)}.rarity-uncommon{background:linear-gradient(160deg,#0a1e14 0%,#0f3322 60%,#0a1e14 100%)}.rarity-rare{background:linear-gradient(160deg,#0a1628 0%,#0f2544 60%,#0a1628 100%)}.rarity-epic{background:linear-gradient(160deg,#1e0a2e 0%,#2d1b4e 60%,#1e0a2e 100%)}.rarity-legend{background:linear-gradient(160deg,#1a1200 0%,#2a1f00 40%,#3a2800 60%,#1a1200 100%)}.rarity-uncommon{border-color:#34d39966}.rarity-rare{border-color:#60a5fa66}.rarity-epic{border-color:#c084fc80}.rarity-legend{border-color:#fbbf2499}.card-back-face{background:linear-gradient(145deg,#0d0a1e 0%,#10069f22 50%,#0d0a1e 100%);border:1px solid #10069f4d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.card-back-logo-img{object-fit:contain;opacity:.75;width:80px;height:80px}.card-back-team{letter-spacing:3px;color:#ffffff40;font-size:11px;font-weight:800}.card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-rarity-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-size:9px;font-weight:700}.card-number{color:#fff6;font-family:monospace;font-size:11px;font-weight:800}.card-player-art{border-radius:6px;flex:1;min-height:0;margin:4px 0;position:relative;overflow:hidden}.player-photo{object-fit:cover;object-position:top center;z-index:2;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 68%,#0000 100%);mask-image:linear-gradient(#000 68%,#0000 100%)}.player-silhouette{width:90px;height:110px;color:var(--accent);z-index:2;opacity:.85;position:relative}.player-silhouette svg{width:100%;height:100%}.player-glow-orb{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.15;border-radius:50%;width:80px;height:80px;animation:2.5s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.2)}}.card-info{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.card-name{color:#fff;max-width:130px;font-size:13px;font-weight:800;line-height:1.2}.card-position{background:#ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 7px;display:flex}.pos-icon{font-size:12px}.card-position{color:var(--accent);font-size:10px;font-weight:700}.card-stats{background:#00000059;border-radius:10px;justify-content:space-around;align-items:center;margin-bottom:8px;padding:8px 4px;display:flex}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-val{color:#fff;font-size:16px;font-weight:900;line-height:1}.stat-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:600}.stat-divider{background:#ffffff1a;width:1px;height:24px}.card-stars{justify-content:center;gap:3px;margin-bottom:6px;display:flex}.star{font-size:9px}.star-on{color:var(--accent)}.star-off{color:#ffffff1f}.card-team{text-align:center;letter-spacing:2px;color:#fff3;font-size:8px;font-weight:800}.card-sparkles{pointer-events:none;z-index:0;position:absolute;inset:0}.sparkle{background:var(--accent);opacity:0;width:3px;height:3px;animation:3s ease-in-out infinite sparkle-anim;animation-delay:calc(var(--i) * .38s);top:calc(10% + (var(--i) * 11%));left:calc(5% + (var(--i) * 12%));border-radius:50%;position:absolute}@keyframes sparkle-anim{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.card-holo-overlay{pointer-events:none;background:linear-gradient(135deg,#0000 20%,#fbbf240f 40%,#fbbf241f 50%,#fbbf240f 60%,#0000 80%);border-radius:14px;animation:4s ease-in-out infinite alternate holo;position:absolute;inset:0}@keyframes holo{0%{opacity:.5}to{opacity:1}}.po-overlay{z-index:100;touch-action:pan-y;-webkit-user-select:none;user-select:none;scrollbar-width:none;background:radial-gradient(at 50% 30%,#0e0a22 0%,#050509 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding:56px 0 24px;display:flex;position:fixed;inset:0;overflow:hidden auto}.po-overlay::-webkit-scrollbar{display:none}.po-pack-stage,.po-cards-stage{margin-top:auto;margin-bottom:auto}[data-theme=light] .po-overlay{background:radial-gradient(at 50% 30%,#c8d8f0 0%,#eef1f8 100%)}[data-theme=light] .po-close{color:#0d1117;background:#00000012}[data-theme=light] .po-close:hover{background:#00000021}[data-theme=light] .po-pack-label-top{color:#0000008c}[data-theme=light] .po-hint-text{color:#00000080}[data-theme=light] .po-arrow{color:#00000073}[data-theme=light] .po-status{color:#0000008c}[data-theme=light] .po-tap-hint-label{color:#00000061}[data-theme=light] .po-nav-btn{color:#0d1117;background:#0000000f;border-color:#00000024}[data-theme=light] .po-nav-btn:not(:disabled):hover{background:#0000001f}[data-theme=light] .po-nav-count{color:#00000080}[data-theme=light] .po-dot{background:#00000026}[data-theme=light] .po-dot-active{background:#10069f}[data-theme=light] .po-dot-done{background:#059669}[data-theme=light] .po-opened-label{color:#059669}[data-theme=light] .po-modal-bg{background:#b4c8ebe6}[data-theme=light] .po-modal-ok{color:#0d1117;background:#00000014;border-color:#0000002e}[data-theme=light] .po-modal-ok:hover{background:#00000024}.po-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff17;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.po-close:hover{background:#ffffff2e}.po-pack-stage{flex-direction:column;align-items:center;gap:28px;display:flex}.po-pack-label-top{color:#ffffff8c;letter-spacing:1px;font-size:18px;font-weight:800}.po-pack-wrap{cursor:grab;filter:drop-shadow(0 24px 60px #000000d9);width:200px;height:290px;position:relative}.po-pack-wrap:active{cursor:grabbing}.is-idle{animation:2.8s ease-in-out infinite pack-rock}@keyframes pack-rock{0%,to{transform:perspective(700px)rotateY(-4deg)rotate(.5deg)}50%{transform:perspective(700px)rotateY(4deg)rotate(-.5deg)}}.po-flap{background:linear-gradient(160deg, var(--c1) 0%, color-mix(in srgb, var(--c2) 35%, var(--c1)) 100%);z-index:2;transform-origin:top;border:1.5px solid #ffffff26;border-bottom:none;border-radius:18px 18px 0 0;height:22%;position:absolute;top:0;left:0;right:0;overflow:hidden}.po-flap-stripe{background:linear-gradient(105deg,#0000 20%,#ffffff12 50%,#0000 80%);animation:3s ease-in-out infinite shine-move;position:absolute;inset:0}.po-tear-line{z-index:5;background:linear-gradient(90deg,#0000 0%,#ffffffb3 20%,#fff 50%,#ffffffb3 80%,#0000 100%);height:2px;animation:1.3s ease-in-out infinite tear-pulse;position:absolute;top:calc(22% - 1px);left:-8px;right:-8px}@keyframes tear-pulse{0%,to{opacity:.6}50%{opacity:1}}.po-body{background:linear-gradient(160deg, var(--c1) 0%, color-mix(in srgb, var(--c2) 25%, var(--c1)) 100%);border:1.5px solid #ffffff21;border-top:none;border-radius:0 0 18px 18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:22% 0 0;overflow:hidden}.po-body-shine{background:linear-gradient(105deg,#0000 20%,#ffffff0a 50%,#0000 80%);animation:3.5s ease-in-out infinite shine-move;position:absolute;inset:0}@keyframes shine-move{0%{transform:translate(-100%)}to{transform:translate(100%)}}.po-body-logo{color:#ffffff0f;z-index:1;font-size:76px;font-weight:900;line-height:1;position:relative}.po-body-name{color:#ffffff8c;z-index:1;font-size:13px;font-weight:800;position:relative}.po-body-count{color:#ffffff40;z-index:1;font-size:11px;position:relative}.po-edge{opacity:.35;filter:brightness(.4);border-radius:0 4px 4px 0;width:5px;position:absolute;top:8px;bottom:8px;right:-5px}.po-side-hint{filter:blur(8px);border-radius:50%;width:18px;animation:1.4s ease-in-out infinite side-pulse;position:absolute;top:20%;bottom:10%}.po-side-left{background:#ffffff80;animation-delay:0s;left:-14px}.po-side-right{background:#ffffff80;animation-delay:.7s;right:-14px}@keyframes side-pulse{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.4)}}.is-tearing .po-flap{animation:.9s cubic-bezier(.4,0,.8,.6) forwards flap-fly}@keyframes flap-fly{0%{opacity:1;transform:translateY(0)rotate(0)}30%{opacity:1;transform:translateY(-30px)rotate(-8deg)}to{opacity:0;transform:translateY(-280px)rotate(28deg)translate(60px)}}.is-tearing .po-body{animation:.9s ease-out forwards body-burst}@keyframes body-burst{0%{opacity:1;transform:scale(1)}20%{transform:scaleX(1.04)scaleY(1.02)}60%{opacity:.6;transform:scaleY(.85)scaleX(1.02)}to{opacity:0;transform:scale(.5)translateY(60px)}}.is-tearing .po-tear-line{animation:.4s ease-out forwards tear-flash}@keyframes tear-flash{0%{opacity:1;box-shadow:0 0 30px 15px #fffc}to{opacity:0}}.is-tearing .po-side-hint{display:none}.is-tearing .po-edge{animation:.3s ease-out forwards edge-hide}@keyframes edge-hide{to{opacity:0}}.po-hint-wrap{flex-direction:column;align-items:center;gap:8px;transition:opacity .15s;display:flex}.po-swipe-arrows{align-items:center;gap:12px;display:flex}.po-arrow{color:#ffffff8c;font-size:28px;font-weight:300;line-height:1}.po-arrow-left{animation:1.2s ease-in-out infinite arrow-left}.po-arrow-right{animation:1.2s ease-in-out infinite arrow-right}@keyframes arrow-left{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.9;transform:translate(-6px)}}@keyframes arrow-right{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.9;transform:translate(6px)}}.po-hint-text{color:#ffffff80;white-space:nowrap;font-size:14px;font-weight:600}.po-hand-anim{transform-origin:bottom;font-size:24px;animation:1.4s ease-in-out infinite hand-swipe}@keyframes hand-swipe{0%,to{transform:translate(-14px)rotate(-10deg)}50%{transform:translate(14px)rotate(10deg)}}.po-cards-stage{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.po-status{color:#ffffff8c;text-align:center;min-height:20px;padding:0 16px;font-size:14px;font-weight:700}.po-carousel{cursor:grab;touch-action:pan-y;width:100%;overflow:clip visible}.po-carousel:active{cursor:grabbing}.po-carousel-track{width:100%;transition:transform .35s cubic-bezier(.25,.46,.45,.94);display:flex}.po-carousel-slide{flex-direction:column;flex:0 0 100%;align-items:center;gap:12px;padding:8px 0;display:flex}.po-card-box{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.po-card-box:active{opacity:.9}.po-tap-hint-label{color:#fff6;text-align:center;font-size:13px;font-weight:600;animation:1.8s ease-in-out infinite hint-blink}.po-opened-label{color:#34d399;text-align:center;font-size:13px;font-weight:700;animation:.3s ease-out both fade-up}@keyframes hint-blink{0%,to{opacity:.4}50%{opacity:.85}}.po-dots{gap:8px;display:flex}.po-dot{cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.po-dot-active{background:#fff;transform:scale(1.25)}.po-dot-done{background:#34d399}.po-nav-arrows{align-items:center;gap:20px;display:flex}.po-nav-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;transition:background .15s,opacity .15s;display:flex}.po-nav-btn:disabled{opacity:.2;cursor:default}.po-nav-btn:not(:disabled):hover{background:#ffffff29}.po-nav-count{color:#ffffff73;text-align:center;min-width:40px;font-size:14px;font-weight:700}.po-collect-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:16px;padding:15px 40px;font-size:17px;font-weight:800;transition:transform .15s,filter .15s;animation:.4s cubic-bezier(.34,1.56,.64,1) both btn-appear}.po-collect-btn:hover{filter:brightness(1.1);transform:scale(1.04)}@keyframes btn-appear{0%{opacity:0;transform:scale(.8)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.po-modal-bg{z-index:200;background:#000000e6;justify-content:center;align-items:center;animation:.2s ease-out modal-bg-in;display:flex;position:fixed;inset:0}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}.po-modal{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.po-modal-glow{background:radial-gradient(circle, var(--glow) 0%, transparent 65%);opacity:0;pointer-events:none;border-radius:50%;animation:.5s ease-out .3s forwards modal-glow-in;position:absolute;inset:-60px}@keyframes modal-glow-in{0%{opacity:0;transform:scale(.5)}to{opacity:.4;transform:scale(1)}}.po-flip{perspective:900px;transform-origin:50%;width:200px;height:280px;animation:.35s cubic-bezier(.22,1,.36,1) both modal-card-in}@keyframes modal-card-in{0%{opacity:0;transform:scale(.75)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.po-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1);position:relative}.po-flip--done .po-flip-inner{transform:rotateY(180deg)}.po-flip-front,.po-flip-back{backface-visibility:hidden;position:absolute;inset:0}.po-flip-back{transform:rotateY(180deg)}.po-modal-rarity{text-transform:uppercase;letter-spacing:1.5px;opacity:0;font-size:13px;font-weight:800;animation:.3s ease-out .7s forwards fade-up}.po-modal-ok{color:#fff;cursor:pointer;opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:14px;padding:13px 48px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s,transform .15s;animation:.3s ease-out .8s forwards fade-up}.po-modal-ok:hover{background:#ffffff2e;transform:scale(1.04)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.packs-screen{flex-direction:column;gap:20px;min-height:100%;padding:20px 16px;display:flex}.packs-header{text-align:center;padding-top:8px}.packs-title{color:var(--c-text);margin-bottom:4px;font-size:24px;font-weight:900;transition:color .3s}.packs-subtitle{color:var(--c-text2);font-size:13px;font-weight:500;transition:color .3s}.packs-list{flex-direction:column;gap:14px;display:flex}.pack-card{background:var(--c-bg2);border:1px solid var(--c-border);cursor:pointer;border-radius:18px;align-items:center;gap:16px;padding:14px;transition:transform .15s,background .15s,border-color .3s;display:flex;position:relative;overflow:hidden}.pack-card:hover{background:var(--c-bg3);transform:translate(4px)}.pack-card:active{transform:scale(.98)}.pack-card-visual{flex-shrink:0;width:70px;height:90px;position:relative}.pack-card-glow{background:var(--c2);filter:blur(16px);opacity:.3;border-radius:50%;animation:2.5s ease-in-out infinite glow-pulse;position:absolute;inset:-8px}.pack-card-art{z-index:2;background:linear-gradient(160deg, var(--c1) 0%, color-mix(in srgb, var(--c2) 25%, var(--c1)) 100%);border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pack-art-letter{color:#ffffff1f;font-size:36px;font-weight:900}.pack-card-info{flex-direction:column;flex:1;gap:5px;display:flex}.pack-card-name{color:var(--c-text);font-size:16px;font-weight:800;transition:color .3s}.pack-card-desc{color:var(--c-text2);font-size:12px;font-weight:500;transition:color .3s}.pack-card-cost{border-radius:8px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.cost-free{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.pack-card-arrow{color:var(--c-text3);font-size:22px;font-weight:300}.packs-info{background:var(--c-bg2);border:1px solid var(--c-border);border-radius:14px;flex-direction:column;gap:10px;margin-top:auto;padding:16px;transition:background .3s,border-color .3s;display:flex}.info-item{color:var(--c-text2);align-items:center;gap:10px;font-size:13px;transition:color .3s;display:flex}.info-icon{color:var(--c-text3);font-size:12px}@keyframes glow-pulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.4;transform:scale(1.1)}}.collection-screen{flex-direction:column;gap:16px;min-height:100%;padding:20px 16px 100px;display:flex}.collection-header{text-align:center}.collection-title{color:var(--c-text);margin-bottom:14px;font-size:24px;font-weight:900;transition:color .3s}.collection-stats{justify-content:center;align-items:center;gap:20px;margin-bottom:12px;display:flex}.cstat{flex-direction:column;align-items:center;gap:2px;display:flex}.cstat-val{color:var(--c-text);font-size:22px;font-weight:900;transition:color .3s}.cstat-label{color:var(--c-text2);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;transition:color .3s}.cstat-divider{background:var(--c-border);width:1px;height:32px}.progress-bar{background:var(--c-border);border-radius:2px;max-width:300px;height:4px;margin:0 auto;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;height:100%;transition:width .5s}.filter-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-btn{border:1px solid var(--c-border);background:var(--c-bg2);color:var(--c-text2);cursor:pointer;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.filter-btn:hover{background:var(--c-bg3);color:var(--c-text)}.filter-active{color:var(--c-accent);background:#6366f133;border-color:#6366f173}.cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-card{cursor:pointer;justify-content:center;transition:transform .15s;display:flex;position:relative}.grid-card:hover{transform:scale(1.04)}.grid-card:active{transform:scale(.97)}.grid-card-zoom{zoom:.58;line-height:1}.grid-card-count{color:#ffffffd9;z-index:10;background:#000000b3;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.collection-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:60px 0;display:flex}.empty-icon{opacity:.3;font-size:48px}.empty-text{color:var(--c-text2);font-size:18px;font-weight:700;transition:color .3s}.empty-sub{color:var(--c-text3);font-size:13px;transition:color .3s}.card-modal-overlay{z-index:200;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.card-modal{flex-direction:column;align-items:center;gap:14px;animation:.25s ease-out modal-in;display:flex}@keyframes modal-in{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-rarity{text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.modal-copies{color:#fff6;font-size:13px}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.modal-close:hover{background:#ffffff2e}.app{--c-bg:#0a0a14;--c-bg2:#ffffff0a;--c-bg3:#ffffff06;--c-border:#ffffff14;--c-border2:#ffffff21;--c-text:#fff;--c-text2:#ffffff80;--c-text3:#ffffff40;--c-header-bg:#0a0a14eb;--c-nav-bg:#0a0a14f2;--c-orb1:#3b82f614;--c-orb2:#8b5cf612;--c-accent:#a5b4fc}.app[data-theme=light]{--c-bg:#eef1f8;--c-bg2:#0000000a;--c-bg3:#00000005;--c-border:#00000014;--c-border2:#00000024;--c-text:#0d1117;--c-text2:#00000085;--c-text3:#00000047;--c-header-bg:#eef1f8ed;--c-nav-bg:#eef1f8f5;--c-orb1:#3b82f61a;--c-orb2:#e11e3c12;--c-accent:#3b5bdb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.app{background:var(--c-bg);min-height:100dvh;color:var(--c-text);flex-direction:column;max-width:430px;margin:0 auto;font-family:-apple-system,Segoe UI,sans-serif;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.app-bg{pointer-events:none;z-index:0;max-width:430px;margin:0 auto;position:fixed;inset:0}.bg-orb{filter:blur(80px);border-radius:50%;transition:background .4s;position:absolute}.bg-orb-1{background:var(--c-orb1);width:300px;height:300px;animation:8s ease-in-out infinite orb-move;top:-80px;right:-60px}.bg-orb-2{background:var(--c-orb2);width:250px;height:250px;animation:10s ease-in-out infinite reverse orb-move;bottom:100px;left:-40px}@keyframes orb-move{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.app-header{z-index:50;background:var(--c-header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--c-border);align-items:center;gap:10px;padding:10px 14px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.header-logo-img{object-fit:contain;filter:drop-shadow(0 1px 4px #00000040);flex-shrink:0;width:36px;height:36px}.header-title{color:var(--c-text);letter-spacing:.5px;flex:1;font-size:15px;font-weight:700;transition:color .3s}.header-title-accent{color:#e4002b;letter-spacing:1px;font-weight:900}.app[data-theme=light] .header-title-accent{color:#10069f}.theme-toggle{border:1px solid var(--c-border2);background:var(--c-bg2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s,transform .2s;display:flex}.theme-toggle:hover{background:var(--c-bg3);transform:scale(1.08)}.theme-toggle:active{transform:scale(.93)}.app-content{z-index:1;scrollbar-width:none;flex:1;position:relative;overflow:hidden auto}.app-content::-webkit-scrollbar{display:none}.bottom-nav{z-index:50;background:var(--c-nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--c-border);padding:8px 0 max(8px, env(safe-area-inset-bottom));transition:background .3s,border-color .3s;display:flex;position:sticky;bottom:0}.nav-btn{color:var(--c-text3);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;transition:color .2s;display:flex;position:relative}.nav-btn.nav-active{color:var(--c-accent)}.nav-icon{font-size:22px;line-height:1}.nav-label{letter-spacing:.5px;font-size:10px;font-weight:700}.nav-indicator{background:var(--c-accent);border-radius:1px;width:20px;height:2px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}