:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0b0c10;--accent: #1ed760;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--muted2: rgba(255, 255, 255, .55);--chip: rgba(255, 255, 255, .09);--chipHover: rgba(255, 255, 255, .13);--chipSel: rgba(72, 201, 129, .18);--chipSelBorder: rgba(72, 201, 129, .35);--btn: rgba(255, 255, 255, .12);--btnHover: rgba(255, 255, 255, .16);--shadow: 0 18px 60px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{min-height:100vh}body{min-height:100vh;overflow-x:hidden}img,svg,table{max-width:100%}body{margin:0;background:radial-gradient(1200px 700px at 20% 0%,rgba(139,92,246,.2),transparent 55%),radial-gradient(900px 600px at 90% 10%,rgba(34,211,238,.18),transparent 55%),radial-gradient(900px 600px at 50% 95%,rgba(72,201,129,.14),transparent 55%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.page{max-width:1120px;margin:0 auto;padding:26px 16px 60px;overflow-wrap:break-word;word-break:break-word}.hero{position:relative;margin-bottom:24px;padding:60px 0 48px;overflow:hidden}.heroGlow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse at center,rgba(30,215,96,.15) 0%,rgba(30,215,96,.05) 35%,transparent 65%);pointer-events:none;z-index:0}.heroContent{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}.heroImageWrap{margin:0 auto 28px;max-width:420px;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #00000080,0 0 80px #1ed76026;border:1px solid rgba(30,215,96,.15)}.heroImage{display:block;width:100%;height:auto}.heroBadgePill{display:inline-block;padding:6px 16px;background:#1ed76014;border:1px solid rgba(30,215,96,.2);border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#1ed760;text-transform:uppercase;margin-bottom:32px}.heroLogo{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:28px}.spotifyLine{display:flex;align-items:center;gap:12px;margin-bottom:8px}.spotifyIcon{width:48px;height:48px;color:#1ed760;filter:drop-shadow(0 0 20px rgba(30,215,96,.4))}.spotifyText{font-size:clamp(32px,5vw,48px);font-weight:800;color:#fff;letter-spacing:-.02em}.tornStrip{position:relative;width:100%;max-width:560px;margin:0 auto}.tornEdge{position:absolute;left:0;right:0;height:12px;z-index:2}.tornTop{top:-6px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.85) 3%,transparent 5%,rgba(255,255,255,.9) 8%,transparent 10%,rgba(255,255,255,.85) 14%,transparent 17%,rgba(255,255,255,.9) 20%,transparent 22%,rgba(255,255,255,.85) 26%,transparent 29%,rgba(255,255,255,.9) 33%,transparent 35%,rgba(255,255,255,.85) 40%,transparent 43%,rgba(255,255,255,.9) 47%,transparent 49%,rgba(255,255,255,.85) 53%,transparent 56%,rgba(255,255,255,.9) 60%,transparent 63%,rgba(255,255,255,.85) 67%,transparent 69%,rgba(255,255,255,.9) 73%,transparent 76%,rgba(255,255,255,.85) 80%,transparent 83%,rgba(255,255,255,.9) 87%,transparent 89%,rgba(255,255,255,.85) 93%,transparent 96%,rgba(255,255,255,.9) 98%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#0009,#000);mask-image:linear-gradient(180deg,#0009,#000)}.tornBottom{bottom:-6px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.9) 2%,transparent 4%,rgba(255,255,255,.85) 7%,transparent 9%,rgba(255,255,255,.9) 13%,transparent 16%,rgba(255,255,255,.85) 19%,transparent 21%,rgba(255,255,255,.9) 25%,transparent 28%,rgba(255,255,255,.85) 32%,transparent 34%,rgba(255,255,255,.9) 38%,transparent 41%,rgba(255,255,255,.85) 45%,transparent 48%,rgba(255,255,255,.9) 52%,transparent 54%,rgba(255,255,255,.85) 58%,transparent 61%,rgba(255,255,255,.9) 65%,transparent 68%,rgba(255,255,255,.85) 72%,transparent 74%,rgba(255,255,255,.9) 78%,transparent 81%,rgba(255,255,255,.85) 85%,transparent 88%,rgba(255,255,255,.9) 91%,transparent 94%,rgba(255,255,255,.85) 97%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,#0009,#000);mask-image:linear-gradient(0deg,#0009,#000)}.tornInner{position:relative;padding:18px 32px;background:linear-gradient(135deg,#1ed7600f,#1ed7601f,#1ed7600a);border-top:2px solid rgba(255,255,255,.15);border-bottom:2px solid rgba(255,255,255,.15)}.unwrappedText{font-size:clamp(48px,8vw,80px);font-weight:900;letter-spacing:.04em;line-height:1;color:#1ed760;text-shadow:0 0 40px rgba(30,215,96,.3),0 0 80px rgba(30,215,96,.15),2px 2px 0 rgba(0,0,0,.4);background:linear-gradient(135deg,#1ed760,#32eb74,#14b44c,#28e16a,#1ed760);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:url(#noise) drop-shadow(0 0 30px rgba(30,215,96,.25))}.emojiNarrative{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.emojiItem{font-size:36px;animation:emojiFloat 3s ease-in-out infinite}.emojiItem:first-child{animation-delay:0s}.emojiArrow{font-size:28px;color:#ef4444;animation:arrowBounce 1.5s ease-in-out infinite}.emojiItem:last-child{animation-delay:.3s}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.heroTagline{font-size:clamp(18px,2.5vw,24px);font-weight:600;color:var(--text);margin:0 0 12px;letter-spacing:-.01em}.heroDesc{font-size:16px;color:var(--muted);line-height:1.6;max-width:540px;margin:0 auto 40px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.featureCard{overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;display:flex;flex-direction:column;transition:all .3s ease}.featureCard:hover{border-color:#1ed76059;transform:translateY(-2px);box-shadow:0 8px 24px #1ed7601f}.featureImg{width:100%;height:160px;background-size:cover;background-position:center;background-repeat:no-repeat}.featureText{padding:16px 20px 20px}.featureCard h3{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--text)}.featureCard p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.heroCta{display:flex;flex-direction:column;align-items:center;gap:12px}.heroCtaHint{margin:0;font-size:13px;color:var(--muted2)}.heroTop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.title{font-size:34px;margin:0 0 6px;letter-spacing:-.02em}.subtle{margin:0;color:var(--muted);line-height:1.5}.intro{margin:16px 0 0;color:#ffffffd9;line-height:1.6;font-size:15px}.dataLink{margin:12px 0 0}.privacyLink{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:14px 28px;border:none;border-radius:100px;background:linear-gradient(135deg,#1ed760,#16b44e);transition:all .3s ease;box-shadow:0 4px 24px #1ed76040}.privacyLink:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1ed76059;background:linear-gradient(135deg,#28e16a,#1ed760)}.heroBadge{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;padding:10px 12px;box-shadow:var(--shadow);min-width:140px}.badgeLabel{color:var(--muted2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.badgeValue{font-weight:700;margin-top:2px}.card{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-top:18px}.card.soft{background:#ffffff0a}.topNSelector{display:flex;align-items:center;gap:12px;margin:16px 0 4px;flex-wrap:wrap}.topNLabel{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.topNTabs{display:flex;flex-wrap:wrap;gap:6px}.topNTabs .dateTab{padding:6px 14px;font-size:13px}.topNTabs .dateTab:disabled{opacity:.35;cursor:not-allowed}.sectionSummary{display:flex;align-items:center;justify-content:center;gap:0;margin:16px 0;padding:18px 28px;background:linear-gradient(135deg,#1ed7600f,#1ed76008);border:1px solid rgba(30,215,96,.12);border-radius:14px}.summaryItem{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;text-align:center;padding:0 16px}.summaryLabel{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);font-weight:600}.summaryValue{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.02em}.summaryValue.green{color:#1ed760}.summarySep{width:1px;height:36px;background:#1ed76026;flex:0 0 1px}.cardHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.cardHeader h2{margin:0;font-size:18px;letter-spacing:-.01em}.pill{background:#ffffff14;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted)}.uploadRow{display:flex;flex-direction:column;gap:10px}.fileInput{width:100%;padding:10px;border-radius:12px;border:1px dashed rgba(255,255,255,.25);background:#0000001f;color:var(--text)}.error{color:#ff6b6b;font-size:14px}.controlsGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.priceHistoryInfo{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.priceHistoryInfo h4{margin:0 0 8px;font-size:.9em;color:var(--muted)}.priceHistoryTable{width:auto;border-collapse:collapse;font-size:.85em}.priceHistoryTable th,.priceHistoryTable td{padding:4px 14px 4px 0;text-align:left;color:var(--text)}.priceHistoryTable th{color:var(--muted);font-weight:500;border-bottom:1px solid var(--border)}.priceHistoryTable td{border-bottom:1px solid rgba(255,255,255,.04)}.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.field input{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border);background:#00000029;color:var(--text);outline:none}.field input:focus{border-color:#22d3ee73;box-shadow:0 0 0 4px #22d3ee1a}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;padding:12px}.statLabel{color:var(--muted2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.statValue{margin-top:6px;font-weight:750;font-size:18px}.statHint{font-weight:600;color:var(--muted);font-size:13px}.stickyHeader{position:sticky;top:10px;z-index:20;padding:14px 18px;background:linear-gradient(to bottom,#0b0c10f7,#0b0c10cc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;border:1px solid rgba(30,215,96,.1);flex-wrap:wrap}.stickySubtitle{margin:4px 0 0;font-size:.85em;color:#b3b3b3;font-weight:400;line-height:1.4}.stickySubtitle strong{color:var(--accent)}.headerActions{display:flex;align-items:center;gap:10px}.btn,.btnGhost,.iconBtn,.smallChip{border-radius:12px;border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn{background:var(--btn);padding:10px 12px;font-weight:700}.btn:hover{background:var(--btnHover);transform:translateY(-1px)}.btnGhost{background:#0000001f;padding:10px 12px}.btnGhost:hover{background:#ffffff1a;transform:translateY(-1px)}.iconBtn{background:#ffffff0a;width:36px;height:36px;display:grid;place-items:center;font-size:16px;border-radius:10px;border:1px solid transparent;transition:all .2s ease;color:var(--muted2)}.iconBtn:hover{background:#ef44441a;border-color:#ef444440;color:#ef4444}.artistList{display:flex;flex-direction:column;gap:6px;padding:8px 0}.artistRow{display:grid;grid-template-columns:280px 1fr 44px;gap:16px;align-items:start;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:#ffffff08;transition:all .25s ease;position:relative}.artistRow:hover{background:#1ed7600a;border-color:#1ed76026;box-shadow:0 4px 24px #0003,0 0 0 1px #1ed7600f;transform:translateY(-1px)}.artistMain{min-width:0}.artistName{font-weight:800;letter-spacing:-.01em;font-size:16px;word-break:break-word;transition:color .2s ease}.artistRow:hover .artistName{color:#1ed760}.artistMeta{margin-top:8px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.metaItem{display:inline-flex;align-items:baseline;gap:4px}.metaLabel{color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.dot{color:#ffffff26}.albumWrap{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;min-width:0}.albumChip{border:1px solid var(--border);background:var(--chip);color:var(--text);border-radius:10px;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:flex-start;gap:8px;transition:all .2s ease;width:240px;min-height:44px;text-align:left}.albumChip:hover{background:#1ed7601a;border-color:#1ed76040;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.albumChip.selected{background:var(--chipSel);border-color:var(--chipSelBorder);box-shadow:0 0 12px #48c9811f}.albumChip.showAllBtn{background:#1ed76014;border-color:#1ed76040;border-style:dashed}.albumChip.showAllBtn:hover{background:#1ed76026;border-color:#1ed76066}.albumChip.showAllBtn .chipText{color:var(--accent);font-weight:600}.chipText{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;font-weight:700;font-size:13px;word-break:break-word}.chipMark{font-weight:900;flex:0 0 auto;color:#1ed760}.albumInstructions{width:100%;margin:0 0 6px;font-size:.82em;color:var(--muted);font-style:italic;line-height:1.4}.plannedDropdown{width:100%;margin-top:10px}.plannedDropdownToggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(30,215,96,.25);background:#1ed7600f;color:var(--text);font-weight:700;font-size:.92em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.plannedDropdownToggle:hover{background:#1ed7601f;border-color:#1ed76066}.plannedDropdownSummary{display:flex;align-items:center;gap:8px}.plannedBadge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;background:var(--accent);color:#0b0c10;font-weight:900;font-size:.82em;padding:0 6px}.plannedChevron{font-size:1.2em;transition:transform .2s ease}.plannedChevron.open{transform:rotate(180deg)}.plannedDropdownList{margin-top:6px;border:1px solid var(--border);border-radius:10px;background:#0b0c10f2;max-height:320px;overflow-y:auto}.plannedDropdownItem{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.04);gap:10px}.plannedDropdownItem:last-of-type{border-bottom:none}.plannedDropdownInfo{display:flex;flex-direction:column;gap:1px;min-width:0}.plannedAlbumName{font-weight:700;font-size:.88em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plannedArtistName{font-size:.78em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plannedRemoveBtn{flex:0 0 auto;border:none;background:none;color:var(--muted);cursor:pointer;font-size:1em;padding:4px 6px;border-radius:6px;transition:color .15s ease,background .15s ease}.plannedRemoveBtn:hover{color:#ff6b6b;background:#ff6b6b1a}.plannedDropdownTotal{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-weight:700;font-size:.9em;border-top:1px solid rgba(30,215,96,.15);background:#1ed7600a;border-radius:0 0 10px 10px}.albumBudgetBar{margin-top:8px;display:flex;flex-direction:column;gap:6px}.albumBudgetProgress{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.albumBudgetFill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),#48c981);transition:width .3s ease}.albumBudgetText{font-size:.82em;color:var(--muted);line-height:1.4}.albumBudgetRemaining{color:var(--accent);font-weight:700}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(30,215,96,.2) 20%,rgba(30,215,96,.3) 50%,rgba(30,215,96,.2) 80%,transparent 100%);margin:24px 0}.buyPlan{padding:4px 0}.buyPlanHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.buyPlanHeader h3{margin:0;font-size:16px;color:var(--text)}.btnExportPdf{background:#1ed7601a;border:1px solid rgba(30,215,96,.3);color:var(--accent);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btnExportPdf:hover{background:#1ed76033;border-color:#1ed76080;transform:translateY(-1px)}.exportDropdown{display:flex;flex-direction:column;gap:8px;margin-top:8px}.exportLabel{font-size:13px;font-weight:600;color:var(--text-secondary, #aaa)}.exportBtnGroup{display:flex;flex-wrap:wrap;gap:6px}.btnExportSmall{padding:6px 12px;font-size:12px}.shareGroup{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.btnShare{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;border:none;color:#fff;transition:all .2s ease;white-space:nowrap}.btnShareMain{background:linear-gradient(135deg,#1db954,#169c46);border-radius:10px;box-shadow:0 2px 10px #1db9544d}.btnShareMain:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1db95473;background:linear-gradient(135deg,#22d35e,#1aad4f)}.btnShareFb{background:linear-gradient(135deg,#1877f2,#0d65d9);border-radius:10px;box-shadow:0 2px 10px #1877f24d}.btnShareFb:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1877f273;background:linear-gradient(135deg,#2b88ff,#1073e8)}.shareTip{font-size:11.5px;color:#fff6;margin:6px 0 0;line-height:1.5;max-width:500px}.btnShare:active{transform:translateY(0)}.btnShare svg{flex-shrink:0}.shareToast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:9999;background:linear-gradient(135deg,#1db954,#169c46);color:#fff;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 6px 24px #1db95466;animation:toastSlideUp .35s ease-out;pointer-events:none;white-space:pre-line;text-align:center;max-width:90vw;line-height:1.5}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.planTable{display:flex;flex-direction:column;gap:6px;margin-top:12px}.planRow{display:grid;grid-template-columns:220px 1fr 90px 90px;gap:10px;align-items:center;border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:12px 14px;transition:all .2s ease}.planRow:hover{background:#1ed7600a;border-color:#1ed76026}.planArtist{font-weight:800}.planAlbum{color:var(--muted)}.planPrice{font-weight:800;color:#1ed760}.chipsRow{display:flex;flex-wrap:wrap;gap:8px}.smallChip{background:#ffffff0f;padding:8px 10px;font-size:13px}.smallChip:hover{background:#ffffff1a;transform:translateY(-1px)}@media(max-width:1100px){.controlsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.artistRow{grid-template-columns:1fr}.iconBtn{justify-self:end}.albumChip{width:100%}.planRow{grid-template-columns:1fr}.sectionSummary{flex-wrap:wrap;gap:8px;padding:16px 20px}.summarySep{display:none}.summaryItem{min-width:120px}}@media(max-width:768px){.page{padding:16px 12px 40px}.card{padding:16px 14px;border-radius:14px}.cardHeader{flex-direction:column;align-items:flex-start;gap:8px}.cardHeader h2{font-size:16px}.controlsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stickyHeader{padding:10px 12px;border-radius:12px;top:4px;gap:6px}.stickyHeader h2{font-size:13px;line-height:1.3;margin:0}.stickySubtitle{font-size:.75em;margin-top:2px}.stickyHeader .cardHeader{flex-direction:column;align-items:stretch;gap:6px}.headerActions{flex-wrap:nowrap;gap:6px;width:100%}.headerActions .btn{flex:1;min-width:0;text-align:center;font-size:12px;padding:7px 6px;white-space:nowrap}.headerActions .btnGhost{flex:0 0 auto;font-size:12px;padding:7px 10px;white-space:nowrap}.stickyHeader .plannedDropdown{margin-top:4px}.stickyHeader .plannedDropdownToggle{font-size:.8em;padding:6px 10px}.stickyHeader .albumBudgetBar{margin-top:4px;gap:3px}.stickyHeader .albumBudgetText{font-size:.72em;line-height:1.3}.stickyHeader .albumBudgetProgress{height:4px}.priceHistoryTable{font-size:.78em}.priceHistoryTable th,.priceHistoryTable td{padding:4px 8px 4px 0}.plannedDropdownToggle{font-size:.84em;padding:10px 12px}.albumBudgetText{font-size:.78em}.stat{padding:10px}.statValue{font-size:16px}.trackRow{flex-direction:column;align-items:flex-start;gap:4px}.trackStats{white-space:normal}.paginationControls{flex-direction:column;align-items:stretch}.searchBox{max-width:none}.paginationInfo{order:-1;text-align:center}.paginationNav{justify-content:center}.perPageSelect{margin-left:0}.perPageSelect label{justify-content:center}}@media(max-width:640px){.featureGrid{grid-template-columns:1fr;gap:12px}.hero{padding:40px 0 32px}.heroImageWrap{max-width:280px;border-radius:16px;margin-bottom:20px}.priceHistoryInfo{overflow-x:auto;-webkit-overflow-scrolling:touch}.spotifyIcon{width:36px;height:36px}.spotifyText{font-size:28px}.tornInner{padding:14px 20px}.emojiItem{font-size:28px}.emojiArrow{font-size:22px}.heroTagline{font-size:18px}.heroDesc{font-size:14px;margin-bottom:28px}.heroBadgePill{font-size:11px;padding:5px 12px;margin-bottom:18px}.topNSelector{flex-direction:column;align-items:flex-start;gap:8px}.topNTabs .dateTab{padding:5px 10px;font-size:12px}.stickyHeader{padding:8px 10px;top:2px;gap:4px}.stickyHeader h2{font-size:12px}.stickySubtitle{font-size:.68em;margin-top:1px}.headerActions .btn{font-size:11px;padding:6px 5px}.headerActions .btnGhost{font-size:11px;padding:6px 8px}.stickyHeader .plannedDropdownToggle{font-size:.76em;padding:5px 8px}.stickyHeader .albumBudgetText{font-size:.68em}.sectionSummary{flex-direction:column;gap:12px;padding:16px}.summarySep{display:none}.summaryValue{font-size:18px}.controlsGrid,.statsGrid{grid-template-columns:1fr}.artistRow{padding:12px;border-radius:12px;gap:10px}.artistName{font-size:15px}.artistMeta{font-size:12px;gap:6px}.albumWrap{gap:6px}.albumChip{width:100%;min-height:40px;padding:8px 10px}.chipText{font-size:12px}.searchBox{min-width:0;max-width:none}.paginationControls{gap:10px;padding:12px}.paginationNav{flex-wrap:wrap;justify-content:center}.pageBtn{padding:6px 10px;min-width:32px;font-size:14px}.buyPlanHeader{flex-direction:column;align-items:flex-start;gap:4px}.modalOverlay{padding:10px;align-items:flex-end}.modalContent{max-height:92vh;border-radius:16px 16px 0 0}.modalHeader{padding:16px}.modalHeader h2{font-size:18px}.modalStats{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px}.modalBody{padding:16px}.modalFilters{padding:12px 16px;gap:6px}.filterBtn{padding:8px 12px;font-size:12px}.disclaimerBody{padding:16px}.siteFooter{margin-top:32px;padding:24px 16px}}.modalOverlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modalContent{background:var(--panel);border:1px solid var(--border);border-radius:18px;max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modalHeader h2{margin:0;font-size:24px;font-weight:700}.modalClose{background:none;border:none;color:var(--muted);font-size:36px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modalClose:hover{background:var(--btn);color:var(--text)}.modalStats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;border-bottom:1px solid var(--border)}.statItem{text-align:center}.statLabel{color:var(--muted2);font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.statValue{font-size:20px;font-weight:700;color:var(--text)}.modalFilters{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--border)}.filterBtn{padding:8px 16px;background:var(--btn);border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.filterBtn:hover{background:var(--btnHover);color:var(--text)}.filterBtn.active{background:#48c98126;border-color:#48c98159;color:#48c981}.modalBody{overflow-y:auto;padding:24px;flex:1}.albumDetail{margin-bottom:32px}.albumDetail:last-child{margin-bottom:0}.albumHeader{margin-bottom:12px}.albumHeader h3{margin:0 0 4px;font-size:18px;font-weight:600}.albumStats{color:var(--muted2);font-size:13px}.trackList{display:flex;flex-direction:column;gap:8px}.trackRow{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;gap:16px}.trackName{flex:1;color:var(--text);font-size:14px}.trackStats{color:var(--muted2);font-size:12px;white-space:nowrap}.dateFilterControls{display:flex;flex-direction:column;gap:14px}.dateFilterTabs{display:flex;flex-wrap:wrap;gap:6px}.dateTab{padding:8px 16px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:all .2s ease}.dateTab:hover{background:#1ed76014;border-color:#1ed76033;color:var(--text)}.dateTab.active{background:#1ed76026;border-color:#1ed76059;color:#1ed760;box-shadow:0 0 12px #1ed7601a}.dateCustomRange{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.dateField{display:flex;flex-direction:column;gap:4px;color:var(--muted2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dateField input[type=date]{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0003;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease;color-scheme:dark}.dateField input[type=date]:focus{outline:none;border-color:#1ed76066;box-shadow:0 0 0 3px #1ed76014}.dateSep{font-size:18px;color:var(--muted2);padding-bottom:10px}.dateFilterInfo{font-size:13px;color:var(--muted);padding:10px 14px;background:#1ed7600a;border:1px solid rgba(30,215,96,.1);border-radius:10px}@media(max-width:640px){.dateFilterTabs{gap:4px}.dateTab{padding:6px 12px;font-size:13px}.dateCustomRange{flex-direction:column;align-items:stretch}.dateSep{display:none}}.paginationControls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:#ffffff08;margin-bottom:8px}.searchBox{position:relative;flex:1;min-width:200px;max-width:300px}.searchInput{width:100%;padding:10px 36px 10px 12px;background:#0003;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease}.searchInput:focus{outline:none;border-color:#1ed76066;background:#0000004d;box-shadow:0 0 0 3px #1ed76014}.searchInput::placeholder{color:var(--muted2)}.clearSearch{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;font-size:14px;line-height:1;border-radius:4px;transition:all .2s ease}.clearSearch:hover{color:var(--text);background:var(--btn)}.paginationInfo{color:var(--muted2);font-size:13px;white-space:nowrap}.paginationNav{display:flex;align-items:center;gap:8px}.pageBtn{background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:6px 12px;font-size:16px;line-height:1;transition:all .2s ease;min-width:36px}.pageBtn:hover:not(:disabled){background:#1ed7601a;border-color:#1ed7604d;color:#1ed760}.pageBtn:disabled{opacity:.25;cursor:not-allowed}.pageNumbers{color:var(--text);font-size:13px;font-weight:500;padding:0 8px;white-space:nowrap}.perPageSelect{margin-left:auto}.perPageSelect label{display:flex;align-items:center;gap:8px;color:var(--muted2);font-size:13px;white-space:nowrap}.perPageSelect select{background:#0003;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 10px;font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s ease}.perPageSelect select:focus{outline:none;border-color:#1ed76066;box-shadow:0 0 0 3px #1ed76014}.perPageSelect select:hover{background:#1ed7600f;border-color:#1ed76033}.uploadedFilesList{padding:24px;border-top:1px solid var(--border);background:#ffffff05}.filesHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.filesHeader h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.filesList{display:flex;flex-direction:column;gap:8px}.fileItem{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.fileItem:hover{background:var(--panel2);border-color:#48c98133}.fileInfo{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.fileName{color:var(--text);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileStats{color:var(--muted2);font-size:12px}.fileRemove{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1}.fileRemove:hover{background:#ef44441f;color:#ef4444}@media(max-width:480px){.filesHeader{flex-direction:column;align-items:flex-start;gap:12px}.filesHeader .btnGhost{width:100%}}.siteFooter{margin-top:48px;padding:28px 20px;text-align:center;border-top:1px solid var(--border);color:var(--muted);font-size:.88em;display:flex;flex-direction:column;align-items:center;gap:8px}.siteFooter p{margin:0}.disclaimerLink{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.92em;text-decoration:underline;text-underline-offset:3px;padding:4px 8px;border-radius:6px;transition:background .15s ease,color .15s ease}.disclaimerLink:hover{background:#1ed76014;color:#48c981}.langSwitch{position:fixed;top:14px;right:18px;z-index:1000;display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--textMuted);transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #00000014;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.langSwitch:hover{border-color:var(--accent);box-shadow:0 2px 12px #1db9542e}.langSwitch .langActive{color:var(--accent)}.langSwitch .langDivider{color:var(--border);margin:0 3px;font-weight:400}@media(max-width:600px){.langSwitch{top:10px;right:10px;padding:5px 10px;font-size:12px}}.disclaimerModal{max-width:700px}.disclaimerBody{padding:20px 24px 28px;font-size:.92em;line-height:1.7;color:var(--text);overflow-y:auto;flex:1 1 auto;min-height:0}.disclaimerBody p{margin:0 0 14px}.disclaimerBody h3{font-size:1.05em;margin:20px 0 8px;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:4px}.disclaimerBody .disclaimerIntro{font-size:.96em;color:var(--textMuted);border-left:3px solid var(--accent);padding:10px 14px;background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 6px 6px 0;margin-bottom:18px}.disclaimerBody ul{margin:0 0 14px;padding-left:20px}.disclaimerBody li{margin-bottom:8px}.disclaimerBody li strong,.disclaimerBody li b{color:var(--accent)}.disclaimerBody code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:color-mix(in srgb,var(--text) 8%,transparent);padding:1px 5px;border-radius:3px}.disclaimerBody .disclaimerPurpose{font-weight:600;border-left:3px solid var(--accent);padding:8px 14px;background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 6px 6px 0;margin-top:18px}.disclaimerBody .disclaimerSolution{color:var(--textMuted);font-style:italic;margin-top:8px}.disclaimerBody .disclaimerPrivacy{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:8px;font-size:.9em;font-weight:500}
