:root{--bg-app:#0a0e1a;--bg-card:#0d1221;--bg-surface:#111827;--bg-input:#121828;--bg-hover:#1a2236;--border:#1e2640;--border-soft:#1a2030;--gold:#f5c842;--gold-dim:#f5c84226;--green-ring:#22c55e;--owned-border:#166534;--owned-bg:#052015;--owned-text:#dcfce7;--dupe-border:#b45309;--dupe-bg:#1c1005;--dupe-text:#fef3c7;--sidebar-active-bg:#1e2d5a;--sidebar-active-text:#f5c842;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--sidebar-width:270px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{background:var(--bg-app);color:var(--text-primary);min-height:100vh;font-family:Barlow,sans-serif;overflow:hidden}:is(body:has(.splash-page),body:has(.auth-screen)){overflow-y:auto}button,a,[role=button],input,textarea,select{touch-action:manipulation}button{cursor:pointer;font:inherit;background:0 0;border:none}input{font:inherit}.app-layout{height:100svh;padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));background:var(--bg-app);gap:10px;display:flex;overflow:hidden}@keyframes sb-pulse{0%{box-shadow:0 0 #f5c8428c,2px 0 12px #0006}60%{box-shadow:0 0 0 8px #f5c84200,2px 0 12px #0006}to{box-shadow:0 0 #f5c84200,2px 0 12px #0006}}.sidebar-tab-btn{z-index:102;background:var(--bg-card);border:1px solid var(--border-soft);width:22px;height:56px;color:var(--text-secondary);cursor:pointer;border-left:none;border-radius:0 999px 999px 0;justify-content:center;align-items:center;transition:left .28s cubic-bezier(.4,0,.2,1),background .15s,color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:2px 0 12px #0006}.sidebar-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-tab-btn.sb-closed{color:var(--gold);border-color:#f5c84259;animation:2s ease-out infinite sb-pulse}.sidebar-tab-btn.sb-open{color:var(--gold);border-color:#f5c84259;animation:none;box-shadow:2px 0 12px #0006,0 0 8px #f5c84266,0 0 20px #f5c84233}@media (width<=768px){.sidebar-tab-btn.sb-open{left:calc(min(var(--sidebar-width), 82vw))!important}.sidebar-tab-btn.sb-closed{border-radius:0 999px 999px 0;left:0!important}}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background:#0000008c;display:none;position:fixed;inset:0}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;flex-shrink:0;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;overflow:hidden}.sidebar.sidebar-closed{opacity:0;border-width:0;width:0;min-width:0;overflow:hidden}@media (width<=768px){.app-layout{gap:6px;padding:6px}.sidebar-backdrop{display:block}.sidebar{z-index:100;border-radius:0 var(--radius-xl) var(--radius-xl) 0;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(0);width:min(var(--sidebar-width), 82vw)!important;opacity:1!important;border-width:1px!important;min-width:0!important}.sidebar.sidebar-closed{transform:translate(-110%);width:min(var(--sidebar-width), 82vw)!important}}.sidebar-header{border-bottom:1px solid var(--border-soft);padding:20px 14px}.sidebar-logo-wrap{align-items:center;gap:10px;display:flex}.sidebar-brand-text{flex-direction:column;gap:2px;line-height:1;display:flex}.sidebar-brand-name{letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:1.65rem;font-weight:800}.sidebar-brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:600}.sidebar-user{color:var(--text-secondary);margin-top:6px;font-size:.73rem}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:14px 8px 8px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}.sidebar-group-container{flex-direction:column;display:flex}.sidebar-item{border-radius:var(--radius-pill);width:100%;color:var(--text-secondary);text-align:left;border:1px solid #0000;align-items:center;gap:6px;padding:9px 14px;font-size:.82rem;font-weight:500;transition:background .2s,color .15s,box-shadow .2s,border-color .2s;display:flex}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-soft)}.sidebar-group-container>.sidebar-item:hover{background:linear-gradient(135deg, #f5c84214 0%, var(--bg-hover) 100%);border-color:#f5c84280;box-shadow:0 0 10px #f5c84240,0 0 24px #f5c8421f}.sidebar-item.active{color:var(--gold);background:linear-gradient(135deg,#1e2d5a 0%,#1a2448 100%);border-color:#f5c84240;font-weight:700;box-shadow:0 2px 10px #f5c8421a,inset 0 1px #f5c84214}.sidebar-group-label{flex:1}.sidebar-top-btns{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.sidebar-top-btn{border-radius:var(--radius-pill);text-align:left;cursor:pointer;letter-spacing:.03em;align-items:center;gap:10px;width:100%;min-height:60px;padding:14px;font-size:.93rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .15s;display:flex;position:relative}.sidebar-top-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;display:flex}.sidebar-home-btn{letter-spacing:.03em;color:#f5c8428c;background:#f5c84208;border:1px solid #f5c84240;font-size:.9rem;font-weight:600}.sidebar-home-btn:hover{color:#f5c842e6;background:#f5c84214;border-color:#f5c84273;box-shadow:0 0 10px #f5c8421f}.sidebar-home-btn.active{color:var(--gold);background:#f5c84224;border-color:#f5c842bf;box-shadow:0 0 6px #f5c8428c,0 0 18px #f5c84259,0 0 36px #f5c8422e,inset 0 0 8px #f5c84214}.sidebar-home-icon{border-radius:var(--radius-md);width:26px;height:26px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-home-label{letter-spacing:.03em;flex:1;font-family:Barlow,sans-serif;font-size:.93rem;font-weight:600}.sidebar-arrow{color:var(--text-muted);font-size:.85rem;line-height:1;transition:transform .2s;display:inline-block}.sidebar-arrow.open{transform:rotate(90deg)}.sidebar-pct{font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700}.sidebar-item.active .sidebar-pct{color:#f5c842bf}.sidebar-sublist{flex-direction:column;gap:1px;padding:3px 0 4px 12px;display:flex}.sidebar-subitem{border-radius:var(--radius-pill);width:100%;color:var(--text-secondary);text-align:left;border:1px solid #0000;align-items:center;gap:7px;padding:7px 10px;font-size:.78rem;font-weight:500;transition:background .2s,color .15s,border-color .2s,box-shadow .2s;display:flex}.sidebar-subitem:hover{background:linear-gradient(135deg, #f5c84212 0%, var(--bg-hover) 100%);color:var(--text-primary);border-color:#f5c84266;box-shadow:0 0 8px #f5c84233,0 0 18px #f5c8421a}.sidebar-subitem.active{color:var(--gold);background:linear-gradient(135deg,#1e2d5acc 0%,#1a2448cc 100%);border-color:#f5c84233;font-weight:700}.subitem-flag{flex-shrink:0;font-size:1.1em;line-height:1}.subitem-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.subitem-pct{flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700}.sidebar-ai-btn{cursor:not-allowed;background:#8b5cf60d;border:1px solid #8b5cf647}.sidebar-ai-btn:after{content:"Coming soon";text-transform:uppercase;letter-spacing:.1em;color:#c0a0ffe6;text-align:left;opacity:0;pointer-events:none;font-size:.78rem;font-weight:600;transition:opacity .18s;position:absolute;top:50%;left:44px;right:12px;transform:translateY(-50%)}.sidebar-ai-btn:hover:after{opacity:1}.sidebar-ai-btn:hover .sidebar-ai-label{opacity:0}.sidebar-ai-icon{filter:drop-shadow(0 0 4px #a78bfab3);flex-shrink:0;font-size:1rem;line-height:1}.sidebar-ai-label{color:#c4b5fd;letter-spacing:.03em;white-space:nowrap;flex:1;font-size:.93rem;font-weight:600;transition:opacity .18s}.sidebar-trade-badge{background:var(--dupe-border);color:var(--dupe-text);border-radius:var(--radius-pill);padding:1px 7px;font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:800}.sidebar-divider{background:var(--border-soft);border-radius:1px;height:1px;margin:6px 4px}.sidebar-collections-header{align-items:center;gap:2px;margin-top:14px;padding:2px 4px 2px 0;display:flex}.sidebar-collections-toggle{border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:4px 8px;transition:background .12s;display:flex}.sidebar-collections-toggle:hover{background:var(--bg-hover)}.sidebar-collections-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;text-align:left;flex:1;font-size:.68rem;font-weight:700}.sidebar-collections-add{border-radius:var(--radius-md);color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.1rem;line-height:1;transition:background .12s,border-color .12s,color .12s;display:flex}.sidebar-collections-add:hover{color:var(--gold);background:#f5c8421a;border-color:#f5c84266}.sidebar-collections-body{flex-direction:column;gap:4px;margin-top:8px;padding-bottom:6px;padding-left:4px;display:flex}.sidebar-add-col-form{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#ffffff0a;flex-direction:column;gap:6px;margin-bottom:4px;padding:8px 6px;display:flex}.sidebar-add-col-input{background:var(--bg-input,#ffffff0f);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);box-sizing:border-box;outline:none;width:100%;padding:6px 10px;font-size:.82rem}.sidebar-add-col-input:focus{border-color:#f5c84280}.sidebar-add-col-input::placeholder{color:var(--text-muted)}.sidebar-add-col-actions{gap:6px;display:flex}.sidebar-add-col-confirm{border-radius:var(--radius-md);color:var(--gold);cursor:pointer;background:#f5c84226;border:1px solid #f5c84259;flex:1;padding:5px 0;font-size:.78rem;font-weight:700;transition:background .12s}.sidebar-add-col-confirm:hover{background:#f5c84240}.sidebar-add-col-cancel{border:1px solid var(--border-soft);border-radius:var(--radius-md);width:30px;color:var(--text-muted);cursor:pointer;background:0 0;padding:5px 0;font-size:.78rem;transition:background .12s}.sidebar-add-col-cancel:hover{background:var(--bg-hover)}.sidebar-collection{flex-direction:column;display:flex}.sidebar-collection-btn{border-radius:var(--radius-lg);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:11px 10px;transition:background .12s;display:flex}.sidebar-collection-btn:hover{background:var(--bg-hover)}.sidebar-collection-btn.open{background:#ffffff0a}.sidebar-collection-icon{flex-shrink:0;font-size:1rem;line-height:1}.sidebar-collection-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.sidebar-collection-content{border-left:1px solid #ffffff12;flex-direction:column;margin-bottom:4px;margin-left:14px;padding-left:12px;display:flex}.sidebar-col-empty{flex-direction:column;gap:8px;padding:10px 8px;display:flex}.sidebar-col-empty span{color:var(--text-muted);opacity:.6;font-size:.76rem}.sidebar-col-remove{border-radius:var(--radius-md);color:#ef444499;cursor:pointer;text-align:left;background:0 0;border:1px solid #ef444440;padding:4px 8px;font-size:.72rem;transition:background .12s,color .12s}.sidebar-col-remove:hover{color:#ef4444;background:#ef44441a}.sidebar-footer{border-top:1px solid var(--border-soft);flex-direction:column;gap:7px;padding:10px 8px 14px;display:flex}.sync-indicator{border-radius:var(--radius-md);text-align:center;padding:5px 10px;font-size:.7rem;font-weight:600}.sync-syncing{color:#93c5fd;background:#1e2d5a}.sync-saved{color:#86efac;background:#052015}.sync-error{color:#fca5a5;background:#2d0f0f}.logout-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);padding:7px 12px;font-size:.78rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.logout-btn:hover{color:#fca5a5;background:#2d1515;border-color:#7f1d1d}.main-panel{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.main-header{border-bottom:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px 10px 24px;display:flex;position:relative}.main-header-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}@keyframes header-toggle-pulse{0%,to{box-shadow:0 0 #f5c8428c,0 0 10px #f5c84259}50%{box-shadow:0 0 0 10px #f5c84200,0 0 18px #f5c8428c}}.header-sidebar-toggle{width:38px;height:38px;color:var(--gold);cursor:pointer;background:#f5c84224;border:1.5px solid #f5c8428c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .1s;animation:2s ease-in-out infinite header-toggle-pulse;display:flex;box-shadow:0 0 10px #f5c84259}.header-sidebar-toggle:hover{background:#f5c84238;border-color:#f5c842d9}.header-sidebar-toggle:active{transform:scale(.94)}.header-sidebar-toggle.open{background:#f5c84247;border-color:#f5c842e6;animation:none;box-shadow:0 0 14px #f5c84280,0 0 28px #f5c84233}.sidebar-tab-btn{display:none}@media (width<=768px){.header-sidebar-toggle+.header-home-btn{margin-left:10px}}.header-home-btn{border-radius:var(--radius-pill);color:var(--gold);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#f5c84224;border:1.5px solid #f5c8428c;align-items:center;gap:7px;padding:7px 14px 7px 11px;font-size:.9rem;font-weight:800;transition:background .18s,border-color .18s,transform .1s,box-shadow .18s;display:flex;box-shadow:0 0 8px #f5c84238}.header-home-btn:hover{background:#f5c84238;border-color:#f5c842d9;box-shadow:0 0 14px #f5c84266,0 0 28px #f5c84226}.header-home-btn:active{transform:scale(.94)}.header-home-btn.active{background:#f5c84247;border-color:#f5c842e6;box-shadow:0 0 12px #f5c84280,0 0 30px #f5c84233}@media (width<=480px){.header-home-label{display:none}.header-home-btn{padding:7px 10px}}.page-breadcrumb{color:#f5c842d9;border-top:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:6px;padding:6px 16px 8px;font-size:.82rem;font-weight:600;display:flex}.breadcrumb-link{color:#f5c842b3;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.breadcrumb-link:hover{color:var(--gold);text-decoration:underline}.breadcrumb-sep{color:#f5c84273;font-size:.95rem}.breadcrumb-current{color:var(--gold);font-weight:700}.breadcrumb-home-link{color:var(--gold);letter-spacing:.04em;cursor:pointer;background:#f5c84224;border:1.5px solid #f5c8428c;border-radius:999px;align-items:center;padding:5px 14px;font-size:.85rem;font-weight:800;transition:background .15s,transform .1s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 8px #f5c84238}.breadcrumb-home-link:hover{background:#f5c84238;border-color:#f5c842d9;box-shadow:0 0 12px #f5c84259}.breadcrumb-home-link:active{transform:scale(.94)}@media (width<=768px){.page-breadcrumb{gap:8px;padding:8px 12px 10px}}.header-search-wrap{z-index:10;width:420px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=768px){.main-header{flex-wrap:wrap;row-gap:14px;padding:10px 12px 12px}.header-search-wrap{order:99;width:100%;margin-top:4px;position:relative;left:auto;transform:none}}.header-search-input-row{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.header-search-input-row:focus-within{border-color:#f5c84280;box-shadow:0 0 0 3px #f5c84214}.header-search-icon{color:var(--text-muted);flex-shrink:0}.header-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Barlow,sans-serif;font-size:.88rem}.header-search-input::placeholder{color:var(--text-muted)}.header-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.75rem;line-height:1;transition:color .15s}.header-search-clear:hover{color:var(--text-primary)}.header-search-dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.search-result-item{border:none;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:9px 14px;transition:background .12s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-hover)}.search-result-flag{flex-shrink:0;font-size:1.1rem}.search-result-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Barlow,sans-serif;font-size:.88rem;font-weight:500;overflow:hidden}.search-result-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:.78rem}.search-result-owned{color:#4ade80;flex-shrink:0;font-size:.75rem;font-weight:700}.search-no-results{text-align:center;color:var(--text-muted);padding:14px;font-size:.85rem;font-style:italic}.header-user-area{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-username{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:700}.header-profile-btn{color:#f5c842;cursor:pointer;background:linear-gradient(135deg,#f5c84226 0%,#fb923c1a 100%);border:2px solid #f5c84266;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.header-profile-btn:hover{border-color:#f5c842cc;transform:scale(1.06);box-shadow:0 0 12px #f5c8424d}.header-profile-initials{letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:800}.main-title{text-transform:uppercase;letter-spacing:.18em;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow,sans-serif;font-size:1.15rem;font-weight:400}.main-title-home{align-items:center;gap:12px;display:flex}.main-title-home-icon{color:#f5c842;background:linear-gradient(135deg,#f5c8422e 0%,#fb923c1f 100%);border:1px solid #f5c8424d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.main-title-home-word{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:1.75rem;font-weight:800}.main-header-breadcrumb{align-items:center;gap:6px;display:flex}.main-header-breadcrumb-group{text-transform:uppercase;letter-spacing:.18em;color:var(--text-secondary);font-family:Barlow,sans-serif;font-size:1.1rem;font-weight:400}.global-pct-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}.stats-bar-wrap{background:linear-gradient(90deg,#0000 0%,#f5c84240 10%,#f5c842e6 50%,#f5c84240 90%,#0000 100%) 0 0/100% 2px no-repeat,linear-gradient(90deg,#0000 0%,#f5c84240 10%,#f5c842e6 50%,#f5c84240 90%,#0000 100%) 0 100%/100% 2px no-repeat;flex-shrink:0;padding:3px 0;position:relative}.stats-bar{background:var(--bg-app);flex-shrink:0;gap:8px;padding:10px 24px;display:flex}.stats-scroll-hint{display:none}@keyframes hint-pulse-right{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes hint-pulse-left{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(-4px)}}@media (width<=768px){.stats-scroll-hint{pointer-events:none;width:64px;height:auto;color:var(--gold);z-index:5;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:5px;bottom:5px}.stats-scroll-hint-right{background:linear-gradient(to right, transparent 0%, var(--bg-app) 70%);justify-content:flex-end;padding-right:6px;right:0}.stats-scroll-hint-left{background:linear-gradient(to left, transparent 0%, var(--bg-app) 70%);justify-content:flex-start;padding-left:6px;left:0}.stats-scroll-btn{pointer-events:auto;width:30px;height:30px;color:var(--gold);cursor:pointer;background:#f5c84224;border:1px solid #f5c84273;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;box-shadow:0 0 8px #f5c84259,0 0 18px #f5c8422e}.stats-scroll-hint-right .stats-scroll-btn{animation:1.4s ease-in-out infinite hint-pulse-right}.stats-scroll-hint-left .stats-scroll-btn{animation:1.4s ease-in-out infinite hint-pulse-left}.stats-scroll-btn:active{background:#f5c84252}.stats-bar-wrap.is-at-start .stats-scroll-hint-left{opacity:0;pointer-events:none}.stats-bar-wrap.is-at-start .stats-scroll-hint-left .stats-scroll-btn{pointer-events:none}.stats-bar-wrap.is-at-end .stats-scroll-hint-right{opacity:0;pointer-events:none}.stats-bar-wrap.is-at-end .stats-scroll-hint-right .stats-scroll-btn{pointer-events:none}}.stat-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:default;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:7px 10px;transition:transform .12s,box-shadow .15s,border-color .15s,background .15s;display:flex}button.stat-card{cursor:pointer}button.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-active{transform:translateY(-1px)}.stat-card-pct{flex-direction:column;align-items:flex-start;gap:5px;min-width:110px;padding:7px 12px 8px}.stat-card-pct-top{align-items:baseline;gap:7px;display:flex}.stat-card-pct-num{letter-spacing:-.02em;font-family:Barlow,sans-serif;font-size:2.4rem;font-weight:300;line-height:1}.stat-card-pct-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;text-align:center;width:100%;margin-top:3px;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:600}.stat-card-pct-bar-track{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:99px;width:100%;height:11px;position:relative;overflow:hidden}.stat-card-pct-bar-fill{--ball-size:9px;height:100%;box-shadow:0 0 10px var(--bar-color,transparent);border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.stat-card-pct-bar-fill:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0003 0%,#fff0 40%,#ffffff40 100%);position:absolute;inset:0}.stat-card-value{font-family:Barlow,sans-serif;font-size:1.9rem;font-weight:300;line-height:1}.stat-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.82rem;font-weight:600}.mobile-completion-bar{background:var(--bg-app);flex-direction:row;flex-shrink:0;align-items:center;gap:12px;padding:12px 18px;display:flex}@media (width<=768px){.mobile-completion-bar{padding:10px 14px}}.mobile-completion-bar-left{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.mobile-ai-btn{color:#c4b5fd;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 10px #8b5cf680;cursor:pointer;background:#8b5cf61a;border:1.5px solid #8b5cf68c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:0;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:900;line-height:1;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 0 8px #8b5cf638}.mobile-ai-btn:hover{background:#8b5cf62e;border-color:#8b5cf6d9;box-shadow:0 0 14px #8b5cf666}.mobile-ai-btn:active{transform:scale(.94)}.mobile-ai-btn svg{color:#a78bfa}.mobile-ai-upload-btn{color:#a78bfa;cursor:pointer;background:#8b5cf60f;border:1.5px solid #8b5cf666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .15s,border-color .15s,transform .1s;display:inline-flex;box-shadow:0 0 6px #8b5cf62e}.mobile-ai-upload-btn:hover{background:#8b5cf624;border-color:#8b5cf6b3}.mobile-ai-upload-btn:active{transform:scale(.94)}.stat-card-pct{display:none}@keyframes ai-preview-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.ai-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out ai-preview-in;display:flex;position:fixed;inset:0}.ai-preview-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid #8b5cf68c;flex-direction:column;gap:14px;width:100%;max-width:460px;max-height:90vh;padding:20px;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 30px #8b5cf659,0 20px 60px #0009}.ai-preview-close{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.1rem;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:12px}.ai-preview-close:hover{color:var(--text-primary);background:#ffffff24}.ai-preview-header{text-transform:uppercase;letter-spacing:.06em;color:#a78bfa;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:800;display:flex}.ai-preview-header svg{color:#a78bfa}.ai-preview-image-wrap{border-radius:var(--radius-md);background:var(--bg-app);border:1px solid var(--border-soft);justify-content:center;align-items:center;max-height:60vh;display:flex;overflow:hidden}.ai-preview-image-wrap img{max-width:100%;max-height:60vh;display:block}.ai-preview-note{color:var(--text-secondary);text-align:center;font-size:.85rem;line-height:1.4}.ai-preview-done-btn{color:#c4b5fd;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(135deg,#8b5cf633 0%,#a78bfa2e 100%);border:1.5px solid #8b5cf6b3;padding:12px 24px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800;transition:background .15s,transform .1s;box-shadow:0 0 12px #8b5cf64d}.ai-preview-done-btn:hover{background:linear-gradient(135deg,#8b5cf64d 0%,#a78bfa40 100%)}.ai-preview-done-btn:active{transform:scale(.97)}.ai-preview-scanning{flex-direction:column;gap:8px;display:flex}.ai-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg,#a78bfa,#c4b5fd);border-radius:999px;height:100%;transition:width .2s;box-shadow:0 0 10px #a78bfa8c}.ai-preview-results{flex-direction:column;gap:10px;display:flex}.ai-result-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:700}.ai-result-chips{flex-wrap:wrap;gap:6px;display:flex}.ai-result-chip{color:var(--text-primary);letter-spacing:.04em;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:5px 10px;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex}.ai-result-chip-code{color:#c4b5fd;background:#8b5cf624;border-color:#8b5cf68c}.ai-raw-block{flex-direction:column;gap:6px;margin-top:4px;display:flex}.ai-raw-text{background:var(--bg-app);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:160px;margin-top:6px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:.74rem;overflow-y:auto}.mobile-completion-bar-track{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden}.mobile-completion-bar-fill{--ball-size:12px;height:100%;box-shadow:0 0 10px var(--bar-color,transparent);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1),background .4s;position:relative;overflow:visible}.mobile-completion-bar-fill:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#00000038 0%,#fff0 40%,#ffffff38 100%);position:absolute;inset:0}.mobile-completion-bar-meta{justify-content:center;align-items:center;gap:10px;line-height:1;display:flex}.mobile-completion-bar-pct{letter-spacing:-.02em;font-family:Barlow,sans-serif;font-size:1.6rem;font-weight:300}.mobile-completion-bar-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:500}@media (width<=768px){.stats-bar-wrap{background:linear-gradient(90deg,#0000 0%,#f5c8422e 12%,#f5c842a6 50%,#f5c8422e 88%,#0000 100%) 0 0/100% 1.5px no-repeat,linear-gradient(90deg,#0000 0%,#f5c8422e 12%,#f5c842a6 50%,#f5c8422e 88%,#0000 100%) 0 100%/100% 1.5px no-repeat;padding:5px 0}.stats-bar{gap:5px;padding:8px;overflow-x:visible}.stat-card-all{display:none}.stat-card{flex:1 1 0;min-width:0;padding:6px 4px}.stat-card-value{font-size:1.15rem;line-height:1}.stat-card-label{letter-spacing:.03em;font-size:.62rem}.stats-scroll-hint{display:none!important}}.owned-color{color:#86efac}.dupe-color{color:#fbbf24}.gold-color{color:var(--gold)}.scroll-area{flex:1;padding:16px 24px 32px;overflow-y:auto}.scroll-area::-webkit-scrollbar{width:5px}.scroll-area::-webkit-scrollbar-track{background:0 0}.scroll-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}.team-section{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:12px 14px 14px}.team-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.team-ring-wrapper{flex-shrink:0}.team-flag-block{flex-direction:row;flex-shrink:0;align-items:center;gap:10px;display:flex}.team-flag-svg{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:36px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000080,0 0 0 1px #ffffff1a}.team-flag-svg svg{width:100%;height:100%}.team-flag-name{text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-family:Barlow,sans-serif;font-size:1.1rem;font-weight:400}.team-info{flex-direction:row;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.team-header>.team-progress-bar{flex:1;max-width:none}.team-name-styled{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:1.45rem;font-weight:800;line-height:1}.team-progress-bar{border-radius:var(--radius-pill);background:#ffffff0a;flex:1;max-width:180px;height:10px;position:relative;overflow:hidden}.team-progress-fill{--ball-size:8px;border-radius:var(--radius-pill);height:100%;box-shadow:0 0 10px var(--bar-color,transparent);transition:width .6s cubic-bezier(.4,0,.2,1),background .4s;position:relative;overflow:visible}.team-progress-fill:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0003 0%,#fff0 40%,#ffffff38 100%);position:absolute;inset:0}.team-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:700}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}@media (width<=768px){.sticker-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.sticker-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;height:172px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:5px;padding:12px 10px 32px;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.sticker-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 14px #f5c84226}.sticker-card.owned{border-color:var(--owned-border);background:var(--owned-bg)}.sticker-card.owned:hover{border-color:#22c55e;box-shadow:0 4px 14px #22c55e26}.sticker-card.special-variant{animation:3s ease-in-out infinite special-pulse}.sticker-card.special-variant:hover{transform:translateY(-5px)scale(1.03)}@keyframes special-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.sticker-card.dupe{border-color:var(--dupe-border);background:var(--dupe-bg)}.sticker-card.dupe:hover{border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b33}.card-num{color:var(--text-muted);align-self:flex-start;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:700}.count-badge{color:#dcfce7;border-radius:var(--radius-pill);background:#166534b3;border:1px solid #22c55e66;padding:2px 7px;font-family:Barlow,sans-serif;font-size:.9rem;font-weight:400;position:absolute;top:5px;right:5px}.card-quick-remove{color:#fff;z-index:2;background:#ef4444d9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.1rem;font-weight:900;line-height:1;transition:transform .12s,opacity .12s;display:flex;position:absolute;bottom:5px;left:5px;box-shadow:0 2px 6px #0006}.card-quick-remove:hover{background:#ef4444;transform:scale(1.25)}.card-quick-add{background:var(--gold);color:#0a0e1a;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1rem;font-weight:900;line-height:1;transition:transform .12s,opacity .12s;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 2px 6px #0006}.card-quick-add:hover{opacity:.9;transform:scale(1.25)}.card-avatar{color:var(--text-muted);background:var(--bg-input);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:2px 0;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:800;display:flex}.sticker-card.owned .card-avatar{color:var(--owned-text);background:#16653466}.sticker-card.dupe .card-avatar{color:var(--dupe-text);background:#b453094d}.card-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.9rem;font-weight:600;line-height:1.2;overflow:hidden}.sticker-card.owned .card-name{color:var(--owned-text)}.sticker-card.dupe .card-name{color:var(--dupe-text)}.card-pos{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700}.variant-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#00000059;padding:2px 7px;font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-lg);padding:22px;position:relative;overflow-y:auto}.modal-card::-webkit-scrollbar{width:4px}.modal-card::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}@keyframes modal-slide-in-right{0%{opacity:0;transform:translate(60%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.modal-overlay{justify-content:center;align-items:center;padding:16px}.modal-card{border:1.5px solid #f5c84259;border-radius:18px;width:auto;max-width:360px;height:auto;max-height:85svh;padding:18px;animation:.28s cubic-bezier(.4,0,.2,1) modal-slide-in-right;box-shadow:-6px 0 26px #0000008c,0 0 18px #f5c8422e}.modal-card .variant-grid{grid-template-columns:1fr}.modal-card .variant-btn-White{border-width:2px;padding:14px 12px;font-size:1.05rem;font-weight:700;box-shadow:0 0 12px #ffffff14}.modal-card .variant-btn-White .vbtn-dot{width:16px;height:16px}}.modal-close{color:var(--text-muted);border-radius:var(--radius-md);padding:5px 8px;font-size:.85rem;transition:background .15s,color .15s;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-header{margin-bottom:16px;padding-right:28px}.modal-title{color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800}.modal-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:.75rem}.modal-value{color:var(--gold);margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.modal-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px;font-size:.62rem;font-weight:700}.variant-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.variant-btn{background:var(--bg-input);border:2px solid var(--v-color,var(--border));border-radius:var(--radius-lg);text-align:left;opacity:.75;align-items:center;gap:7px;padding:10px 12px;transition:background .15s,box-shadow .15s,transform .1s;display:flex}.variant-btn:hover{background:var(--bg-hover);opacity:1;box-shadow:0 0 12px color-mix(in srgb, var(--v-color,#fff) 45%, transparent);transform:translateY(-1px)}.variant-btn.selected{opacity:1;background:color-mix(in srgb, var(--v-color,#fff) 12%, var(--bg-input));box-shadow:0 0 14px color-mix(in srgb, var(--v-color,#fff) 55%, transparent)}.vbtn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vbtn-label{color:var(--text-primary);flex:1;min-width:0;font-size:.78rem;font-weight:600}.vbtn-odds{color:var(--text-muted);font-size:.62rem}.vbtn-price{color:var(--gold);margin-left:auto;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700}.add-copy-btn{background:var(--gold);color:#0a0e1a;border-radius:var(--radius-md);letter-spacing:.02em;width:100%;margin-top:12px;padding:10px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:800;transition:opacity .15s,transform .1s}.add-copy-btn:hover{opacity:.92;transform:translateY(-1px)}.inventory-list,.trade-pile-list{flex-direction:column;gap:4px;display:flex}.inventory-row,.trade-row{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-soft);align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;display:flex}.inv-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.inv-label{color:var(--text-primary);flex:1;font-weight:500}.inv-qty{color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-weight:700}.inv-remove{background:var(--border);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex}.inv-remove:hover{color:#fca5a5;background:#7f1d1d}.trade-qty{color:var(--dupe-border);margin-left:auto;font-family:Barlow Condensed,sans-serif;font-weight:700}.auth-screen{background:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg);box-sizing:border-box;padding:34px 28px;overflow:hidden}.auth-logo{justify-content:center;margin-bottom:10px;display:flex}.auth-brand-name{letter-spacing:.03em;text-transform:uppercase;text-align:center;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:800}.auth-tagline{letter-spacing:.12em;text-transform:uppercase;text-align:center;background:linear-gradient(90deg,#f5c842 0%,#fb923c 50%,#f5c842 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #fb923caa)drop-shadow(0 0 14px #f5c84266);-webkit-background-clip:text;background-clip:text;margin-bottom:22px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700}.auth-tabs{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xl);gap:3px;margin-bottom:18px;padding:3px;display:flex}.auth-tab{color:var(--text-muted);border-radius:var(--radius-lg);background:0 0;flex:1;padding:7px;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background:var(--sidebar-active-bg);color:var(--gold);box-shadow:var(--shadow-sm)}.auth-form{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.auth-form input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:11px 14px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.auth-form input::placeholder{color:var(--text-muted)}.auth-error{color:#fca5a5;border-radius:var(--radius-md);background:#2d0f0f;border:1px solid #7f1d1d;padding:9px 12px;font-size:.78rem}.auth-submit{background:var(--gold);color:#0a0e1a;border-radius:var(--radius-md);letter-spacing:.03em;width:100%;margin-top:4px;padding:11px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800;transition:opacity .15s,transform .1s}.auth-submit:hover{opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.4;cursor:not-allowed;transform:none}.auth-social-row{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.auth-social-btn{cursor:pointer;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:52px;height:44px;transition:background .15s,border-color .15s,transform .15s;display:flex}.auth-social-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff47;transform:translateY(-2px)}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-social-spinner{border:2px solid #fff3;border-top-color:#f5c842;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{color:var(--text-muted);letter-spacing:.08em;align-items:center;gap:10px;margin-bottom:16px;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-field{flex-direction:column;gap:3px;display:flex;position:relative}.auth-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:11px 40px 11px 14px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.auth-field input.valid{border-color:#4ade8080}.auth-field input.invalid{border-color:#f871718c}.auth-field input::placeholder{color:var(--text-muted)}.auth-field-check{pointer-events:none;position:absolute;top:12px;right:12px}.auth-hint{padding-left:2px;font-size:.72rem}.auth-hint.error{color:#f87171}.auth-pw-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px 4px;transition:color .15s;display:flex;position:absolute;top:9px;right:10px}.auth-pw-toggle:hover{color:var(--text-primary)}.auth-strength{align-items:center;gap:10px;display:flex}.auth-strength-bar{flex:1;gap:4px;display:flex}.auth-strength-seg{border-radius:2px;flex:1;height:4px;transition:background .2s}.auth-strength-label{letter-spacing:.06em;text-transform:uppercase;text-align:right;min-width:44px;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700}.auth-checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;width:100%;display:grid}.auth-checkbox{width:15px;height:15px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.auth-checkbox-label{color:var(--text-muted);font-size:.78rem;line-height:1.4}.auth-link{color:#f5c842;font-weight:600;text-decoration:none}.auth-link:hover{color:#ffe066;text-decoration:underline}.auth-forgot{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem}.auth-forgot:hover{color:#f5c842}.auth-success{color:#86efac;border-radius:var(--radius-md);background:#0d2d1a;border:1px solid #166534;padding:9px 12px;font-size:.78rem}.loading-screen{min-height:100vh;color:var(--text-muted);letter-spacing:.06em;justify-content:center;align-items:center;gap:10px;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:600;display:flex}.loading-tk{background:linear-gradient(135deg,#fde68a 0%,#f5c842 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:900}.pack-tracker-wrap{flex:1;align-items:stretch;display:flex;position:relative}.pack-tracker-card{cursor:pointer;flex:1;width:100%;transition:background .2s,border-color .2s,box-shadow .2s}.pack-popover{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:300;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden}.pack-popover-backdrop{display:none}@keyframes pack-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.pack-popover-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:240;background:#0000008c;display:block;position:fixed;inset:0}.pack-popover{border-top:1px solid var(--border);z-index:250;width:100%;max-height:85vh;padding-bottom:max(12px, env(safe-area-inset-bottom));border-bottom:none;border-left:none;border-right:none;border-radius:18px 18px 0 0;animation:.28s cubic-bezier(.4,0,.2,1) pack-sheet-in;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -8px 32px #0009}.pack-popover:before{content:"";background:#ffffff38;border-radius:2px;width:44px;height:4px;margin:8px auto 4px;display:block}}.pack-popover-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.pack-popover-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:700}.pack-popover-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:.75rem;transition:color .15s,background .15s}.pack-popover-close:hover{color:var(--text-primary);background:var(--bg-hover)}.pack-box-row{gap:6px;padding:10px 14px 4px;display:flex}.pack-box-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 4px;transition:background .15s,border-color .15s;display:flex}.pack-box-btn:hover{background:#818cf81a;border-color:#818cf880}.pack-box-label{color:#818cf8;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700}.pack-box-sub{color:var(--text-muted);white-space:nowrap;font-family:Barlow,sans-serif;font-size:.62rem}.pack-box-cost{color:#f5c842;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:600}.pack-counter-row{justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.pack-btn{border:1px solid var(--border);background:var(--bg-card);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:background .15s,border-color .15s;display:flex}.pack-btn:hover{background:var(--bg-hover);border-color:#f5c84266}.pack-btn-add{color:#818cf8;border-color:#818cf880}.pack-btn-add:hover{background:#818cf81a;border-color:#818cf8}.pack-count-display{flex-direction:column;align-items:center;display:flex}.pack-count-num{color:#818cf8;font-family:Barlow,sans-serif;font-size:2rem;font-weight:300;line-height:1}.pack-count-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-family:Barlow Condensed,sans-serif;font-size:.7rem}.pack-price-row{justify-content:space-between;align-items:center;padding:6px 14px 12px;display:flex}.pack-price-label{color:var(--text-muted);font-size:.8rem}.pack-price-val{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:3px 8px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.pack-price-val:hover{color:var(--text-primary);border-color:#f5c84266}.pack-price-edit-hint{color:var(--text-muted);font-size:.65rem;font-weight:400}.pack-price-edit{align-items:center;gap:4px;display:flex}.pack-price-symbol{color:var(--text-muted);font-size:.85rem}.pack-price-input{background:var(--bg-input);border-radius:var(--radius-sm);width:60px;color:var(--text-primary);border:1px solid #f5c84266;outline:none;padding:3px 6px;font-family:Barlow Condensed,sans-serif;font-size:.88rem}.pack-price-save{border-radius:var(--radius-sm);color:var(--gold);cursor:pointer;background:#f5c84226;border:1px solid #f5c84266;padding:3px 7px;font-size:.8rem;transition:background .15s}.pack-price-save:hover{background:#f5c84240}.pack-divider{background:var(--border-soft);height:1px;margin:0}.pack-stats,.pack-projection{padding:10px 14px}.pack-proj-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700}.pack-stat-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.pack-stat-label{color:var(--text-muted);font-size:.8rem}.pack-stat-val{color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:600}.pack-stat-total{border-top:1px solid var(--border-soft);margin-top:6px;padding-top:6px}.pack-stat-total .pack-stat-label{color:var(--text-secondary);font-weight:600}.pack-stat-total .pack-stat-val{font-size:1rem}.pack-log-list{max-height:180px;padding:0 0 8px;overflow-y:auto}.pack-log-entry{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;transition:background .12s;display:flex}.pack-log-entry:last-child{border-bottom:none}.pack-log-entry:hover{background:var(--bg-hover)}.pack-log-entry-info{flex-direction:column;gap:1px;min-width:0;display:flex}.pack-log-entry-label{color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:600}.pack-log-entry-date{color:var(--text-muted);font-size:.68rem}.pack-log-entry-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pack-log-entry-count{color:#818cf8;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:600}.pack-log-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 5px;font-size:.65rem;line-height:1;transition:color .15s,border-color .15s,background .15s}.pack-log-remove:hover{color:#f87171;background:#f8717114;border-color:#f8717166}.album-view{padding:4px 0 24px}.album-tabs{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:6px;margin-bottom:24px;padding-bottom:14px;display:flex}.album-tab{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);letter-spacing:.05em;cursor:pointer;padding:5px 14px;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.album-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#f5c84266}.album-tab.active{color:var(--gold);background:#f5c8421f;border-color:#f5c84299}.album-pages{flex-direction:column;gap:32px;display:flex}.album-page{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.album-page-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0f1e35 0%,#0a1525 100%);align-items:center;gap:14px;padding:14px 20px;display:flex}.album-page-flag{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:42px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000080,0 0 0 1px #ffffff1a}.album-page-flag svg{width:100%;height:100%}.album-page-info{flex:1}.album-page-team{text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.2}.album-page-group{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:500}.album-page-progress{flex-shrink:0;align-items:center;gap:8px;display:flex}.album-page-count{color:var(--text-muted);white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:600}.album-page-bar-track{background:var(--border);border-radius:var(--radius-pill);width:100px;height:6px;overflow:hidden}.album-page-bar-fill{border-radius:var(--radius-pill);height:100%;transition:width .4s}.album-page-pct{color:var(--text-muted);text-align:right;min-width:30px;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:700}.album-slot-grid{grid-template-columns:repeat(5,1fr);gap:10px;padding:16px;display:grid}.album-slot{aspect-ratio:3/4;border:1.5px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px 6px;transition:transform .15s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.album-slot:hover{transform:translateY(-3px)scale(1.03)}.album-slot-empty{border-style:dashed;border-color:var(--border-soft);background:#ffffff05}.album-slot-empty:hover{background:#f5c84208;border-color:#f5c8424d}.album-slot-missing{border-color:var(--border-soft);background:#ffffff05}.album-slot-owned{background:linear-gradient(160deg,#0f1e35 0%,#0a1525 100%);border-color:#22c55e66}.album-slot-num{color:var(--text-muted);font-family:Barlow Condensed,sans-serif;font-size:.6rem;font-weight:600;line-height:1;position:absolute;top:4px;left:6px}.album-slot-avatar{color:var(--text-muted);margin-top:8px;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:700;line-height:1}.album-slot-owned .album-slot-avatar{color:#86efac}.album-slot-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-family:Barlow,sans-serif;font-size:.55rem;font-weight:500;line-height:1.2;overflow:hidden}.album-slot-pos{color:var(--text-muted);letter-spacing:.05em;font-family:Barlow Condensed,sans-serif;font-size:.58rem;font-weight:600}.album-slot-variant{letter-spacing:.06em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:.52rem;font-weight:700}.trade-pile-summary{gap:8px;margin-bottom:20px;display:flex}.tp-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;align-items:center;padding:10px 14px;display:flex}.tp-stat-val{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800;line-height:1}.tp-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.62rem}.tp-group-badge{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-pill);letter-spacing:.03em;margin-left:8px;padding:1px 7px;font-size:.62rem;font-weight:600}.trade-pile-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.trade-pile-empty-icon{opacity:.4;margin-bottom:12px;font-size:3rem}.trade-pile-empty-title{color:var(--text-secondary);margin-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:700}.trade-pile-empty-msg{color:var(--text-muted);max-width:280px;font-size:.82rem;line-height:1.6}.sidebar-queue-btn{color:#5eead4a6;background:#14b8a60a;border:1px solid #14b8a647;position:relative}.sidebar-queue-btn:hover{color:#5eead4;background:#14b8a617;border-color:#14b8a680;box-shadow:0 0 10px #14b8a626}.sidebar-queue-btn.active{color:#2dd4bf;background:linear-gradient(135deg,#14b8a629 0%,#06b6d41f 100%);border-color:#14b8a6c7;box-shadow:0 0 6px #14b8a68c,0 0 18px #14b8a659,0 0 36px #14b8a62e,inset 0 0 8px #14b8a614}.sidebar-queue-icon{color:currentColor;flex-shrink:0;align-items:center;display:flex}.sidebar-item-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.sidebar-ai-icon{flex-shrink:0;align-items:center;display:flex}.sidebar-collection-icon{align-items:center;display:flex}.sidebar-queue-badge{color:#f5f3ff;border-radius:var(--radius-pill);background:#7c3aed;flex-shrink:0;margin-left:auto;padding:1px 7px;font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:800}.uq-page{flex-direction:column;gap:16px;width:100%;display:flex}.uq-empty{text-align:center;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);flex-direction:column;align-items:center;padding:48px 24px 40px;display:flex}.uq-empty-icon{opacity:.5;margin-bottom:14px;font-size:3rem}.uq-empty-title{color:var(--text-secondary);margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800}.uq-empty-msg{color:var(--text-muted);max-width:340px;margin-bottom:28px;font-size:.85rem;line-height:1.6}.uq-empty-msg strong{color:#c4b5fd}.uq-empty-steps{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.uq-step{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:.83rem;line-height:1.5;display:flex}.uq-step strong{color:#86efac}.uq-step-num{color:#c4b5fd;background:#8b5cf640;border:1px solid #8b5cf666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:800;display:flex}.uq-bulk-bar{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.uq-bulk-count{color:var(--text-muted);font-size:.85rem}.uq-bulk-count strong{color:#c4b5fd;font-family:Barlow Condensed,sans-serif;font-size:1.1rem}.uq-bulk-actions{gap:8px;display:flex}.uq-bulk-btn{border-radius:var(--radius-pill);letter-spacing:.02em;padding:7px 18px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:800;transition:opacity .15s,transform .1s}.uq-bulk-btn:hover{opacity:.85;transform:translateY(-1px)}.uq-bulk-reject{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.uq-bulk-approve{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.uq-list{flex-direction:column;gap:10px;display:flex}.uq-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);flex-direction:column;gap:14px;padding:16px 18px;transition:border-color .15s;display:flex}.uq-card:hover{border-color:#8b5cf64d}.uq-card-info{align-items:center;gap:14px;display:flex}.uq-card-avatar{border-radius:var(--radius-lg);color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:800;display:flex}.uq-card-details{flex:1;min-width:0}.uq-card-name{color:var(--text-primary);margin-bottom:4px;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:800}.uq-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:.78rem;display:flex}.uq-card-flag{font-size:1.1em}.uq-card-team{color:var(--text-secondary);font-weight:600}.uq-card-dot{opacity:.4}.uq-card-num{font-family:Barlow Condensed,sans-serif;font-weight:700}.uq-card-pos{text-transform:uppercase;letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-weight:700}.uq-card-variant{color:var(--text-muted);align-items:center;gap:5px;margin-top:4px;font-size:.72rem;display:flex}.uq-variant-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.uq-confidence{align-items:center;gap:10px;display:flex}.uq-conf-bar{background:var(--border);border-radius:var(--radius-pill);flex:1;height:5px;overflow:hidden}.uq-conf-fill{border-radius:var(--radius-pill);height:100%;transition:width .4s}.uq-conf-label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700}.uq-actions{gap:10px;display:flex}.uq-btn{border-radius:var(--radius-pill);letter-spacing:.03em;flex:1;padding:12px 16px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800;transition:transform .12s,opacity .12s,box-shadow .15s}.uq-btn:hover{transform:translateY(-2px)}.uq-btn-no{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;flex:none;padding:12px 22px}.uq-btn-no:hover{background:#ef444438;box-shadow:0 4px 14px #ef444426}.uq-btn-yes{color:#86efac;background:linear-gradient(135deg,#22c55e33 0%,#16a34a26 100%);border:1px solid #22c55e59}.uq-btn-yes:hover{box-shadow:0 4px 18px #22c55e33}.find-friends-wrap{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:18px;display:flex}.find-friends-btn{border-radius:var(--radius-xl);letter-spacing:.03em;cursor:pointer;color:#93c5fd;background:linear-gradient(135deg,#1e3a6e 0%,#162d57 100%);border:2px solid #93c5fd4d;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f626}.find-friends-btn:hover:not(:disabled){color:#bfdbfe;border-color:#93c5fd99;transform:translateY(-2px);box-shadow:0 6px 28px #3b82f64d}.find-friends-btn.done{color:#86efac;background:linear-gradient(135deg,#1e4a2e 0%,#14371f 100%);border-color:#86efac59;box-shadow:0 4px 20px #22c55e26}.find-friends-btn.done:hover:not(:disabled){border-color:#86efac99;box-shadow:0 6px 28px #22c55e4d}.find-friends-btn.copied{color:#86efac;background:linear-gradient(135deg,#1e4a2e 0%,#14371f 100%);border-color:#86efac80}.find-friends-btn.error{color:#fca5a5;background:linear-gradient(135deg,#3d1515 0%,#2d0f0f 100%);border-color:#fca5a54d}.find-friends-btn:disabled{cursor:not-allowed;opacity:.85}.ff-pulse{background:#60a5fa;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s ease-in-out infinite ff-ping}@keyframes ff-ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.find-friends-hint{color:var(--text-muted);text-align:center;padding:0 12px;font-size:.8rem;line-height:1.5}.find-friends-hint strong{color:#86efac}.find-friends-hint.warn{color:#fca5a5}.empty-filter-msg{color:var(--text-muted);text-align:center;padding:16px 0;font-size:.82rem}.home-page{flex-direction:column;gap:0;width:100%;display:flex}.home-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;display:flex}.home-section-toggle{cursor:pointer;border-radius:var(--radius-pill);width:100%;color:var(--gold);letter-spacing:.07em;background:#f5c8420f;border:1px solid #f5c84247;justify-content:space-between;padding:8px 14px;font-family:Barlow,sans-serif;font-size:1.05rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;box-shadow:0 0 6px #f5c84224}.home-section-toggle:hover{background:#f5c8421f;border-color:#f5c8428c;box-shadow:0 0 12px #f5c84247}.home-section-toggle:active{transform:scale(.98)}.home-section-chevron{color:var(--gold);filter:drop-shadow(0 0 4px #f5c84259);flex-shrink:0;transition:transform .2s}.home-section-toggle.collapsed .home-section-chevron{transform:rotate(-90deg)}.home-group-grid.collapsed,.home-special-row.collapsed{display:none}.home-section-sub{color:var(--text-muted);text-transform:none;letter-spacing:0;opacity:.75;font-family:Barlow,sans-serif;font-size:.72rem;font-weight:400}.home-section-toggle{text-align:left}.home-section-toggle .home-section-sub{color:#fff;opacity:.85;margin-top:3px;font-size:.75rem;display:block}.home-group-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.home-group-card{background:var(--card-bg,var(--bg-card));border:1px solid var(--card-border,var(--border));border-radius:var(--radius-xl);text-align:left;cursor:pointer;min-height:82px;box-shadow:0 0 6px color-mix(in srgb, var(--glow-color,transparent) 26%, transparent), 0 0 16px color-mix(in srgb, var(--glow-color,transparent) 13%, transparent);flex-direction:column;gap:7px;padding:12px 16px;transition:background .2s,border-color .2s,transform .15s,box-shadow .25s,filter .2s;display:flex}.home-group-block{display:contents}.home-group-teams{display:none}@media (width<=768px){.home-group-grid{grid-template-columns:1fr;gap:0;margin-bottom:20px}.home-group-block{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.home-group-card{border-radius:var(--radius-xl);gap:7px;min-height:auto;padding:11px 14px;background:var(--card-bg,var(--bg-card))!important;border:1.5px solid var(--card-border,var(--border))!important}.home-group-card .hgc-names{display:none}.home-group-card .hgc-bar-row{display:flex}.home-group-card .hgc-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.home-group-card .hgc-title{text-align:center;grid-column:2}.home-group-card .hgc-count-small{grid-column:3;justify-self:end}.hgc-title{font-size:1.2rem}.hgc-count-small{font-size:.76rem}.home-group-teams{flex-wrap:wrap;gap:6px;padding:0 4px;display:flex}.hgt-chip{border:1px solid color-mix(in srgb, var(--glow-color,#f5c842) 35%, transparent);color:color-mix(in srgb, var(--glow-color,#f5c842) 88%, #fff);cursor:pointer;background:0 0;border-radius:999px;flex:auto;justify-content:center;align-items:center;min-width:0;padding:5px 10px;font-size:.76rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s,color .15s;display:inline-flex}.hgt-chip-flag{display:none}.hgt-chip:active{background:color-mix(in srgb, var(--glow-color,#f5c842) 18%, transparent);border-color:color-mix(in srgb, var(--glow-color,#f5c842) 60%, transparent);transform:scale(.96)}.hgt-chip-active{border-color:color-mix(in srgb, var(--glow-color,#f5c842) 55%, transparent);color:var(--glow-color,var(--gold))}.hgt-chip-name{white-space:nowrap}}.home-group-card:hover{background:var(--bg-hover);transform:translateY(-3px);border-color:#f5c842b3!important;box-shadow:0 0 14px #f5c84273,0 0 32px #f5c84238,0 8px 24px #00000073!important}.home-group-card.hgc-active,.home-special-card.hgc-active{animation:3.5s ease-in-out infinite hgc-pulse}@keyframes hgc-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.04)}}.hgc-header{justify-content:space-between;align-items:center;display:flex}.hgc-title{color:var(--text-primary);letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:500}.hgc-pct{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800}.hgc-pct-inline{white-space:nowrap;text-align:right;letter-spacing:.02em;flex-shrink:0;min-width:56px;font-family:Barlow Condensed,sans-serif;font-size:1.6rem;font-weight:800;line-height:1}.hgc-count-small{color:var(--text-muted);white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:600}.hgc-names{flex-wrap:wrap;align-items:baseline;gap:0 2px;min-height:0;display:flex}.hgc-name{color:var(--text-muted);white-space:nowrap;font-size:.88rem;font-weight:500;line-height:1.4}.hgc-name-sep{color:#fff3;padding:0 3px;font-size:.6rem}.hgc-bar-row{flex-direction:row;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.hgc-bar{border-radius:var(--radius-pill);background:#ffffff0a;flex:1;height:18px;position:relative;overflow:hidden}.hgc-bar-fill{--ball-size:16px;border-radius:var(--radius-pill);opacity:.82;z-index:0;min-width:4px;height:100%;box-shadow:0 0 10px var(--bar-color,transparent);transition:width .6s cubic-bezier(.4,0,.2,1),background .4s;position:relative;overflow:visible}.hgc-bar-fill:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#00000038 0%,#fff0 40%,#ffffff38 100%);position:absolute;inset:0}.hgc-bar-fill.ball-active:after,.team-progress-fill.ball-active:after,.stat-card-pct-bar-fill.ball-active:after,.mobile-completion-bar-fill.ball-active:after{content:"";top:50%;left:calc(var(--ball-size) * -1);width:var(--ball-size);height:var(--ball-size);pointer-events:none;z-index:10;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23f0f0f0'/%3E%3Cpolygon points='50,28 71,42 63,66 37,66 29,42' fill='%23111'/%3E%3Cpolygon points='50,28 72,14 68,-12 32,-12 28,14' fill='%23111'/%3E%3Cpolygon points='71,42 97,30 102,56 82,68 60,54' fill='%23111'/%3E%3Cpolygon points='63,66 84,74 86,100 62,100 48,82' fill='%23111'/%3E%3Cpolygon points='37,66 52,82 38,100 14,100 16,74' fill='%23111'/%3E%3Cpolygon points='29,42 40,54 18,68 -2,56 3,30' fill='%23111'/%3E%3C/svg%3E") 50%/cover no-repeat;border:1px solid #111;border-radius:50%;animation:2.8s ease-in-out infinite ball-roll;position:absolute;box-shadow:0 1px 4px #000000e6}@keyframes ball-roll{0%{opacity:0;left:0;transform:translateY(-50%)rotate(0)}10%{opacity:1;left:0;transform:translateY(-50%)rotate(0)}78%{left:calc(100% - var(--ball-size));opacity:1;transform:translateY(-50%)rotate(900deg)}93%{left:calc(100% - var(--ball-size));opacity:1;transform:translateY(-50%)rotate(900deg)}to{left:calc(100% - var(--ball-size));opacity:0;transform:translateY(-50%)rotate(900deg)}}.hgc-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:600}.home-special-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.home-special-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:5px;padding:10px 12px;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;display:flex}.home-special-card:hover{background:var(--bg-hover);border-color:#f5c84266;transform:translateY(-3px);box-shadow:0 8px 28px #00000073}.hsc-icon{font-size:1.5rem;line-height:1}.hsc-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.hsc-count{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800}.qa-team-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-bottom:16px;display:grid}.qa-team-btn{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);text-align:left;cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;min-height:52px;padding:8px 12px;transition:background .13s,border-color .13s,transform .1s,box-shadow .13s;display:grid}@media (width>=769px){.qa-team-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.qa-team-btn{row-gap:6px;min-height:64px;padding:10px 14px}}.qa-team-btn .qa-team-svg-flag{grid-area:1/1}.qa-team-btn .qa-team-name{grid-area:1/2}.qa-team-btn .qa-team-progress{grid-area:2/1/auto/-1;align-items:center;gap:6px;width:100%;display:flex}.qa-team-bar{background:#ffffff0a;border:1px solid;border-radius:999px;flex:1;min-width:0;height:10px;overflow:hidden}.qa-team-bar-fill{border-radius:999px;height:100%;transition:width .4s}.qa-team-pct{letter-spacing:.02em;white-space:nowrap;text-align:right;min-width:60px;font-family:Barlow Condensed,sans-serif;font-size:1.9rem;font-weight:800;line-height:1}.qa-team-btn:hover{background:var(--bg-hover);border-color:#f5c8424d;transform:translateY(-1px)}.qa-team-btn.active{background:linear-gradient(135deg,#1e2d5a 0%,#1a2448 100%);border-color:#f5c8428c;box-shadow:0 0 0 1px #f5c84233,0 4px 14px #f5c8421a}.qa-team-svg-flag{border-radius:3px;flex-shrink:0;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 4px #0006,0 0 0 1px #ffffff1a}.qa-team-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.82rem;font-weight:600;line-height:1.2;overflow:hidden}.qa-team-btn.active .qa-team-name{color:var(--gold)}.qa-panel{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:16px;overflow:hidden}.qa-panel-header{border-bottom:1px solid var(--border-soft);background:linear-gradient(135deg,#111827 0%,#0d1630 100%);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.qa-back-btn{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#f5c8421a;border:1px solid #f5c84273;border-radius:999px;align-items:center;gap:5px;padding:6px 12px 6px 8px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:inline-flex;box-shadow:0 0 8px #f5c8422e}.qa-back-btn:hover{background:#f5c84233;border-color:#f5c842b3}.qa-back-btn:active{transform:scale(.95)}.qa-panel-title{color:var(--gold);letter-spacing:.02em;text-shadow:0 0 12px #f5c84240;flex:1;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800;display:inline-flex}.qa-panel-flag{border-radius:50%;flex-shrink:0;width:22px;height:22px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1.5px #f5c8428c,0 0 8px #f5c84240}.qa-panel-flag svg{width:100%;height:100%;display:block}.qa-panel-name{text-transform:uppercase;letter-spacing:.04em}.qa-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);outline:none;width:160px;padding:9px 15px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.qa-search:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim)}.qa-search::placeholder{color:var(--text-muted)}.qa-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:560px;padding:16px;display:grid;overflow-y:auto}.qa-card-grid::-webkit-scrollbar{width:4px}.qa-card-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}.sidebar-profile-btn{color:#f5c842;cursor:pointer;background:linear-gradient(135deg,#f5c8422e 0%,#fb923c1f 100%);border:2px solid #f5c84266;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.sidebar-profile-btn:hover{border-color:#f5c842cc;transform:scale(1.06);box-shadow:0 0 10px #f5c8424d}.sidebar-profile-initials{letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:800}.up-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.up-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:460px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.up-header{border-bottom:1px solid var(--border-soft);background:linear-gradient(135deg,#111827 0%,#0d1630 100%);align-items:center;gap:14px;padding:20px 20px 16px;display:flex}.up-avatar{color:#f5c842;background:linear-gradient(135deg,#f5c84240 0%,#fb923c33 100%);border:2px solid #f5c84266;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800;display:flex}.up-header-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.up-display-name{color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:700}.up-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.up-joined{color:var(--text-muted);font-size:.72rem}.up-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.up-close:hover{color:var(--text-primary);background:#ffffff1f}.up-tabs{border-bottom:1px solid var(--border-soft);background:var(--bg-surface);gap:4px;padding:0 20px;display:flex}.up-tab{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:600;transition:color .12s,border-color .12s}.up-tab:hover{color:var(--text-secondary)}.up-tab.active{color:#f5c842;border-bottom-color:#f5c842}.up-body{flex:1;padding:20px;overflow-y:auto}.up-body::-webkit-scrollbar{width:4px}.up-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.up-section-group{flex-direction:column;gap:20px;display:flex}.up-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:16px}.up-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:700}.up-field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.up-field:last-child{margin-bottom:0}.up-label{color:var(--text-secondary);letter-spacing:.03em;font-size:.78rem;font-weight:600}.up-input-row{gap:8px;display:flex}.up-input{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-size:.9rem;transition:border-color .15s}.up-input:focus{border-color:#f5c84280}.up-input-static{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);background:#ffffff08;padding:8px 12px;font-size:.9rem}.up-pw-wrap{position:relative}.up-pw-wrap .up-input{width:100%;padding-right:40px}.up-pw-eye{cursor:pointer;background:0 0;border:none;font-size:.9rem;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.up-hint{color:var(--text-muted);font-size:.74rem;font-style:italic}.up-msg{font-size:.78rem;font-weight:600}.up-msg.success{color:#4ade80}.up-msg.error{color:#f87171}.up-btn-save{border-radius:var(--radius-lg);color:#f5c842;cursor:pointer;white-space:nowrap;background:#f5c84226;border:1px solid #f5c84259;padding:8px 14px;font-size:.82rem;font-weight:700;transition:background .12s}.up-btn-save:hover:not(:disabled){background:#f5c84240}.up-btn-save:disabled{opacity:.4;cursor:default}.up-btn-primary{border-radius:var(--radius-lg);color:#f5c842;letter-spacing:.04em;cursor:pointer;background:#f5c84226;border:1px solid #f5c84259;width:100%;margin-top:8px;padding:10px;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:700;transition:background .12s}.up-btn-primary:hover:not(:disabled){background:#f5c84240}.up-btn-primary:disabled{opacity:.4;cursor:default}.up-provider-badge{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:7px;padding:6px 12px;font-size:.88rem;display:inline-flex}.up-info-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.up-info-row:last-child{border-bottom:none}.up-info-label{color:var(--text-muted);font-size:.82rem}.up-info-val{color:var(--text-secondary);font-size:.82rem}.up-mono{letter-spacing:.04em;font-family:monospace}.up-danger-section{border-color:#ef444440}.up-danger-title{color:#f87171}.up-danger-desc{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;line-height:1.5}.up-btn-signout{border-radius:var(--radius-lg);color:#f87171;letter-spacing:.04em;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;width:100%;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:.92rem;font-weight:700;transition:background .12s}.up-btn-signout:hover{background:#ef444433}.up-btn-wipe{color:#fb923c;border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fb923c1a;border:1px solid #fb923c73;width:100%;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;transition:background .12s,border-color .12s}.up-btn-wipe:hover{background:#fb923c33;border-color:#fb923cbf}.up-btn-wipe:disabled{opacity:.6;cursor:not-allowed}.up-wipe-confirm{border-radius:var(--radius-md);background:#ef44440f;border:1px dashed #ef444480;flex-direction:column;gap:10px;padding:12px;display:flex}.up-wipe-warn{color:#f87171;margin:0;font-size:.82rem;font-weight:600;line-height:1.4}.up-wipe-actions{gap:8px;display:flex}.up-btn-wipe-confirm{color:#fca5a5;border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ef444433;border:1px solid #ef444499;flex:1;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;transition:background .12s}.up-btn-wipe-confirm:hover{background:#ef444459}.up-btn-wipe-confirm:disabled{opacity:.6;cursor:not-allowed}.up-btn-wipe-cancel{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;transition:background .12s,color .12s}.up-btn-wipe-cancel:hover{color:var(--text-primary);background:#ffffff0a}.up-provider-row{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:10px 0;display:flex}.up-provider-row:last-child{border-bottom:none}.up-provider-row-icon{justify-content:center;align-items:center;width:20px;display:flex}.up-provider-row-label{color:var(--text-secondary);flex:1;font-size:.9rem;font-weight:500}.up-provider-status{color:var(--text-muted);font-size:.78rem}.up-provider-status.active{color:#4ade80;font-weight:600}@keyframes splash-card-a{0%{transform:translate(0px, 0px) rotate(var(--rot,0deg))}25%{transform:translate(16px, -24px) rotate(calc(var(--rot,0deg) + 6deg))}60%{transform:translate(28px, -8px) rotate(calc(var(--rot,0deg) + 2deg))}80%{transform:translate(10px, 16px) rotate(calc(var(--rot,0deg) - 4deg))}to{transform:translate(0px, 0px) rotate(var(--rot,0deg))}}@keyframes splash-card-b{0%{transform:translate(0px, 0px) rotate(var(--rot,0deg))}30%{transform:translate(-22px, 14px) rotate(calc(var(--rot,0deg) - 7deg))}65%{transform:translate(-10px, 32px) rotate(calc(var(--rot,0deg) - 2deg))}85%{transform:translate(-18px, 6px) rotate(calc(var(--rot,0deg) - 5deg))}to{transform:translate(0px, 0px) rotate(var(--rot,0deg))}}@keyframes splash-card-c{0%{transform:translate(0px, 0px) rotate(var(--rot,0deg))}20%{transform:translate(10px, 20px) rotate(calc(var(--rot,0deg) + 8deg))}45%{transform:translate(-14px, 30px) rotate(calc(var(--rot,0deg) + 3deg))}65%{transform:translate(-24px, 4px) rotate(calc(var(--rot,0deg) - 6deg))}85%{transform:translate(-8px, -18px) rotate(calc(var(--rot,0deg) - 2deg))}to{transform:translate(0px, 0px) rotate(var(--rot,0deg))}}@keyframes splash-card-d{0%{transform:translate(0px, 0px) rotate(var(--rot,0deg))}25%{transform:translate(22px, 10px) rotate(calc(var(--rot,0deg) + 4deg))}50%{transform:translate(32px, -14px) rotate(calc(var(--rot,0deg) + 10deg))}75%{transform:translate(12px, -28px) rotate(calc(var(--rot,0deg) + 5deg))}to{transform:translate(0px, 0px) rotate(var(--rot,0deg))}}.splash-card-a{animation-name:splash-card-a}.splash-card-b{animation-name:splash-card-b}.splash-card-c{animation-name:splash-card-c}.splash-card-d{animation-name:splash-card-d}@keyframes splash-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-cta-pulse{0%,to{transform:scale(1);box-shadow:0 0 28px #f5c842b3,0 0 60px #f5c84259,0 0 100px #f5c84226,inset 0 0 32px #f5c84226}50%{transform:scale(1.035);box-shadow:0 0 38px #f5c842e6,0 0 80px #f5c84280,0 0 140px #f5c84238,inset 0 0 40px #f5c84233}}@keyframes splash-pop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.splash-page{background:radial-gradient(at 30% 20%,#1a2a4a 0%,#0d1520 60%);justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 16px 80px;display:flex;position:relative;overflow-x:hidden}.splash-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.splash-bg-card{pointer-events:none}.splash-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:600px;display:flex;position:relative}.splash-logo-wrap{margin-bottom:20px;animation:.7s cubic-bezier(.34,1.56,.64,1) both splash-pop}.splash-brand{letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Barlow Condensed,sans-serif;font-size:clamp(2.2rem,8vw,3.4rem);font-weight:900;animation:.6s .1s both splash-fade-up}.splash-sub{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#f5c842 0%,#fb923c 50%,#f5c842 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #fb923caa)drop-shadow(0 0 14px #f5c84266);-webkit-background-clip:text;background-clip:text;margin:0 0 32px;font-family:Barlow Condensed,sans-serif;font-size:clamp(.88rem,3vw,1.05rem);font-weight:600;animation:.6s .2s both splash-fade-up}.splash-headline{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;margin-top:20px;margin-bottom:128px;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.6rem,6.5vw,3.4rem);font-weight:900;line-height:1;animation:.6s .3s both splash-fade-up;display:flex}.splash-hl{letter-spacing:.04em}.splash-hl-collect{color:#0000;-webkit-text-stroke:1.5px #60a5fa}.splash-hl-track{color:#0000;-webkit-text-stroke:1.5px #4ade80}.splash-hl-trade{color:#0000;-webkit-text-stroke:1.5px #fb923c}.splash-hl-sep{color:#ffffff40;align-self:center;margin:0 .4em;font-size:.5em;font-weight:400;line-height:1}.splash-features{grid-template-columns:repeat(3,1fr);align-items:start;gap:14px;width:100%;margin-top:60px;margin-bottom:44px;animation:.6s .4s both splash-fade-up;display:grid}.splash-feature{background:linear-gradient(145deg, var(--feat-color,#60a5fa)12 0%, var(--bg-card) 60%);border:1.5px solid var(--feat-color,#60a5fa);box-shadow:0 0 16px var(--feat-color,#60a5fa)22;border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:18px 12px 16px;transition:transform .18s,box-shadow .18s;display:flex}.splash-feature:hover{box-shadow:0 0 28px var(--feat-color,#60a5fa)44;transform:translateY(-4px)scale(1.03)}.splash-feat-icon-wrap{justify-content:center;align-items:center;margin-bottom:2px;transition:transform .2s;display:flex}.splash-feat-title{text-transform:uppercase;color:var(--feat-color,#60a5fa);letter-spacing:.06em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800}.splash-feat-desc{color:#94a3b8;align-items:center;min-height:3em;margin:0;font-family:Barlow,sans-serif;font-size:.74rem;font-weight:400;line-height:1.5;display:flex}.splash-cta{color:#fde68a;letter-spacing:.02em;text-transform:none;border-radius:var(--radius-pill);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f5c84238 0%,#fb923c2e 100%);border:2.5px solid #f5c842f2;justify-content:center;align-self:center;align-items:center;gap:10px;margin-bottom:12px;padding:16px 44px;font-family:Fredoka,Barlow Condensed,sans-serif;font-size:clamp(1.3rem,5vw,1.6rem);font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.6s cubic-bezier(.34,1.56,.64,1) .55s both splash-pop,2.4s ease-in-out 1.4s infinite splash-cta-pulse;display:flex;box-shadow:0 0 28px #f5c842b3,0 0 60px #f5c84259,0 0 100px #f5c84226,inset 0 0 32px #f5c84226}.splash-cta:hover{border-color:#f5c842f2;transform:translateY(-3px)scale(1.03);box-shadow:0 0 28px #f5c84299,0 0 65px #f5c84247,inset 0 0 30px #f5c8421a}.splash-cta:active{transform:translateY(0)scale(.98)}.splash-signin{letter-spacing:.02em;color:#ffffffa6;margin-bottom:16px;font-family:Barlow,sans-serif;font-size:.88rem;font-weight:400;animation:.6s .65s both splash-fade-up}.splash-signin-link{color:#f5c842;font-size:inherit;letter-spacing:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-family:inherit;font-weight:700;text-decoration:underline}.splash-signin-link:hover{color:#ffe066}.splash-badge-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:100%;margin-top:100px;animation:.6s .7s both splash-fade-up;display:flex}.splash-badge-tile{opacity:.55;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 40px 16px;transition:opacity .18s,transform .18s;display:flex}.splash-badge-tile:hover{opacity:1;transform:translateY(-2px)}.splash-tile-text{color:#94a3b8cc;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.splash-store-row{justify-content:center;gap:12px;margin-top:20px;margin-bottom:10px;display:flex}.splash-store-btn{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;min-width:150px;padding:9px 18px;transition:background .18s,transform .18s,box-shadow .18s;display:flex}.splash-store-text{flex-direction:column;gap:1px;display:flex}.splash-store-sub{letter-spacing:.03em;opacity:.75;text-transform:none;font-family:Barlow,sans-serif;font-size:.65rem;font-weight:400;line-height:1}.splash-store-label{letter-spacing:.02em;text-transform:none;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800;line-height:1.1}.splash-store-ios{color:#e2e8f0;border-color:#ffffff47;box-shadow:0 0 16px #ffffff0f}.splash-store-ios:hover{background:#ffffff17;transform:translateY(-2px);box-shadow:0 6px 24px #ffffff1f}.splash-store-android{color:#e2e8f0;background:#4ade800a;border-color:#4ade8061;box-shadow:0 0 18px #4ade8014}.splash-store-android:hover{background:#4ade801a;transform:translateY(-2px);box-shadow:0 6px 28px #4ade802e}.splash-pricing-row{justify-content:center;margin-top:10px;display:flex}.splash-pricing-row .splash-store-btn{min-width:312px}.splash-store-pricing{color:#e2e8f0;background:#f5c8420a;border-color:#f5c84259;box-shadow:0 0 18px #f5c84212}.splash-store-pricing:hover{background:#f5c8421a;transform:translateY(-2px);box-shadow:0 6px 28px #f5c84229}.splash-pricing-callout{opacity:.7;justify-content:center;align-items:center;gap:10px;margin-top:48px;margin-bottom:8px;transition:opacity .2s;display:flex}.splash-pricing-callout:hover{opacity:1}.splash-pricing-text{color:#94a3b8cc;letter-spacing:.02em;font-family:Barlow,sans-serif;font-size:1rem;font-weight:400}.splash-pricing-price{color:#f5c842;letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:700}.splash-pricing-mo{opacity:.75;margin-left:2px;font-size:1rem;font-weight:500}.splash-pricing-link{letter-spacing:.08em;text-transform:uppercase;color:#94a3b88c;cursor:pointer;background:0 0;border:none;padding:0;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;transition:color .15s}.splash-pricing-link:hover{color:#f5c842}.splash-footer{border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:48px;padding-top:24px;display:flex}.splash-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.splash-footer-link{letter-spacing:.05em;text-transform:uppercase;color:#94a3b880;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .15s}.splash-footer-link:hover{color:#f5c842d9}.splash-footer-dot{background:#ffffff26;border-radius:50%;flex-shrink:0;width:3px;height:3px}.splash-footer-bottom{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.splash-footer-copy{color:#94a3b859;letter-spacing:.02em;font-family:Barlow,sans-serif;font-size:.7rem}.splash-footer-version{letter-spacing:.1em;color:#94a3b840;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:600}.auth-back-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:0 0 12px;font-size:.82rem;font-weight:600;transition:color .15s;display:block}.auth-back-btn:hover{color:var(--text-primary)}@media (width<=640px){.splash-page{padding:36px 14px 80px}.splash-headline{margin-top:12px;margin-bottom:28px}.splash-sub{margin:0 0 20px}.splash-badge-row{margin-top:48px}.splash-store-row{margin-top:32px}.splash-content{min-height:calc(100vh - 60px)}.splash-cta{width:auto;margin-top:auto;margin-bottom:12px;padding:16px 40px;font-size:1.35rem}.splash-features .splash-feature-btn{border-color:color-mix(in srgb, var(--feat-color) 22%, transparent);box-shadow:none}.splash-signin{margin-top:auto;margin-bottom:18px}.splash-features{grid-template-columns:1fr;gap:8px;margin-top:0;margin-bottom:18px}.splash-features .splash-feature-btn{text-align:left;border:1.5px solid color-mix(in srgb, var(--feat-color) 30%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--feat-color) 6%, transparent) 0%, #ffffff03 100%);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:1px 12px;padding:9px 12px;display:grid}.splash-features .splash-feature-btn:hover{transform:none}.splash-features .splash-feat-icon-wrap{grid-area:1/1/3}.splash-features .splash-feat-icon-wrap svg{width:44px;height:44px}.splash-features .splash-feat-title{text-align:left;grid-area:1/2;margin:0;font-size:.98rem;line-height:1.1}.splash-features .splash-feat-desc{text-align:left;color:#94a3b8cc;grid-area:2/2;min-height:0;font-size:.74rem;line-height:1.3;display:block}.splash-features .splash-feat-arrow{display:none}.splash-pricing-callout{flex-wrap:wrap;gap:5px;margin-top:16px;margin-bottom:14px}.splash-footer{gap:6px;margin-top:0;padding-top:12px}.splash-footer-bottom{gap:10px}}@media (width<=480px){.splash-features .splash-feature-btn:nth-child(2){transform:none}.splash-badge-row{gap:8px;margin-top:32px}.splash-badge-tile{min-width:80px;padding:10px 10px 8px}.splash-store-row{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px;padding:0 8px}.splash-store-btn{min-width:unset;width:100%}.splash-headline{margin-top:8px;margin-bottom:24px}.splash-cta{width:auto;margin-top:34px;margin-bottom:16px;padding:11px 26px;font-size:1.1rem}}@keyframes tk-badge-pulse{0%,to{filter:drop-shadow(0 0 5px #f5c84266)drop-shadow(0 0 12px #f5c84222)}50%{filter:drop-shadow(0 0 9px #f5c842aa)drop-shadow(0 0 20px #f5c84244)}}.sidebar-logo-wrap svg,.auth-logo svg{animation:3.5s ease-in-out infinite tk-badge-pulse}.splash-feature-btn{text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:22px 14px 18px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.splash-feature-btn:hover{border:2px solid color-mix(in srgb, var(--feat-color) 55%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--feat-color) 7%, transparent) 0%, #ffffff03 100%);box-shadow:0 0 18px color-mix(in srgb, var(--feat-color) 30%, transparent), 0 0 40px color-mix(in srgb, var(--feat-color) 14%, transparent), inset 0 0 16px color-mix(in srgb, var(--feat-color) 5%, transparent);transform:translateY(-5px)}.splash-feature-btn:hover .splash-feat-icon-wrap{transform:scale(1.08)translateY(-2px)}.splash-feat-arrow{letter-spacing:.1em;text-transform:uppercase;color:var(--feat-color);opacity:0;margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700;transition:opacity .18s,transform .18s;display:block;transform:translateY(4px)}.splash-feature-btn:hover .splash-feat-arrow{opacity:.9;transform:translateY(0)}.feat-page{z-index:0;background:radial-gradient(at 30% 20%,#1a2a4a 0%,#0d1520 60%);position:fixed;inset:0;overflow:hidden}.feat-scroll{z-index:2;position:absolute;inset:0;overflow-y:auto}.feat-content{flex-direction:column;align-items:center;gap:0;width:100%;max-width:860px;margin:0 auto;padding:28px 24px 80px;display:flex}.feat-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:44px;display:flex}.feat-back-btn{color:#94a3b8;letter-spacing:.04em;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:7px 18px;font-size:.82rem;font-weight:600;transition:color .15s,background .15s}.feat-back-btn:hover{color:#e2e8f0;background:#ffffff17}.feat-header-logo{align-items:center;gap:8px;display:flex}.feat-header-logo-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;transition:opacity .15s,background .15s}.feat-header-logo-btn:hover{opacity:.8;background:#ffffff0f}.feat-header-brand{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#f5c842 55%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,Arial Black,sans-serif;font-size:1.05rem;font-weight:800}.feat-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:40px;display:flex}.feat-hero-title{letter-spacing:.02em;text-transform:uppercase;color:var(--feat-color,#f5c842);filter:drop-shadow(0 0 18px color-mix(in srgb, var(--feat-color,#f5c842) 60%, transparent));margin:0;font-family:Barlow Condensed,Arial Black,sans-serif;font-size:clamp(3rem,10vw,4.8rem);font-weight:800;line-height:1}.feat-hero-tagline{letter-spacing:.08em;text-transform:uppercase;color:var(--feat-color,#f5c842);opacity:.65;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(1rem,3.5vw,1.25rem);font-weight:600}.feat-hero-desc{color:#94a3b8;max-width:420px;margin:0;font-size:1.05rem;line-height:1.65}.feat-points{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-bottom:48px;display:grid}.feat-point{text-align:center;border:1px solid #ffffff14;border-top:2px solid var(--pt-color,#f5c842);background:#ffffff08;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px 18px;transition:transform .18s,box-shadow .18s;display:flex}.feat-point:hover{box-shadow:0 8px 28px color-mix(in srgb, var(--pt-color) 18%, transparent);transform:translateY(-3px)}.feat-point--center{background:linear-gradient(160deg, color-mix(in srgb, var(--pt-color) 10%, transparent) 0%, #ffffff08 100%);border-color:color-mix(in srgb, var(--pt-color) 35%, transparent);box-shadow:0 8px 36px color-mix(in srgb, var(--pt-color) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--pt-color) 15%, transparent);transform:translateY(-6px)}.feat-point--center:hover{transform:translateY(-9px)}.feat-point-emoji{font-size:1.8rem;line-height:1}.feat-point-label{letter-spacing:.08em;text-transform:uppercase;color:var(--pt-color,#f5c842);font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:800}.feat-point-text{color:#64748b;font-size:.82rem;line-height:1.45}.feat-plans-wrap{width:100%;margin-bottom:44px}.feat-plans-title{letter-spacing:.04em;text-transform:uppercase;color:#e2e8f0;text-align:center;margin:0 0 20px;font-family:Barlow Condensed,Arial Black,sans-serif;font-size:1.5rem;font-weight:800}.feat-plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;display:grid}.feat-plan{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:28px 18px 20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.feat-plan:hover{transform:translateY(-3px)}.feat-plan--featured{background:linear-gradient(160deg,#f5c8421a 0%,#fb923c0f 100%);border-color:#f5c84259;transform:translateY(-4px);box-shadow:0 0 0 1px #f5c84233,0 8px 40px #f5c8421f}.feat-plan--featured:hover{transform:translateY(-7px)}.feat-plan-badge{letter-spacing:.12em;text-transform:uppercase;color:#0d1520;white-space:nowrap;background:linear-gradient(90deg,#f5c842,#fb923c);border-radius:999px;padding:3px 14px;font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.feat-plan-name{letter-spacing:.06em;text-transform:uppercase;color:var(--plan-color,#f5c842);margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800}.feat-plan-price{align-items:baseline;gap:3px;margin:2px 0 6px;display:flex}.feat-plan-amount{color:#e2e8f0;font-family:Barlow Condensed,Arial Black,sans-serif;font-size:2rem;font-weight:800;line-height:1}.feat-plan-period{color:#475569;font-size:.75rem;font-weight:500}.feat-plan-features{flex-direction:column;flex:1;gap:6px;width:100%;margin:0 0 16px;padding:0;list-style:none;display:flex}.feat-plan-features li{color:#94a3b8;text-align:left;align-items:center;gap:7px;font-size:.8rem;display:flex}.feat-plan-check{color:var(--plan-color,#f5c842);flex-shrink:0;font-weight:700}.feat-plan-btn{border:1px solid var(--plan-color,#f5c842);background:color-mix(in srgb, var(--plan-color,#f5c842) 12%, transparent);width:100%;color:var(--plan-color,#f5c842);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:10px;padding:10px 0;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;transition:background .15s,transform .15s}.feat-plan-btn:hover{background:color-mix(in srgb, var(--plan-color,#f5c842) 22%, transparent);transform:translateY(-1px)}.feat-plan--featured .feat-plan-btn{color:#0d1520;background:linear-gradient(90deg,#f5c842,#fb923c);border-color:#0000;font-weight:800}.feat-download-row{justify-content:center;gap:12px;width:100%;display:flex}.feat-dl-btn{color:#cbd5e1;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:200px;padding:13px 16px;font-family:Barlow Condensed,sans-serif;font-size:.92rem;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.feat-dl-btn:hover{background:#ffffff17;transform:translateY(-2px)}.feat-dl-icon{font-size:1.1rem}.feat-dl-ios{border-color:#ffffff2e}.feat-dl-android{color:#4ade80;background:#4ade8012;border-color:#4ade804d;box-shadow:0 0 20px #4ade8014}.feat-dl-android:hover{background:#4ade801f}.feat-dl-web{color:#f5c842;background:#f5c84212;border-color:#f5c84247;box-shadow:0 0 20px #f5c84214}.feat-dl-web:hover{background:#f5c8421f}@media (width<=640px){.feat-points,.feat-plans{grid-template-columns:1fr}.feat-download-row{flex-direction:column;align-items:stretch}.feat-dl-btn{max-width:100%}.feat-plan--featured{transform:none}}@keyframes install-prompt-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes install-prompt-glow{0%,to{box-shadow:0 0 #f5c84200}50%{box-shadow:0 0 24px 4px #f5c8422e}}.install-prompt{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9000;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 0 1px #f5c8422e inset;align-items:center;gap:12px;padding:12px 14px;animation:.32s cubic-bezier(.2,.9,.3,1.2) both install-prompt-rise,3.6s ease-in-out .6s infinite install-prompt-glow;display:flex;position:fixed}.install-prompt-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.install-prompt-title{letter-spacing:.03em;color:var(--text-primary);background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.install-prompt-text{color:var(--text-secondary);font-size:.8rem;font-weight:500;line-height:1.35}.install-prompt-text strong{color:var(--text-primary);font-weight:700}.install-prompt-share{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--gold);white-space:nowrap;align-items:center;gap:4px;margin:0 2px;padding:1px 6px;font-weight:600;display:inline-flex}.install-prompt-share-icon{display:inline-block}.install-prompt-cta{color:#0a0e1a;border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a 0%,#f5c842 50%,#fb923c 100%);flex-shrink:0;padding:9px 16px;font-family:Barlow Condensed,sans-serif;font-size:.92rem;font-weight:800;transition:transform .12s,box-shadow .15s,opacity .15s;box-shadow:0 0 0 1px #f5c84266,0 4px 18px #f5c84247}.install-prompt-cta:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #f5c8428c,0 6px 22px #f5c84261}.install-prompt-cta:active{transform:translateY(0)}.install-prompt-close{width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-pill);justify-content:center;align-items:center;font-size:1.1rem;line-height:1;transition:color .15s,background .15s;display:flex;position:absolute;top:4px;right:6px}.install-prompt-close:hover{color:var(--text-primary);background:var(--bg-hover)}@media (display-mode:standalone){.install-prompt{display:none!important}}@media (width>=900px) and (hover:hover){.install-prompt{display:none!important}}