@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:#09090b;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 0,#1a1b36 0%,#09090b 60%,#050507 100%) fixed;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#fff;background:#6366f129;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .15s;display:inline-flex}button:hover{background:#6366f147;border-color:#818cf866}button:active{transform:scale(.97)}button.primary,.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#818cf8;font-weight:700;box-shadow:0 4px 14px #4f46e559}button.primary:hover,.primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #4f46e580}button.ghost{color:#a1a1aa;background:0 0;border-color:#0000}button.ghost:hover{color:#fff;background:#ffffff0d}.danger{color:#fecaca!important;background:#ef444429!important;border-color:#ef44444d!important}.danger:hover{background:#ef44444d!important}input,textarea,select{color:#fff;background:#18181bd9;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;padding:12px 16px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f140}small{color:#a1a1aa;display:block}.glass{-webkit-backdrop-filter:blur(16px);background:#18181bb3;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 12px 32px #0000004d}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:40;-webkit-backdrop-filter:blur(20px);background:#09090bd9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.logo{letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;font-size:26px;font-weight:800}.desktop-nav{align-items:center;gap:8px;display:flex}.nav-link{color:#a1a1aa;background:0 0;border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#4f46e5;box-shadow:0 4px 12px #4f46e559}.header-user{align-items:center;gap:12px;display:flex}.user-pill{color:#e0e7ff;background:#6366f126;border:1px solid #6366f14d;border-radius:99px;padding:6px 14px;font-size:14px;font-weight:600}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 96px}.auth-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:20px;display:flex}.auth-card{text-align:center;width:100%;max-width:420px;padding:32px 28px}.auth-card .logo{margin-bottom:8px;font-size:36px}.auth-card p{color:#a1a1aa;margin-bottom:24px;font-size:14px}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-card button{padding:13px}.error{color:#fecaca;text-align:left;background:#ef444424;border:1px solid #ef44444d;border-radius:12px;padding:10px 14px;font-size:14px}.page{width:100%}h1{letter-spacing:-.02em;margin:0 0 20px;font-size:28px;font-weight:800}h2{margin:28px 0 14px;font-size:20px;font-weight:700}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:20px;display:grid}.album{cursor:pointer;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:18px 20px;transition:transform .2s,border-color .2s;display:grid}.album:hover{border-color:#ffffff2e;transform:translateY(-2px)}.album strong{margin-bottom:4px;font-size:17px;display:block}.ring{background:conic-gradient(#10b981 var(--p,0%), #27272a 0);border-radius:50%;place-items:center;width:52px;height:52px;font-size:13px;font-weight:800;display:grid;box-shadow:inset 0 0 0 3px #18181b}.catalog{grid-template-columns:1fr auto auto}.empty{color:#a1a1aa;text-align:center;margin:12px 0;padding:24px;font-size:15px}.wide{width:100%;margin:12px 0}.creator{gap:14px;margin:20px 0;padding:24px;display:grid}.title-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.title-row h1{margin:0}.progress-summary{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;margin-bottom:16px;padding:16px}.legend{color:#a1a1aa;flex-wrap:wrap;align-items:center;gap:16px;margin:14px 0;font-size:13px;font-weight:500;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.own{background:#10b981}.dot.miss{background:#27272a}.dot.dup{background:#f97316}.progress-bar-bg{background:#ffffff1a;border-radius:99px;width:100%;height:8px;margin:8px 0 4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:99px;height:100%;transition:width .3s}.section-header{z-index:10;-webkit-backdrop-filter:blur(12px);background:#09090beb;border-left:4px solid #6366f1;border-radius:10px;margin-top:18px;margin-bottom:10px;padding:10px 14px;position:sticky;top:64px;box-shadow:0 4px 12px #0006}.section-header h3{justify-content:space-between;align-items:center;margin:0;font-size:15px;display:flex}.section-header small{color:#a1a1aa;font-weight:400}.virtual-grid-container{will-change:padding}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;display:grid}.card-slot{-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:10px;place-items:center;min-width:42px;height:42px;padding:0;font-size:13px;font-weight:800;transition:transform .1s,filter .1s;display:grid;position:relative}.card-slot:hover{filter:brightness(1.15);z-index:2;transform:scale(1.05)}.card-slot.missing{color:#71717a;background:#27272a;border:1px solid #ffffff0f}.card-slot.owned{color:#ecfdf5;background:#059669;border:1px solid #10b981}.card-slot.duplicate{color:#fff;background:#059669;border:1px solid #f97316;box-shadow:0 0 0 1px #f97316}.card-slot b{color:#111827;background:#f97316;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;top:-6px;right:-5px;box-shadow:0 2px 4px #0006}.sheet-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:flex-end;padding:0;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000b3;place-items:center;padding:20px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:#18181b;border:1px solid #ffffff26;border-radius:28px 28px 0 0;width:100%;max-width:500px;padding:24px;box-shadow:0 -10px 40px #00000080}.modal{background:#18181b;border:1px solid #ffffff26;border-radius:24px;width:100%;max-width:480px;padding:26px;box-shadow:0 20px 50px #00000080}.grab{background:#52525b;border-radius:99px;width:44px;height:5px;margin:0 auto 16px}.sheet-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;display:grid}.sheet-quick-dups{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.counter{text-align:center;background:#ffffff08;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:16px 0;padding:8px 12px;display:grid}.counter strong{font-size:20px}.trade{margin:14px 0;padding:20px}.trade-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.swap{border-top:1px solid #ffffff14;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:14px 0 0;display:grid}.swap-side{flex-direction:column;display:flex}.profile-card{max-width:520px;margin:0 auto}.profile .center{text-align:center;padding:32px 24px}.profile img{background:#fff;border-radius:20px;margin:16px 0;padding:10px;box-shadow:0 8px 24px #0000004d}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#121216eb;border:1px solid #ffffff24;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:6px;width:min(440px,100vw - 32px);padding:6px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000080}.bottom-nav button{background:0 0;border-color:#0000;border-radius:18px;padding:12px 8px;font-size:13px;font-weight:600}.bottom-nav button.active{color:#fff;background:#4f46e5;border-color:#6366f1;box-shadow:0 4px 14px #4f46e566}.grid-page select{margin-bottom:12px}.search-bar{margin-bottom:16px}@media (width>=768px){.bottom-nav{display:none}.sheet-backdrop{align-items:center}.sheet{border-radius:24px}.grab{display:none}.section-header{top:64px}}@media (width<=767px){.desktop-nav{display:none}.app-header{height:56px;padding:0 16px}.logo{font-size:22px}.app-main{padding:16px 14px 100px}.albums-grid{grid-template-columns:1fr}.album,.catalog{grid-template-columns:1fr auto}.album .danger{grid-column:2}.swap{grid-template-columns:1fr;gap:8px}.swap span{display:none}.trade-list{grid-template-columns:1fr}}