@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:Outfit,Segoe UI,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f5f3;background:radial-gradient(1000px 680px at 92% 8%,rgba(139,133,125,.48),transparent 60%),radial-gradient(850px 520px at 3% 96%,rgba(131,121,109,.24),transparent 68%),linear-gradient(180deg,#8e877f,#837d74)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html,body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.auth-page{min-height:100vh;width:100%;display:grid;place-items:center;padding:24px}.auth-card{width:min(680px,100%);border-radius:28px;padding:clamp(24px,4vw,36px);background:linear-gradient(170deg,#34353ce0,#24242ce6);border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 80px #00000052}.auth-card.compact{max-width:420px}.auth-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:700;color:#f4f2f1}.auth-subtitle{margin:10px 0 0;color:#eeedecc7;font-size:1rem}.auth-actions{display:flex;align-items:center;gap:14px;margin-top:24px}.inline-link{color:#9ec3ff;font-weight:600;text-decoration:none}.inline-link:hover{color:#c5d9ff}.dashboard-page{width:min(1180px,100% - 32px);margin:20px auto 24px;padding:clamp(14px,2vw,22px);border-radius:30px;color:#f2f2f0;border:1px solid rgba(255,255,255,.14);background-color:#3a3743f0;background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:0 26px 70px #0000003d;transition:background-image .72s ease,background-color .72s ease}.hero-block,.panel,.footer-note{animation:rise-in .52s cubic-bezier(.2,.9,.3,1) both}.main-grid{animation:rise-in .62s cubic-bezier(.2,.9,.3,1) both}.ranking-panel{animation:rise-in .72s cubic-bezier(.2,.9,.3,1) both}.hero-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(2.2rem,5.6vw,3.5rem);line-height:1;letter-spacing:-.02em}.toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.tab-strip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:18px;min-width:312px;background:#ddd9d21f;border:1px solid rgba(255,255,255,.08)}.tab-chip{appearance:none;border:0;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#f3f3f3;background:transparent;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.tab-chip:hover{background:#ffffff14;color:#fff}.tab-chip.active{color:#0f1115;background:#16c45f;box-shadow:0 10px 24px #16c45f66}.tab-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action-btn{appearance:none;border:0;border-radius:14px;padding:0 24px;height:58px;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.01em;color:#0c1b11;background:#16c45f;box-shadow:0 14px 26px #16c45f57;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 30px #16c45f66}.action-btn:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.profile-pill{appearance:none;border:0;border-radius:14px;height:58px;max-width:280px;padding:0 14px;display:inline-flex;align-items:center;gap:10px;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1rem;font-weight:700;color:#ecf8f0;background:#11be57;cursor:pointer;transition:transform .18s ease}.profile-pill:hover{transform:translateY(-1px)}.account-menu{position:relative;display:inline-flex}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;border-radius:12px;padding:8px;background:#13161ef2;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 32px #0000004d;z-index:20}.account-dropdown-item{appearance:none;width:100%;border:0;border-radius:8px;height:38px;padding:0 12px;text-align:left;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:700;color:#f6f7f9;background:#ffffff14;cursor:pointer}.account-dropdown-item:hover{background:#ffffff29}.account-dropdown-info{margin-bottom:8px;padding:8px 10px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.account-dropdown-name,.account-dropdown-id{margin:0}.account-dropdown-name{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.9rem;color:#f6f7f9;font-weight:700}.account-dropdown-id{margin-top:2px;font-size:.76rem;color:#e6ebf4b3}.toolbar-ghost{height:58px;border-radius:14px;padding:0 16px;font-weight:700;color:#d7f3e1;background:#0b181070;border-color:#6ce0a059}.avatar-dot{width:36px;height:36px;border-radius:50%;flex:0 0 36px;display:grid;place-items:center;font-size:.9rem;font-weight:800;color:#eaf5ff;background:radial-gradient(circle at 30% 30%,#bdf0ff,#7ac8ff 52%,#3f86ff)}.avatar-image{width:36px;height:36px;border-radius:50%;flex:0 0 36px;object-fit:cover;border:1px solid rgba(255,255,255,.25)}.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted-line{margin:12px 0 0;color:#f6f4f2c7;font-size:clamp(1rem,2.4vw,1.15rem);font-weight:500}.msg{margin:10px 0 0;padding:10px 14px;width:fit-content;max-width:100%;border-radius:10px;font-size:.95rem}.msg.warn{color:#fce8bb;background:#ffbc3929}.msg.error{color:#ffc4ca;background:#ff6b8129}.msg.ok{color:#d5ffe6;background:#33ca6e29}.main-grid{margin-top:16px;display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{border-radius:22px;padding:clamp(18px,2vw,24px);background:linear-gradient(165deg,#43424df5,#383742f5);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px #00000038}.panel-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.45rem,3vw,2rem);color:#f6f6f6}.track-wrap{margin-top:16px;display:flex;gap:18px;align-items:flex-start}.cover-shell{width:172px;min-width:172px}.cover-art,.cover-fallback{width:172px;height:172px;border-radius:16px;display:grid;place-items:center}.cover-art{object-fit:cover;box-shadow:0 14px 26px #0000004d}.cover-fallback{font-size:2.4rem;color:#ffffffb3;background:linear-gradient(140deg,#58637d,#404a64)}.track-meta{min-width:0}.track-title{margin:2px 0 0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.7rem,3.7vw,2.4rem);line-height:1.15;color:#f7f5f2;word-break:break-word}.track-artist{margin:10px 0 0;font-size:clamp(1.1rem,2.5vw,1.45rem);color:#aab0e2}.track-count{margin:14px 0 0;color:#21d66c;font-weight:700;font-size:1.6rem}.progress-track{position:relative;margin-top:12px;width:min(480px,100%);height:13px;border-radius:999px;overflow:hidden;background:#262f56}.progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#20d96c,#4beb7d)}.progress-row{display:flex;justify-content:space-between;margin-top:8px;color:#b2b7dc;font-size:1.2rem}.track-state{margin:10px 0 0;color:#b9c1f0;font-size:1.15rem}.spotify-link{display:inline-block;margin-top:12px;font-size:2rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:700;color:#16d164;text-decoration:none}.spotify-link:hover{color:#54f192}.summary-stack{margin-top:16px;display:grid;gap:12px}.summary-card{border-radius:16px;padding:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.summary-label{margin:0;font-size:1.05rem;color:#d3d5ff;font-weight:700}.summary-time{margin:6px 0 0;font-size:2.25rem;font-weight:800;font-family:Space Grotesk,Segoe UI,sans-serif}.summary-meta{margin:6px 0 0;font-size:1rem;color:#f1f1f1c2}.summary-foot{margin-top:14px;color:#eceae8d1;font-size:.95rem}.summary-foot p{margin:4px 0}.mini-actions{margin-top:8px;display:flex;gap:8px}.ghost-btn{appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:7px 12px;font-family:Outfit,Segoe UI,sans-serif;font-size:.85rem;color:#e8e8e7;background:#ffffff14;cursor:pointer}.ghost-btn:hover:not(:disabled){background:#ffffff1f}.ghost-btn.danger{color:#ffc1c1;border-color:#ff868659}.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.ranking-panel{margin-top:18px}.tab-panel{margin-top:16px}.ranking-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.ranking-head p{margin:0;color:#f1ede9b3}.ranking-switch{margin-top:12px;display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.ranking-switch-btn{appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;height:34px;padding:0 14px;font-size:.9rem;font-weight:700;color:#e8e8e7;background:#ffffff14;cursor:pointer}.ranking-switch-btn:hover{background:#ffffff24}.ranking-switch-btn.active{color:#102015;border-color:#16c45f99;background:#16c45f}.shared-controls{margin-top:12px;display:grid;grid-template-columns:auto minmax(220px,360px) auto auto;align-items:center;column-gap:10px;row-gap:8px}.shared-label{min-width:46px;line-height:1;font-size:.9rem;color:#f5f4f3d1;font-weight:700}.shared-select{appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:10px;height:36px;padding:0 12px;min-width:0;width:100%;font-family:Outfit,Segoe UI,sans-serif;font-size:.9rem;color:#f4f5f6;background:#ffffff14}.shared-select option{color:#131721;background:#f3f6ff}.shared-controls .ghost-btn{height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}.heatmap-panel,.graph-panel{margin-top:18px}.heatmap-grid{margin-top:14px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.heatmap-cell{min-height:62px;border-radius:10px;padding:8px 7px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:space-between}.heatmap-hour{font-size:.78rem;font-weight:700;color:#f5f4f3eb}.heatmap-cell-meta{font-size:.78rem;color:#f4f3f2db}.trend-chart-wrap{margin-top:14px;overflow-x:auto;padding-bottom:8px}.trend-chart{min-width:560px;min-height:246px;display:grid;gap:8px;align-items:end}.trend-column{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:6px;align-items:end}.trend-count{text-align:center;font-size:.72rem;color:#e8ecfad9}.trend-bar-shell{height:180px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:4px;display:flex;align-items:flex-end}.trend-bar{display:block;width:100%;min-height:2px;border-radius:7px;background:linear-gradient(180deg,#63f09d,#16c45f);box-shadow:0 8px 14px #09160e59}.trend-label{min-height:1.2em;text-align:center;font-size:.72rem;color:#ecedf5b8;white-space:nowrap}.empty-note{margin-top:14px;color:#f1ede9d1}.ranking-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}.ranking-item{display:grid;grid-template-columns:38px 52px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.rank-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-weight:700;color:#c5f5d5;background:#16c45f38}.rank-cover,.rank-cover.fallback{width:52px;height:52px;border-radius:10px}.rank-cover{object-fit:cover}.rank-cover.fallback{display:grid;place-items:center;color:#ffffffb3;background:linear-gradient(140deg,#5b6280,#414761)}.rank-meta{min-width:0}.rank-title{margin:0;font-size:1.03rem;color:#f5f5f4;font-weight:700}.rank-artist{margin:3px 0 0;color:#cdd0dc;font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-info{margin:3px 0 0;color:#b6b9c8;font-size:.83rem}.rank-link{color:#6df49f;font-weight:600;text-decoration:none}.rank-link.disabled{color:#aab0c4c7;pointer-events:none}.rank-link:hover{color:#b7ffd2}.rank-play-count{justify-self:end;font-size:.95rem;font-weight:700;color:#6df49f}.footer-note{margin:14px 0 0;color:#f0ece7c7;font-size:.94rem}.global-watermark{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);margin:0;font-size:.82rem;letter-spacing:.03em;color:#f0ece759;text-shadow:0 1px 3px rgba(0,0,0,.35);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:60}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.main-grid{grid-template-columns:1fr}.tab-strip{min-width:240px}}@media(max-width:780px){.dashboard-page{width:calc(100% - 20px);margin-top:12px}.tab-strip{flex:1 1 100%;min-width:0}.toolbar-row{gap:10px}.action-btn{flex:1 1 calc(50% - 8px);min-width:150px;padding:0 14px}.profile-pill{flex:1 1 100%;justify-content:center}.track-wrap{flex-direction:column}.cover-shell,.cover-art,.cover-fallback{width:140px;height:140px;min-width:140px}.track-count{font-size:1.3rem}.spotify-link{font-size:1.5rem}.ranking-item{grid-template-columns:34px 46px 1fr auto}.rank-play-count{font-size:.88rem}.shared-controls{grid-template-columns:1fr;align-items:stretch}.shared-label{min-width:0}.shared-select,.shared-controls .ghost-btn{width:100%}.heatmap-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.trend-chart{min-width:680px;min-height:220px;gap:6px}.trend-bar-shell{height:150px}.trend-label{font-size:.68rem}}