.tab-bar-mobile{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;background:var(--bg-surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);height:calc(var(--tab-height) + var(--safe-bottom))}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-2) 0;color:var(--text-muted);transition:color .15s;min-height:44px;-webkit-tap-highlight-color:transparent}.tab-item:active{opacity:.7}.tab-item.active{color:var(--accent)}.tab-label{font-size:.625rem;font-weight:600;letter-spacing:.02em}.chat-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:var(--bg-page)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--page-px);padding-top:calc(var(--safe-top) + var(--space-4));border-bottom:1px solid var(--border);background:var(--bg-surface);min-height:60px}.chat-header-title{font-weight:700;font-size:var(--text-lg)}.chat-header-actions{display:flex;align-items:center;gap:var(--space-2)}.chat-new-btn{color:var(--text-muted);padding:var(--space-2);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.chat-new-btn:active{opacity:.6;background:var(--bg-elevated)}.chat-close{color:var(--text-muted);padding:var(--space-2);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.chat-close:active{opacity:.6;background:var(--bg-elevated)}.chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--page-px);display:flex;flex-direction:column;gap:var(--space-3)}.chat-welcome{padding:var(--space-5) var(--page-px)}.chat-welcome-text{text-align:center;color:var(--text-secondary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.chat-starters{display:flex;flex-direction:column;gap:var(--space-2)}.chat-starter{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--page-px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;-webkit-tap-highlight-color:transparent}.chat-starter:active{background:var(--bg-elevated)}.chat-starter-icon{font-size:var(--text-base);flex-shrink:0;margin-top:1px}.chat-starter-text{flex:1}.chat-msg{display:flex}.chat-msg-user{justify-content:flex-end}.chat-msg-bubble{max-width:80%;padding:var(--space-3) var(--page-px);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.chat-msg-user .chat-msg-bubble{background:var(--accent);color:#000;border-bottom-right-radius:var(--space-1)}.chat-msg-assistant .chat-msg-bubble{background:var(--bg-surface);color:var(--text-primary);border-bottom-left-radius:var(--space-1)}.chat-typing{color:var(--text-muted);font-style:italic}.chat-thinking{display:flex;align-items:center;padding:var(--space-2) 0}.chat-vinyl{width:40px;height:40px;border-radius:50%;background:conic-gradient(from 0deg,#111,#222,#111,#1a1a1a 90deg,#222 150deg,#111,#1a1a1a 210deg,#252525,#111 330deg,#111 360deg);position:relative;animation:chatVinylSpin 1.6s linear infinite;box-shadow:0 0 0 2px #444,0 0 8px #00000080}.chat-vinyl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.05) 50%,transparent 65%);z-index:2;pointer-events:none}.chat-vinyl-groove{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.chat-vinyl-groove-2{top:10px;right:10px;bottom:10px;left:10px;border-color:#ffffff0f}.chat-vinyl-label{position:absolute;width:14px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent, #e5a00d);z-index:3}.chat-vinyl-label:after{content:"";position:absolute;width:3px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#1a1a1a}@keyframes chatVinylSpin{to{transform:rotate(360deg)}}.chat-start-session-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);color:#4ade80;font-size:var(--text-xs);font-weight:600;-webkit-tap-highlight-color:transparent}.chat-start-session-btn:active:not(:disabled){background:#22c55e33}.chat-start-session-btn:disabled{opacity:.5}.chat-msg-bubble .chat-md-p{margin:0 0 .4em}.chat-msg-bubble .chat-md-p:last-child{margin-bottom:0}.chat-msg-bubble .chat-md-heading{display:block;margin:.5em 0 .25em;font-size:.95em}.chat-msg-bubble .chat-md-list{margin:.25em 0;padding-left:1.3em;display:flex;flex-direction:column;gap:.2em}.chat-msg-bubble .chat-md-list li{font-size:inherit;line-height:1.45}.chat-input-bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--page-px);padding-bottom:calc(var(--space-3) + var(--safe-bottom));border-top:1px solid var(--border);background:var(--bg-surface)}.chat-input{flex:1;padding:var(--space-3) var(--page-px);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);min-height:44px}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.chat-send{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#000;flex-shrink:0}.chat-send:active:not(:disabled){transform:scale(.92)}.chat-send:disabled{opacity:.3}.chat-history-btn{color:var(--text-muted);padding:var(--space-2);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.chat-history-btn:active{opacity:.6;background:var(--bg-elevated)}.chat-session-list{border-bottom:1px solid var(--border);background:var(--bg-surface);max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-session-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--page-px);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface);z-index:1}.chat-session-list-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.chat-session-list-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-md)}.chat-session-list-close:active{background:var(--bg-elevated)}.chat-session-empty{padding:var(--space-4) var(--page-px);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.chat-session-item{display:flex;align-items:center;width:100%;padding:0;border-bottom:1px solid var(--border);text-align:left;color:var(--text-primary);font-size:var(--text-sm);-webkit-tap-highlight-color:transparent}.chat-session-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--page-px);color:inherit;font-size:inherit;text-align:left;min-height:60px;justify-content:center;-webkit-tap-highlight-color:transparent}.chat-session-main:active{background:var(--bg-elevated)}.chat-session-item:last-child{border-bottom:none}.chat-session-item--active{background:var(--bg-elevated)}.chat-session-actions{display:flex;flex-shrink:0}.chat-session-action-btn{display:flex;align-items:center;justify-content:center;width:48px;height:60px;color:var(--text-muted);-webkit-tap-highlight-color:transparent}.chat-session-action-btn:active{color:var(--accent);background:var(--bg-elevated)}.chat-session-delete-btn:active{color:#f87171}.chat-session-rename-row{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:var(--space-4) var(--page-px)}.chat-session-rename-input{width:100%;background:var(--bg-input);border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);min-height:48px;outline:none;font-family:inherit}.chat-session-rename-input::placeholder{color:var(--text-muted)}.chat-session-rename-charcount{font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:calc(-1 * var(--space-2))}.chat-session-rename-actions{display:flex;gap:var(--space-3)}.chat-session-save-btn{flex:1;padding:var(--space-3);background:var(--accent);color:#000;font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);min-height:48px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.chat-session-save-btn:active{opacity:.8}.chat-session-cancel-btn{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-height:48px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.chat-session-cancel-btn:active{opacity:.7}.chat-session-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.chat-session-date{color:var(--text-muted);font-size:var(--text-xs)}.chat-fab{position:fixed;bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-3));right:var(--page-px);z-index:90;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006}.chat-fab:active{transform:scale(.92)}.connect-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;margin:1rem 0;background:var(--card-bg, #1a1a1a);border:1px solid var(--border, #282828);border-radius:12px}.connect-prompt-icon{margin-bottom:1rem;opacity:.8}.connect-prompt-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #e2e8f0)}.connect-prompt-text{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-muted, #94a3b8);max-width:280px;line-height:1.4}.connect-prompt-btn{padding:.6rem 1.5rem;border-radius:8px;border:none;background:var(--accent, #f59e0b);color:var(--bg-page, #0f0f0f);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.connect-prompt-btn:hover{opacity:.9}.qb{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.03em;line-height:1.4}.qb-grade-aplus{background:var(--grade-aplus);color:#000}.qb-grade-a{background:var(--grade-a);color:#000}.qb-grade-b{background:var(--grade-b);color:#fff}.qb-grade-c{background:var(--grade-c);color:#000}.qb-grade-d{background:var(--grade-d);color:#fff}.qb-audio-aaa{background:var(--audio-aaa);color:#000}.qb-audio-aad,.qb-audio-add{background:#334155;color:#94a3b8}.qb-audio-ddd{background:#1e293b;color:#64748b}.qb-fomo-high{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.qb-fomo-med{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.sap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0009;display:flex;align-items:flex-end;-webkit-tap-highlight-color:transparent}.sap-panel{width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-page);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--page-px) calc(var(--space-8) + var(--safe-bottom));animation:sap-slide-up .3s ease-out}@keyframes sap-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sap-handle{width:36px;height:4px;background:var(--border);border-radius:var(--radius-full);margin:0 auto var(--space-4)}.sap-status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.sap-status-left{display:flex;align-items:center;gap:var(--space-2)}.sap-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.sap-status-dot.sap-status-active{background:#34d399;box-shadow:0 0 6px #34d39980}.sap-status-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.sap-toggle{position:relative;width:48px;height:28px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s;padding:0}.sap-toggle-on{background:var(--accent);border-color:var(--accent)}.sap-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-primary);transition:transform .2s}.sap-toggle-on .sap-toggle-thumb{transform:translate(20px);background:#000}.sap-album-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.sap-album-cover{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.sap-album-info{flex:1;min-width:0}.sap-album-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sap-album-artist{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.sap-heading{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.sap-prompt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-5)}.sap-field{margin-bottom:var(--space-4)}.sap-field-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.sap-field-label-sm{font-size:var(--text-sm);color:var(--text-secondary)}.sap-input{width:100%;padding:var(--space-3) var(--page-px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);min-height:44px}.sap-input:focus{outline:none;border-color:var(--accent)}.sap-input::placeholder{color:var(--text-muted)}.sap-select{padding:var(--space-3) var(--page-px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);min-height:44px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.sap-select:focus{outline:none;border-color:var(--accent)}.sap-textarea{width:100%;padding:var(--space-3) var(--page-px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);resize:vertical;min-height:80px;line-height:1.5}.sap-textarea:focus{outline:none;border-color:var(--accent)}.sap-textarea::placeholder{color:var(--text-muted)}.sap-budget-row{display:flex;gap:var(--space-2)}.sap-budget-input{flex:1}.sap-currency-select{width:90px;flex-shrink:0}.sap-mode-link{display:block;text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-2);min-height:44px;display:flex;align-items:center;justify-content:center}.sap-mode-link:active{color:var(--accent)}.sap-mode-link-top{margin-top:0;margin-bottom:var(--space-3)}.sap-section{margin-bottom:var(--space-5)}.sap-section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-3)}.sap-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.sap-pill-disabled{opacity:.4;cursor:default}.sap-pill-disabled:active{opacity:.4}.sap-coming-soon{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-1);font-weight:400}.sap-specific-input{margin-top:var(--space-2)}.sap-auction-row,.sap-rating-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;min-height:44px}.sap-rating-input-wrap{display:flex;align-items:center;gap:var(--space-1)}.sap-rating-input{width:64px;text-align:center;padding:var(--space-2) var(--space-2);min-height:40px}.sap-rating-pct{font-size:var(--text-sm);color:var(--text-secondary)}.sap-save,.sap-actions{margin-top:var(--space-4)}.sap-cancel{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.sap-cancel:active{color:var(--text-secondary)}.sap-remove{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;color:#f87171;font-size:var(--text-sm);margin-top:var(--space-5);padding:var(--space-2)}.sap-remove:active{opacity:.7}.sap-panel-loading{display:flex;align-items:center;justify-content:center;min-height:120px}.sap-error{color:#f87171;font-size:var(--text-sm);margin-bottom:var(--space-3)}@media(prefers-reduced-motion:reduce){.sap-panel{animation:none}}.wl-header{display:flex;align-items:center;justify-content:space-between}.wl-share-btn{padding:var(--space-3) var(--page-px);background:var(--accent);color:#000;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;min-height:44px;display:inline-flex;align-items:center}.wl-share-btn:active{opacity:.85;transform:scale(.97)}.wl-loading{display:flex;align-items:center;justify-content:center;min-height:40vh}.wl-error{color:#f87171;text-align:center;padding:var(--space-8);font-size:var(--text-sm)}.wl-empty{text-align:center;padding:var(--space-8) var(--page-px);color:var(--text-muted)}.wl-empty-hint{font-size:var(--text-sm);margin-top:var(--space-2)}.wl-list{display:flex;flex-direction:column;gap:var(--space-3)}.wl-item{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);position:relative}.wl-purchased{opacity:.5}.wl-cover{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.wl-body{flex:1;min-width:0}.wl-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-artist{font-size:var(--text-sm);color:var(--text-secondary)}.wl-label{font-size:var(--text-sm);color:var(--text-muted)}.wl-badges{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.wl-note{font-size:var(--text-sm);color:var(--accent);margin-top:var(--space-1);font-style:italic}.wl-purchased-tag{font-size:var(--text-xs);color:var(--grade-a);font-weight:600;margin-top:var(--space-1)}.wl-link{display:flex;gap:var(--space-3);flex:1;min-width:0;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.wl-link:active{opacity:.8}.wl-actions{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-1);flex-shrink:0}.wl-source-btn{position:relative;color:var(--text-muted);padding:var(--space-2);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.wl-source-btn:active{color:var(--accent);background:var(--bg-elevated)}.wl-source-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.wl-source-dot--active{background:#34d399}.wl-remove{color:var(--text-muted);padding:var(--space-2);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.wl-remove:active{color:#f87171}.wl-agent-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:#34d399;font-weight:500;margin-top:var(--space-1)}.wl-agent-dot{width:6px;height:6px;border-radius:50%;background:#34d399;display:inline-block;animation:agent-pulse 2s ease-in-out infinite}@keyframes agent-pulse{0%,to{opacity:1}50%{opacity:.4}}.mycoll-header{padding:var(--space-2) 0 var(--space-3)}.mycoll-header-top{display:flex;justify-content:space-between;align-items:flex-start}.mycoll-logo{height:32px;width:auto;margin-bottom:var(--space-2)}.mycoll-greeting{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.mycoll-scan-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0}.mycoll-scan-btn:active{background:var(--bg-elevated);transform:scale(.95)}.mycoll-tidbits-section{margin-bottom:var(--space-4)}.mycoll-tidbits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.mycoll-section-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.mycoll-tidbits-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius, 6px);color:var(--text-muted);background:none;border:none;-webkit-tap-highlight-color:transparent}.mycoll-tidbits-close:active{background:var(--bg-elevated)}.mycoll-stat-val{display:block;font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.mycoll-stat-lbl{display:block;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.mycoll-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.mycoll-tabs::-webkit-scrollbar{display:none}.mycoll-tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;white-space:nowrap;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);min-height:38px;display:inline-flex;align-items:center}.mycoll-tab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.mycoll-tab:active{opacity:.8}.mycoll-panel{min-height:200px}.mycoll-upgrades-section{margin-top:var(--space-4)}.mycoll-upgrades-panel{background:var(--bg-surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-3) var(--page-px) var(--page-px)}.mycoll-activity-section{margin-bottom:var(--space-5)}.st-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.st-section-header .st-section-title{margin-bottom:0}.mycoll-toggle-btn{font-size:var(--text-xs);font-weight:600;color:var(--accent);padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);min-height:28px}.mycoll-toggle-btn:active{opacity:.7}.mycoll-detail-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stats-drill-back{display:flex;align-items:center;gap:var(--space-2);color:var(--accent);font-size:var(--text-base);font-weight:600;background:none;border:none;padding:0;margin-bottom:var(--space-4)}.stats-drill-back:active{opacity:.7}.coll-daily-insight{display:flex;gap:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--page-px);margin-bottom:var(--space-4);border-left:3px solid #f59e0b}.coll-insight-cover{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.coll-insight-body{min-width:0;flex:1}.coll-insight-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55;margin:0 0 var(--space-2)}.coll-insight-link{font-size:var(--text-xs);font-weight:600;color:var(--accent);text-decoration:none}.coll-insight-link:active{opacity:.6}.coll-summary{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 1rem);margin-bottom:var(--space-4, 1rem)}.coll-summary-grid{display:flex;gap:var(--space-2, .5rem);flex-wrap:wrap}.coll-summary-stat{flex:1;min-width:60px;text-align:center;background:var(--bg-elevated, #222);border-radius:var(--radius, 8px);padding:var(--space-3, .75rem) var(--space-2, .5rem)}.coll-summary-stat--hl{border:1px solid rgba(167,139,250,.3);background:#a78bfa14}.coll-summary-val{display:block;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.coll-summary-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.15rem}.coll-summary-detail{font-size:.78rem;color:var(--text-secondary);margin:.5rem 0 0}.coll-summary-detail strong{color:var(--text-muted)}.coll-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.coll-tab{padding:var(--space-3) var(--page-px);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);min-height:44px;display:inline-flex;align-items:center}.coll-tab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.coll-tab:active{opacity:.8}.coll-toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.coll-toolbar .coll-search{margin-bottom:0;flex:1}.coll-search{width:100%;padding:var(--space-3) var(--page-px);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);min-height:44px}.coll-search:focus{outline:none;border-color:var(--accent)}.coll-search::placeholder{color:var(--text-muted)}.coll-view-toggle{display:flex;gap:var(--space-1);margin-left:auto}.coll-view-btn{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);background:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.coll-view-btn.active{color:var(--accent);background:var(--bg-elevated)}.coll-view-btn:active{opacity:.7}.coll-toolbar-wrap{margin-bottom:var(--space-3)}.coll-toolbar-wrap .coll-toolbar{margin-bottom:var(--space-2)}.coll-sort-row{display:flex;align-items:center;gap:var(--space-2)}.coll-sort-select{flex:0 1 auto;padding:6px 26px 6px 10px;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);min-height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.coll-sort-select:focus{outline:none;border-color:var(--accent)}.coll-sort-count{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto;white-space:nowrap}.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.coll-album-tile{text-align:center;overflow:hidden}.coll-tile-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elevated);display:block}.coll-tile-title{font-size:var(--text-xs);font-weight:600;margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 var(--space-1)}.coll-tile-artist{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 var(--space-1)}.coll-list{display:flex;flex-direction:column;gap:var(--space-2)}.coll-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.coll-list-cover{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.coll-list-info{min-width:0;flex:1}.coll-list-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coll-list-artist{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coll-grid-letter{grid-column:1 / -1;font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) 0 var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.coll-grid-letter:first-child{padding-top:0}.coll-list-letter{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) 0 var(--space-1);border-bottom:1px solid var(--border)}.coll-list-letter:first-child{padding-top:0}a.coll-album-tile,a.coll-list-item{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a.coll-album-tile:active,a.coll-list-item:active{opacity:.7}.coll-loading{display:flex;justify-content:center;padding:var(--space-8) 0}.coll-empty{text-align:center;color:var(--text-muted);padding:var(--space-8) 0;grid-column:1 / -1;font-size:var(--text-sm)}.pick-section{margin-bottom:var(--space-4)}.pick-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--page-px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent);font-size:var(--text-base);font-weight:600;min-height:48px}.pick-toggle:active{opacity:.8}.pick-panel{background:var(--bg-surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-3) var(--page-px) var(--page-px)}.pick-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-2);margin-top:var(--space-3)}.pick-label:first-child{margin-top:0}.pick-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pick-pill{padding:var(--space-3) var(--page-px);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);min-height:44px;display:inline-flex;align-items:center}.pick-pill.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.pick-pill:active{opacity:.8}.pick-find-btn{width:100%;margin-top:var(--space-4);padding:var(--space-3);background:var(--accent);color:#000;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;min-height:48px}.pick-find-btn:active:not(:disabled){opacity:.85;transform:scale(.98)}.pick-find-btn:disabled{opacity:.5}.pick-error{color:#f87171;font-size:var(--text-sm);margin-top:var(--space-2)}.pick-results{margin-top:var(--space-3)}.pick-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.pick-results-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.pick-again-btn{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);min-height:44px;display:inline-flex;align-items:center}.pick-again-btn:active{color:var(--text-primary)}.pick-results-list{display:flex;flex-direction:column;gap:var(--space-2)}a.pick-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);border-left:3px solid var(--accent);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a.pick-item:active{opacity:.8}.pick-cover{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-surface)}.pick-info{min-width:0;flex:1}.pick-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-artist{font-size:var(--text-sm);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.spins-list{display:flex;flex-direction:column;gap:var(--space-2)}.spin-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.spin-cover{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.spin-body{min-width:0;flex:1}.spin-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spin-artist{font-size:var(--text-sm);color:var(--text-secondary)}.spin-date{font-size:var(--text-xs);color:var(--text-muted)}.curate-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.curate-tabs::-webkit-scrollbar{display:none}.curate-tab{padding:var(--space-3) var(--page-px);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;white-space:nowrap;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);min-height:44px;display:inline-flex;align-items:center}.curate-tab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.curate-tab:active{opacity:.8}.curate-panel{min-height:200px}.curate-list,.curate-loading{display:flex;flex-direction:column;gap:var(--space-3)}.curate-empty{text-align:center;color:var(--text-muted);padding:var(--space-8) 0;font-size:var(--text-sm)}.curate-error{color:#f87171;text-align:center;padding:var(--page-px);font-size:var(--text-base)}.upgrade-card{background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden}.upgrade-main{display:flex;gap:var(--space-3);align-items:center;padding:var(--page-px);cursor:pointer;-webkit-tap-highlight-color:transparent}.upgrade-main:active{background:var(--bg-elevated)}.upgrade-cover{width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.upgrade-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.upgrade-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-artist{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-scores{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.upgrade-yours{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.upgrade-arrow{display:flex;align-items:center}.upgrade-best{font-size:var(--text-sm);font-weight:700;color:#4ade80}.upgrade-meta{font-size:var(--text-xs);color:var(--text-muted)}.upgrade-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.upgrade-chevron.open{transform:rotate(180deg)}.upgrade-details{padding:0 var(--page-px) var(--page-px);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3)}.upgrade-detail-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.upgrade-detail-meta{font-size:var(--text-sm);color:var(--text-secondary)}.upgrade-detail-rating{font-size:var(--text-sm);color:var(--text-primary);margin-top:2px}.upgrade-rating-count{color:var(--text-muted);font-size:var(--text-xs)}.upgrade-alt{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);background:#4ade800f;border-radius:var(--radius-sm);border-left:3px solid #4ade80;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.upgrade-alt:active{background:#4ade801f}.upgrade-alt-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.upgrade-alt-info{min-width:0;flex:1}.upgrade-alt-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-alt-meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.upgrade-alt-rating{color:#4ade80;font-weight:600}.upgrade-friend-badge{font-size:var(--text-xs);color:#7dd3fc;font-weight:500;margin-left:var(--space-2)}.rec-card{background:var(--bg-surface);border-radius:var(--radius-md);border-left:3px solid #a78bfa;overflow:hidden}.rec-card-lg{border-left-width:4px}.rec-main{display:flex;gap:var(--space-3);padding:var(--page-px);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.rec-main:active{background:var(--bg-elevated)}.rec-main-lg{gap:var(--space-4);padding:var(--space-4)}.rec-cover{width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.rec-cover-lg{width:100px;height:100px;border-radius:var(--radius-md)}.rec-body{min-width:0;flex:1;display:flex;flex-direction:column}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.rec-tag{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;background:#a78bfa33;color:#a78bfa;padding:2px var(--space-2);border-radius:var(--radius-sm)}.rec-match{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.rec-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.rec-artist{font-size:var(--text-sm);color:var(--text-secondary)}.rec-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.rec-pressing-info{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-1)}.rec-pressing-tag{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.rec-pressing-eng{background:#fbbf2426;color:#fbbf24}.rec-pressing-plant{background:#22c55e26;color:#4ade80}.rec-pressing-aaa{background:#a78bfa26;color:#a78bfa}.rec-reason{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--space-1)}.rec-bar-wrap{padding-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.rec-bar{height:4px;border-radius:2px;background:var(--bg-elevated);overflow:hidden;flex:1}.rec-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#a78bfa,#f59e0b);transition:width .4s ease}.rec-score-num{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);min-width:24px;text-align:right}.rec-status{display:inline-block;padding:1px 6px;border-radius:4px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.rec-why-section{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.rec-why-factors{display:flex;flex-wrap:wrap;gap:4px}.rec-why-chip{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);border:1px solid;white-space:nowrap;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.rec-why-chip:active{opacity:.6}.rec-why-actions{display:flex;align-items:center;gap:var(--space-3)}.rec-source-link{font-size:var(--text-xs);color:var(--accent);font-weight:500;text-decoration:none;-webkit-tap-highlight-color:transparent}.rec-source-link:active{opacity:.6}.rec-breakdown-toggle{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);-webkit-tap-highlight-color:transparent}.rec-breakdown-toggle:active{color:var(--text-primary)}.rec-breakdown{padding:0 var(--page-px) var(--page-px)}.rec-breakdown-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.rec-factor{margin-bottom:var(--space-2)}.rec-factor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.rec-factor-name{font-size:var(--text-xs);font-weight:600}.rec-factor-points{font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.rec-factor-bar{height:3px;border-radius:2px;background:var(--bg-elevated);overflow:hidden}.rec-factor-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.rec-factor-detail{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;line-height:1.4}.curate-search-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.curate-search{flex:1;padding:var(--space-3) var(--page-px);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);min-height:44px}.curate-search:focus{outline:none;border-color:var(--accent)}.curate-search::placeholder{color:var(--text-muted)}.curate-search-btn{padding:var(--space-3) var(--space-4);background:var(--accent);color:#000;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;min-height:44px;white-space:nowrap}.curate-search-btn:active:not(:disabled){opacity:.85;transform:scale(.98)}.curate-search-btn:disabled{opacity:.5}.cur-pressing-stats{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--page-px);margin-bottom:var(--space-4)}.cur-pressing-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.cur-pressing-stat{text-align:center;padding:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm)}.cur-stat-hl{border:1px solid rgba(167,139,250,.3)}.cur-stat-val{display:block;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.cur-stat-lbl{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.cur-pressing-detail{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.cur-section{margin-bottom:var(--space-5)}.cur-section-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-3)}.cur-scroll-row{display:flex;gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2)}.cur-scroll-row::-webkit-scrollbar{display:none}.cur-press-card{flex-shrink:0;width:130px;display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.cur-press-card:active{opacity:.8;transform:scale(.97)}.cur-press-img{width:130px;height:130px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-elevated);margin-bottom:var(--space-2)}.cur-press-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cur-press-artist{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cur-press-rating{font-size:var(--text-xs);color:#fbbf24;font-weight:600;margin-top:var(--space-1)}.cur-expert-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.cur-expert-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cur-expert-link{font-size:var(--text-xs);font-weight:600;padding:4px 12px;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-subtle, #333)}.cur-expert-link-review{color:var(--accent, #7dd3fc);border-color:color-mix(in srgb,var(--accent, #7dd3fc) 25%,transparent)}.cur-expert-info{min-width:0;flex:1}.cur-expert-album{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.cur-expert-reviewer{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.cur-expert-summary{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cur-sentiment{font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full);text-transform:capitalize;flex-shrink:0}.cur-sentiment-positive{background:#22c55e26;color:#4ade80}.cur-sentiment-mixed{background:#f59e0b26;color:#fbbf24}.cur-sentiment-negative{background:#ef444426;color:#f87171}.discover-page .disc-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.discover-page .disc-page-header>div:first-child{flex:1;min-width:0}.discover-page .disc-page-header .page-title{margin:0!important}.discover-page .disc-page-header .page-subtitle{margin:var(--space-1) 0 0!important}.discover-page .disc-alerts-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;padding:0;position:relative;z-index:1;-webkit-tap-highlight-color:transparent}.discover-page .disc-alerts-btn.active{color:var(--accent);border-color:var(--accent);background:#f59e0b14}.discover-page .disc-alerts-btn:active{background:var(--bg-elevated);transform:scale(.95)}.disc-header{padding:var(--space-2) 0 var(--space-5)}.disc-header-top{margin-bottom:var(--space-3)}.disc-logo{height:36px;width:auto}.disc-greeting{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.disc-stats-line{font-size:var(--text-base);color:var(--text-muted);margin-top:var(--space-1)}.disc-section{margin-bottom:var(--space-6)}.disc-section-label{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-3)}.disc-spins-scroll{display:flex;gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2);scroll-snap-type:x mandatory}.disc-spins-scroll::-webkit-scrollbar{display:none}.disc-spin-card{flex-shrink:0;scroll-snap-align:start;width:130px;-webkit-tap-highlight-color:transparent}a.disc-spin-card{display:block;color:inherit;text-decoration:none}a.disc-spin-card:active{opacity:.8;transform:scale(.97)}.disc-spin-img{width:130px;height:130px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-elevated);margin-bottom:var(--space-2)}.disc-spin-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disc-spin-artist{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disc-tidbits-scroll{display:flex;gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2);scroll-snap-type:x mandatory}.disc-tidbits-scroll::-webkit-scrollbar{display:none}.disc-tidbit-card{flex-shrink:0;width:80vw;max-width:340px;background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--page-px);display:flex;gap:var(--page-px);border-left:3px solid var(--accent);scroll-snap-align:start;-webkit-tap-highlight-color:transparent;transition:transform .1s}a.disc-tidbit-card{color:inherit;text-decoration:none}a.disc-tidbit-card:active{transform:scale(.97)}.disc-tidbit-anniversary{border-left-color:#f59e0b}.disc-tidbit-pressing{border-left-color:#8b5cf6}.disc-tidbit-cover{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.disc-tidbit-body{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.disc-tidbit-badge{display:inline-block;align-self:flex-start;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;background:#f59e0b33;color:#f59e0b;padding:3px var(--space-2);border-radius:var(--radius-sm)}.disc-badge-anniversary{background:#f59e0b33;color:#f59e0b}.disc-badge-pressing{background:#86efac26;color:#86efac}.disc-badge-expert{background:#7dd3fc26;color:#7dd3fc}.disc-badge-pipeline{background:#fca5a526;color:#fca5a5}.disc-badge-story{background:#fcd34d26;color:#fcd34d}.disc-badge-impact{background:#a78bfa26;color:#a78bfa}.disc-tidbit-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.disc-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.disc-refresh{font-size:var(--text-sm);color:var(--accent);font-weight:600;padding:var(--space-2) var(--space-3);min-height:44px;display:inline-flex;align-items:center}.disc-refresh:active:not(:disabled){opacity:.7}.disc-refresh:disabled{opacity:.4}.disc-feed-list{display:flex;flex-direction:column;gap:var(--page-px)}.disc-error{color:#f87171;text-align:center;padding:var(--page-px);font-size:var(--text-base)}.disc-radar-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.disc-radar-filter{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);min-height:36px}.disc-radar-filter.active{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--accent)}.disc-radar-sources{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4);margin-bottom:var(--space-2)}.disc-radar-sources::-webkit-scrollbar{display:none}.disc-radar-source{flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:none;border:1px solid var(--border);white-space:nowrap;min-height:32px}.disc-radar-source.active{color:var(--accent);border-color:var(--accent);background:#f59e0b14}.disc-time-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.disc-time-filters::-webkit-scrollbar{display:none}.disc-time-chip{flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:none;border:1px solid var(--border);white-space:nowrap;min-height:32px;-webkit-tap-highlight-color:transparent}.disc-time-chip.active{color:var(--accent);border-color:var(--accent);background:#f59e0b14}.rec-freshness{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.rec-alert-modal{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-5);animation:fmo-slide .2s ease-out}.rec-alert-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.rec-alert-modal-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.rec-alert-modal-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-4)}.rec-alert-modal-option{margin-bottom:var(--space-4)}.rec-alert-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.rec-alert-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.rec-alert-score-label{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2);letter-spacing:.04em}.rec-alert-score-pills{display:flex;gap:var(--space-2)}.rec-alert-pill{flex:1;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;text-align:center;min-height:40px;-webkit-tap-highlight-color:transparent}.rec-alert-pill.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent)}.rec-alert-hint{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-2) 0 0}.rec-alert-save{width:100%;padding:var(--space-3);background:var(--accent);color:var(--bg-page);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);min-height:48px}.rec-alert-save:disabled{opacity:.6}.rec-alert-save:active{opacity:.8}.factor-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);animation:fmo-fade .15s ease-out}@keyframes fmo-fade{0%{opacity:0}to{opacity:1}}.factor-modal{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-5);animation:fmo-slide .2s ease-out}@keyframes fmo-slide{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.factor-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.factor-modal-name{font-size:var(--text-lg);font-weight:700}.factor-modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);color:var(--text-muted);font-size:var(--text-base);display:flex;align-items:center;justify-content:center}.factor-modal-score{margin-bottom:var(--space-4)}.factor-modal-bar{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden;margin-bottom:var(--space-2)}.factor-modal-bar-fill{height:100%;border-radius:4px;transition:width .3s ease-out}.factor-modal-pts{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.factor-modal-detail{margin-top:var(--space-2)}.factor-modal-detail-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.factor-modal-detail-row{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.factor-modal-detail-row:last-child{border-bottom:none}.stats-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.st-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.st-error{color:#f87171;text-align:center;padding:var(--space-8);font-size:var(--text-sm)}.st-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-5)}.st-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-full)}.st-back:active{color:var(--accent)}.st-title{font-size:var(--text-xl);font-weight:700}.st-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-6)}.st-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center}.st-card-value{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.st-card-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.st-section{margin-bottom:var(--space-6)}.st-section-title{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.st-bars{display:flex;flex-direction:column;gap:var(--space-2)}.st-bar-row{display:flex;align-items:center;gap:var(--space-2)}.st-bar-label{width:48px;font-size:var(--text-xs);color:var(--text-secondary);text-align:right;flex-shrink:0}.st-bar-label-wide{width:100px}.st-bar-track{flex:1;height:20px;background:var(--bg-elevated);border-radius:var(--radius-sm);overflow:hidden}.st-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-sm);min-width:2px;transition:width .3s ease}.st-bar-fill-genre{background:#8b5cf6}.st-bar-fill-year{background:#34d399}.st-bar-count{width:36px;font-size:var(--text-xs);color:var(--text-muted)}.st-format-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.st-format-chip{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.st-format-count{color:var(--text-muted);font-size:var(--text-xs)}.st-bar-row-btn{cursor:pointer;border-radius:var(--radius, 6px);padding:2px 4px;margin:-2px -4px;transition:background .15s}.st-bar-row-btn:active{background:#ffffff0f}.st-bar-chevron{flex-shrink:0;color:var(--text-muted);margin-left:4px}.st-chip-btn{cursor:pointer;transition:background .15s}.st-chip-btn:active{background:#ffffff1f}.stats-drill .coll-list-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.feed-card{background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden}a.feed-card{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:block}a.feed-card:active{opacity:.85}.fc-album-card{border-left:3px solid transparent}.fc-border-purple{border-left-color:#a78bfa}.fc-border-green{border-left-color:#4ade80}.fc-border-red{border-left-color:#f87171}.fc-border-blue{border-left-color:#60a5fa}.fc-main{display:flex;gap:var(--space-3);padding:var(--page-px);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.fc-main:active{background:var(--bg-elevated)}.fc-cover{width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.fc-body{min-width:0;flex:1;display:flex;flex-direction:column}.fc-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.fc-tag{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-sm)}.fc-tag-purple{background:#a78bfa33;color:#a78bfa}.fc-tag-green{background:#22c55e26;color:#4ade80}.fc-tag-amber{background:#f59e0b26;color:#f59e0b}.fc-tag-red{background:#ef444426;color:#f87171}.fc-tag-blue{background:#3b82f626;color:#60a5fa}.fc-age{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.fc-status{display:inline-block;padding:1px 6px;border-radius:4px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.fc-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-artist{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.fc-reviewer-line{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.fc-sentiment{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);text-transform:capitalize}.fc-sentiment-positive{background:#22c55e26;color:#4ade80}.fc-sentiment-mixed{background:#f59e0b26;color:#fbbf24}.fc-sentiment-negative{background:#ef444426;color:#f87171}.fc-bar-wrap{padding-top:var(--space-2);position:relative}.fc-bar{height:4px;border-radius:2px;background:var(--bg-elevated);overflow:hidden}.fc-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.fc-bar-purple{background:linear-gradient(90deg,#a78bfa,#f59e0b)}.fc-bar-label{position:absolute;right:0;top:calc(var(--space-2) + 6px);font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.fc-labels{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:0 var(--page-px) var(--space-2)}.fc-label{display:inline-block;padding:1px 6px;border-radius:4px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.fc-label-date{background:#7dd3fc1f;color:#7dd3fc}.fc-label-score{background:#f59e0b1f;color:var(--accent)}.fc-label-grade{background:#22c55e1f;color:#4ade80}.fc-cover-radar{align-self:flex-start}.fc-footer{padding:var(--space-2) var(--page-px) var(--page-px);border-top:1px solid var(--border)}.fc-reason{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.fc-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.fc-footer-row{display:flex;align-items:center;justify-content:space-between}.fc-footer-row .fc-source-link{margin-top:0}.fc-source-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--accent);margin-top:var(--space-2);-webkit-tap-highlight-color:transparent}.fc-source-link:active{opacity:.6}.fc-text-card{padding:var(--page-px)}.fc-text-card .fc-tag{margin-bottom:var(--space-2)}.fc-text-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.fc-price-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.fc-price-old{text-decoration:line-through;color:var(--text-muted);font-size:var(--text-sm)}.fc-price-arrow{color:var(--text-muted);font-size:var(--text-sm)}.fc-price-new{font-weight:700;color:var(--grade-a);font-size:var(--text-base)}.fc-price-pct{font-size:var(--text-xs);color:#f87171;font-weight:600}.listen-page .page-subtitle{margin-bottom:var(--space-4)}.listen-section{margin-bottom:var(--space-6)}.listen-intro{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.listen-intro-avatar{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f59e0b1a;border-radius:var(--radius-full)}.listen-intro-text{flex:1;min-width:0}.listen-intro-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.listen-intro-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.listen-error{color:#f87171;font-size:var(--text-sm);text-align:center;padding:var(--space-3);margin-bottom:var(--space-4)}.listen-starting{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-3)}.pick-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.pick-mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);-webkit-tap-highlight-color:transparent;min-height:120px;justify-content:center}.pick-mode-card:active{opacity:.85;transform:scale(.97)}.pick-mode-card>svg:last-child{display:none}.pick-mode-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.pick-mode-text{min-width:0}.pick-mode-label{display:block;font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.pick-mode-desc{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.pick-mode-panel{display:flex;flex-direction:column;gap:var(--space-4)}.pick-mode-subtitle{font-size:var(--text-lg);font-weight:700}.pick-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) 0;gap:var(--space-3)}.pick-loading-icon{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pick-loading-text{font-size:var(--text-sm);color:var(--text-muted)}.pick-error{color:#f87171;font-size:var(--text-sm);text-align:center;padding:var(--space-2)}.pick-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-6) 0}.pick-narrative{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;font-style:italic}.pick-album-list{display:flex;flex-direction:column;gap:var(--space-2)}.pick-album-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.pick-album-cover{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.pick-album-info{flex:1;min-width:0}.pick-album-artist{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-album-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-album-seed{border-left:3px solid var(--accent);padding-left:var(--space-2)}.pick-album-seed-label{font-size:var(--text-xs);color:var(--accent);font-weight:600;margin-top:2px}.pick-album-btn{width:100%;text-align:left;-webkit-tap-highlight-color:transparent}.pick-album-btn:active{opacity:.8}.pick-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.pick-cancel-btn{flex:0 0 auto}.pick-start-btn{flex:1}.vibe-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vibe-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);min-height:36px;display:inline-flex;align-items:center;transition:border-color .15s,background .15s,color .15s}.vibe-pill:active{opacity:.8}.vibe-pill--active{font-weight:600;border-color:var(--vibe-color)!important;color:var(--vibe-color)!important;background:color-mix(in srgb,var(--vibe-color) 12%,transparent)!important}.vibe-custom-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.vibe-custom-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);min-height:40px}.vibe-custom-input:focus{outline:none;border-color:var(--accent)}.vibe-custom-input::placeholder{color:var(--text-muted)}.vibe-add-btn{width:40px;height:40px;flex-shrink:0;background:var(--accent);color:#000;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:700;display:flex;align-items:center;justify-content:center}.vibe-selected{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.vibe-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--vibe-color);background:color-mix(in srgb,var(--vibe-color) 12%,transparent);border:1px solid var(--vibe-color)}.vibe-tag-x{font-size:var(--text-base);font-weight:700;color:inherit;opacity:.7;margin-left:2px;line-height:1}.vibe-tag-x:active{opacity:1}.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);max-height:420px;overflow-y:auto;padding:var(--space-2) 0}.browse-item{display:flex;flex-direction:column;text-align:center;gap:4px;-webkit-tap-highlight-color:transparent}.browse-item:active{opacity:.8}.browse-cover-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden}.browse-cover{width:100%;height:100%;object-fit:cover;background:var(--bg-elevated)}.browse-item--selected .browse-cover{opacity:.7}.browse-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:var(--accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.browse-title{font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.browse-artist{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-queue-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--accent)}.browse-queue-albums{flex:1;display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.browse-queue-albums::-webkit-scrollbar{display:none}.browse-queue-chip{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;-webkit-tap-highlight-color:transparent}.browse-queue-chip-img{width:100%;height:100%;object-fit:cover}.browse-queue-chip-x{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-size:16px;font-weight:700;opacity:0;transition:opacity .15s}.browse-queue-chip:active .browse-queue-chip-x{opacity:1}.browse-queue-count{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--accent)}.session-list{display:flex;flex-direction:column;gap:var(--space-2)}.session-card{display:flex;align-items:center;gap:0;width:100%;padding:0;-webkit-tap-highlight-color:transparent}.session-card-main{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;text-align:left;padding:var(--space-3) 0 var(--space-3) var(--page-px)}.session-card-main:active{opacity:.85}.session-card--active{border-left:3px solid var(--accent)}.session-card-cover{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.session-card-info{flex:1;min-width:0}.session-card-name{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.session-card-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.session-card-mood{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;font-style:italic}.session-card-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.session-badge--active{background:#f59e0b26;color:var(--accent)}.session-badge--done{background:#64748b26;color:var(--text-muted)}.session-delete-btn{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);margin-right:var(--space-2)}.session-delete-btn:active{background:#f871711a}.session-delete-btn--confirm{background:#f8717126;animation:pulse-delete .3s ease}@keyframes pulse-delete{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.log-spin-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);-webkit-tap-highlight-color:transparent}.log-spin-btn:active{opacity:.85;transform:scale(.98)}.log-spin-btn-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f59e0b1f;border-radius:var(--radius-md)}.log-spin-btn-text{flex:1;min-width:0}.log-spin-btn-label{display:block;font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.log-spin-btn-desc{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.log-spin-panel{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.log-spin-header{display:flex;align-items:center;justify-content:space-between}.log-spin-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.log-spin-close{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) var(--space-2)}.log-spin-searching{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-2)}.log-spin-empty{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-3)}.log-spin-results{display:flex;flex-direction:column;gap:0}.log-spin-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);width:100%;text-align:left;-webkit-tap-highlight-color:transparent}.log-spin-item:last-child{border-bottom:none}.log-spin-item:active{opacity:.8}.log-spin-item--done{opacity:.6}.log-spin-cover{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.log-spin-info{flex:1;min-width:0}.log-spin-artist{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-spin-item-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-spin-action{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent);color:#000;font-size:var(--text-xs);font-weight:700}.log-spin-action--done{background:#14532d;color:#86efac}.history-group{margin-bottom:var(--space-4)}.history-group:last-child{margin-bottom:0}.history-group-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.history-list{display:flex;flex-direction:column;gap:var(--space-2)}.history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.history-cover{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.history-info{flex:1;min-width:0}.history-artist{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-time{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;white-space:nowrap}.session-page{padding-bottom:calc(var(--space-8) + var(--tab-height))}.session-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.session-back{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary)}.session-back:active{background:var(--bg-elevated)}.session-header-title{flex:1;font-size:var(--text-lg);font-weight:700;text-align:center;color:var(--text-primary);min-width:0}.session-end-btn{padding:var(--space-2) var(--space-4);background:#ef44441f;color:#f87171;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;min-height:44px;display:inline-flex;align-items:center}.session-end-btn:active:not(:disabled){opacity:.8}.session-end-btn:disabled{opacity:.4}.session-name-row{margin-bottom:var(--space-5)}.session-name-display{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--page-px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:56px;-webkit-tap-highlight-color:transparent}.session-name-display:active{border-color:var(--accent)}.session-name-text{flex:1;min-width:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.session-name-display:not(:has(.session-name-text:not(:empty))) .session-name-text,.session-name-text:empty{color:var(--text-muted)}.session-name-pencil{flex-shrink:0;color:var(--text-muted);margin-left:var(--space-3)}.session-name-edit{background:var(--bg-surface);border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--page-px)}.session-name-input{width:100%;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-height:52px}.session-name-input:focus{outline:none;border-color:var(--accent)}.session-name-input::placeholder{color:var(--text-muted);font-weight:400}.session-name-charcount{display:block;font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:var(--space-1);padding-right:var(--space-1)}.session-name-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.session-name-cancel{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-height:48px;display:flex;align-items:center;justify-content:center}.session-name-cancel:active{opacity:.7}.session-name-save{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:700;color:var(--bg-page);background:var(--accent);border:none;border-radius:var(--radius-md);min-height:48px;display:flex;align-items:center;justify-content:center}.session-name-save:active{opacity:.8}.session-error{color:#f87171;font-size:var(--text-sm);text-align:center;padding:var(--space-2);margin-bottom:var(--space-3)}.session-section{margin-bottom:var(--space-6)}.listen-loading{display:flex;flex-direction:column;gap:var(--space-3)}.now-playing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.now-playing-cover{width:200px;height:200px;border-radius:var(--radius-lg);object-fit:cover;background:var(--bg-elevated);box-shadow:0 8px 32px #0006}.now-playing-info{width:100%}.now-playing-artist{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:2px}.now-playing-title{font-size:var(--text-lg);font-weight:700}.now-playing-pressing{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.now-playing-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) 0;gap:var(--space-3)}.now-playing-empty-icon{opacity:.4}.now-playing-empty-text{font-size:var(--text-sm);color:var(--text-muted)}.queue-list{display:flex;flex-direction:column;gap:var(--space-2)}.queue-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.queue-item--playing{border-left:3px solid var(--accent)}.queue-cover{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.queue-info{flex:1;min-width:0}.queue-artist{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-title{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-remove{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted)}.queue-remove:active{background:var(--bg-elevated);color:#f87171}.queue-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4) 0}.queue-item-wrap{border-radius:var(--radius-md);overflow:hidden}.queue-item-wrap--expanded{background:var(--bg-surface)}.queue-item-main{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;background:none;border:none;padding:0;text-align:left;color:inherit;-webkit-tap-highlight-color:transparent}.queue-chevron{flex-shrink:0;transition:transform .2s ease}.track-list{padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;border-top:1px solid var(--border)}.track-loading,.track-empty{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-3) 0;text-align:center}.track-item{padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.04)}.track-item:last-child{border-bottom:none}.track-row{display:flex;align-items:center;gap:var(--space-2)}.track-pos{width:28px;flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.track-name{flex:1;min-width:0;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-dur{flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.track-rating{display:flex;gap:2px;padding:var(--space-1) 0 var(--space-1) 28px}.track-star{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent}.track-star:active{transform:scale(.9)}.track-note-existing{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) 0 var(--space-1) 28px;line-height:1.4}.track-note-input-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0 0 28px}.track-note-input{flex:1;padding:var(--space-1) var(--space-2);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);min-height:30px}.track-note-input:focus{outline:none;border-color:var(--accent)}.track-note-input::placeholder{color:var(--text-muted)}.track-note-save{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--accent);-webkit-tap-highlight-color:transparent}.track-note-save:disabled{opacity:.3}.track-note-save:active:not(:disabled){transform:scale(.9)}.add-album-btn{margin-top:var(--space-3)}.add-album-panel{margin-top:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--page-px);border:1px solid var(--border)}.add-album-panel .search-input{margin-bottom:var(--space-3)}.add-results{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.add-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.add-result-item:active{background:var(--bg-elevated)}.add-result-cover{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.add-result-info{flex:1;min-width:0}.add-result-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-result-artist{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4) 0}.add-cancel-btn{width:100%;justify-content:center}.notes-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--page-px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:48px}.notes-toggle:active{opacity:.8}.notes-toggle-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.notes-panel{background:var(--bg-surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--page-px)}.note-form{display:flex;flex-direction:column;gap:var(--space-3)}.note-input{width:100%;padding:var(--space-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);resize:vertical;min-height:72px;line-height:1.5}.note-input:focus{outline:none;border-color:var(--accent)}.note-input::placeholder{color:var(--text-muted)}.note-type-row{display:flex;gap:var(--space-2)}.note-type-pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);min-height:36px;display:inline-flex;align-items:center}.note-type-pill--active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.note-type-pill:active{opacity:.8}.star-rating{display:flex;gap:var(--space-1)}.star-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.star-btn:active{transform:scale(.9)}.note-actions{display:flex;align-items:center;gap:var(--space-3)}.note-voice-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);min-height:40px;opacity:.5;cursor:not-allowed}.voice-soon{font-size:var(--text-xs);color:var(--text-muted)}.note-submit-btn{flex:1}.notes-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.note-card{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-3)}.note-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.note-card-type{font-size:var(--text-xs);font-weight:600;text-transform:capitalize;color:var(--accent)}.note-card-rating{display:flex;gap:1px}.note-card-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.note-card-time{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.session-summary{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) 0;gap:var(--space-6)}.summary-icon{width:80px;height:80px;background:#f59e0b1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.summary-heading{font-size:var(--text-xl);font-weight:700}.summary-stats{display:flex;gap:var(--space-6)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.summary-stat-value{font-size:var(--text-xl);font-weight:700;color:var(--accent)}.summary-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.session-danger-zone{margin-top:var(--space-6)}.session-delete-trigger{width:100%;padding:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius-md)}.session-delete-trigger:active{color:#f87171;border-color:#f87171}.session-delete-confirm{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--page-px)}.session-delete-msg{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3);line-height:1.5}.session-delete-actions{display:flex;gap:var(--space-3)}.session-delete-yes{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:700;color:#fff;background:#ef4444;border-radius:var(--radius-md)}.session-delete-yes:active{background:#dc2626}.session-delete-actions .btn-secondary{flex:1}.profile-page{padding-top:var(--space-8)}.profile-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#000;font-size:var(--text-xl);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-user-info{min-width:0}.profile-username{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-collection-count{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.profile-menu{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-8)}.profile-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--page-px);background:var(--bg-surface);color:var(--text-primary);min-height:48px;-webkit-tap-highlight-color:transparent;text-decoration:none}.profile-menu-item:active:not(.profile-menu-disabled){background:var(--bg-elevated)}.profile-menu-disabled{color:var(--text-muted);cursor:default}.profile-menu-disabled .profile-menu-icon{opacity:.4}.profile-menu-icon{display:flex;align-items:center;flex-shrink:0;color:var(--text-secondary)}.profile-menu-disabled .profile-menu-icon{color:var(--text-muted)}.profile-menu-label{flex:1;font-size:var(--text-base);font-weight:500}.profile-menu-chevron{display:flex;align-items:center;color:var(--text-muted)}.profile-menu-soon{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-full);font-weight:500;white-space:nowrap}.profile-section{margin-bottom:var(--space-8)}.profile-connected-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--page-px);background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-secondary)}.profile-connected-label{flex:1;font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.profile-connected-badge{font-size:var(--text-xs);font-weight:600;color:#4ade80;background:#22c55e26;padding:3px 10px;border-radius:var(--radius-full)}.profile-logout-btn{width:100%;padding:var(--space-3);background:transparent;color:#f87171;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;min-height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-8)}.profile-logout-btn:active{background:#f871711a;opacity:.85}.menu-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.menu-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0 var(--space-6)}.menu-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;color:var(--accent);flex-shrink:0}.menu-user-info{flex:1;min-width:0}.menu-username{font-size:var(--text-lg);font-weight:700}.menu-collection-count{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.menu-nav{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .1s}.menu-item:active{background:var(--bg-elevated)}.menu-item-icon{color:var(--text-muted);flex-shrink:0;display:flex}.menu-item-label{flex:1;font-size:var(--text-base);font-weight:500}.menu-item-chevron{color:var(--text-muted);flex-shrink:0;display:flex}.menu-section{margin-bottom:var(--space-5)}.menu-section-title{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.menu-connected-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted)}.menu-connected-label{flex:1;font-size:var(--text-sm)}.menu-connected-badge{font-size:var(--text-xs);font-weight:600;color:#22c55e;background:#22c55e1a;padding:2px var(--space-2);border-radius:var(--radius-full)}.menu-connected-row+.menu-connected-row{margin-top:var(--space-1)}.menu-connect-btn{font-size:var(--text-xs);font-weight:600;color:var(--accent);background:#f59e0b1a;padding:4px var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.3);cursor:pointer;min-height:32px}.menu-connect-btn:active{opacity:.7}.menu-message{padding:var(--space-2) var(--space-3);background:#34d3991a;color:#34d399;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-3);text-align:center}.menu-syncing{font-size:var(--text-xs);color:var(--accent);margin-top:2px}.menu-logout-btn{width:100%;padding:var(--space-3);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#f87171;font-weight:600;font-size:var(--text-sm);min-height:48px}.menu-logout-btn:active{opacity:.7}.friends-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.fr-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.fr-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-5)}.fr-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-full)}.fr-back:active{color:var(--accent)}.fr-title{font-size:var(--text-xl);font-weight:700}.fr-error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);font-size:var(--text-sm);color:#f87171}.fr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) 0}.fr-empty p{font-size:var(--text-sm);color:var(--text-muted);text-align:center;max-width:260px}.fr-list{display:flex;flex-direction:column;gap:var(--space-2)}.fr-item{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.fr-item-main{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);text-align:left;min-width:0}.fr-item-main:active{background:var(--bg-elevated);border-radius:var(--radius-md)}.fr-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.fr-avatar-img{width:100%;height:100%;object-fit:cover}.fr-avatar-letter{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.fr-info{flex:1;min-width:0;display:flex;flex-direction:column}.fr-username{font-size:var(--text-base);font-weight:600}.fr-meta{font-size:var(--text-xs);color:var(--text-muted)}.fr-sync-btn{width:44px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:color .15s}.fr-sync-btn:active{color:var(--accent)}.fr-sync-btn:disabled{opacity:.5}.spinner-sm{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.album-detail{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--page-px))}.ad-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.ad-error{color:#f87171;text-align:center;padding:var(--space-8);font-size:var(--text-sm)}.ad-back{position:fixed;top:calc(var(--safe-top) + var(--space-2));left:var(--space-3);z-index:50;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0c0c0eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;color:var(--text-primary)}.ad-back:active{opacity:.7}.ad-hero{text-align:center;padding:var(--space-8) var(--page-px) var(--page-px)}.ad-cover{width:min(220px,55vw);height:min(220px,55vw);object-fit:cover;border-radius:var(--radius-lg);margin:0 auto var(--page-px);box-shadow:0 8px 32px #00000080}.ad-title{font-size:1.25rem;font-weight:700;line-height:1.3}.ad-artist{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-1)}.ad-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.ad-listener-count{display:inline-block;font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-2);font-weight:400}.ad-tidbit-banner{display:flex;align-items:flex-start;gap:var(--space-2);margin:0 var(--page-px) var(--space-3);padding:var(--space-3);background:#f59e0b14;border-left:3px solid #f59e0b;border-radius:var(--radius, 8px);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45}.ad-tidbit-banner svg{flex-shrink:0;color:#f59e0b;margin-top:1px}.ad-tidbit-banner p{margin:0}.ad-rec-banner{margin:0 var(--page-px) var(--space-3);padding:var(--space-3);background:#a78bfa14;border-left:3px solid #a78bfa;border-radius:var(--radius, 8px)}.ad-rec-banner-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ad-rec-badge{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-sm);background:#a78bfa33;color:#a78bfa}.ad-rec-match{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.ad-rec-reason{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-2)}.ad-rec-source{font-size:var(--text-xs);font-weight:600;color:var(--accent);text-decoration:none}.ad-rec-source:active{opacity:.6}.ad-rec-score{margin-left:auto;font-size:1rem;font-weight:700;color:#7dd3fc}.ad-rec-factors{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.ad-rec-chip{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid;background:#0003}.ad-badges-row{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--page-px)}.ad-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--page-px)}.ad-action-btn{flex:1;padding:var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);text-align:center;background:var(--accent);color:#000;min-height:48px;display:flex;align-items:center;justify-content:center}.ad-action-btn:active{transform:scale(.97)}.ad-action-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.ad-action-done{background:var(--grade-a)}.ad-section{padding:var(--space-3) var(--page-px)}.ad-section-title{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.ad-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.ad-detail-item{background:var(--bg-surface);padding:var(--space-3);border-radius:var(--radius-sm)}.ad-detail-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.ad-detail-value{font-size:var(--text-sm);font-weight:600}.ad-story{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.ad-fact-card{background:var(--bg-surface);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--accent);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.ad-discogs-link{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent);font-weight:600;font-size:var(--text-sm);min-height:48px}.ad-discogs-link:active{opacity:.8}.ad-prov-list{display:flex;flex-direction:column;gap:var(--space-2)}.ad-prov-card{background:var(--bg-surface);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.ad-prov-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.ad-prov-info{display:flex;flex-direction:column;min-width:0}.ad-prov-label{font-size:var(--text-base);font-weight:600}.ad-prov-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.ad-prov-badges{display:flex;gap:6px;align-items:center;flex-shrink:0}.ad-prov-status{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.ad-prov-status-available{background:#166534;color:#86efac}.ad-prov-status-preorder{background:#713f12;color:#fde68a}.ad-prov-status-upcoming{background:#1e3a5f;color:#93c5fd}.ad-prov-detail{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent);font-weight:500;margin-bottom:var(--space-2)}.ad-prov-notes{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-2)}.ad-prov-source-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--accent);padding:var(--space-2) var(--space-3);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);min-height:40px;-webkit-tap-highlight-color:transparent}.ad-prov-source-link:active{opacity:.7}.ad-pressings-list{display:flex;flex-direction:column;gap:var(--space-2)}.ad-pressing-item{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border, #2a2a2e);overflow:hidden;transition:border-color .15s}.ad-pressing-item:active{border-color:var(--border, #3a3a3e)}.ad-pressing-expanded{border-color:var(--accent, #f59e0b)}.ad-pressing-header{display:flex;flex-direction:column;width:100%;padding:var(--space-3);background:none;border:none;text-align:left;color:var(--text-primary, #e2e8f0);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.ad-pressing-main{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.ad-pressing-label{font-size:var(--text-base);font-weight:600}.ad-pressing-year,.ad-pressing-country{font-size:var(--text-sm);color:var(--text-muted)}.ad-pressing-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.ad-pressing-format{font-size:var(--text-sm);color:var(--text-secondary)}.ad-pressing-eng,.ad-pressing-plant{font-size:var(--text-sm);color:var(--accent);font-weight:500}.ad-pressing-aaa{font-size:var(--text-xs);font-weight:700;padding:2px var(--space-2);background:#f59e0b33;color:var(--audio-aaa, #f59e0b);border-radius:var(--radius-sm)}.ad-pressing-rating{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.ad-pressing-stars{font-size:var(--text-sm);font-weight:600;color:var(--accent)}.ad-pressing-count{font-size:var(--text-xs);color:var(--text-muted)}.ad-pressing-chevron{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--text-muted, #64748b);transition:transform .2s ease,color .15s}.ad-pressing-chevron-open{transform:translateY(-50%) rotate(90deg);color:var(--accent, #f59e0b)}.ad-pressing-inline-rating{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border, #2a2a2e)}.ad-pressing-body{padding:var(--space-3);border-top:1px solid var(--border, #2a2a2e);display:flex;flex-direction:column;gap:var(--space-4)}.pr-root{display:flex;flex-direction:column;gap:.5rem}.pr-quick-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pr-label{font-size:.82rem;color:var(--text-secondary, #94a3b8);white-space:nowrap}.pr-star-row{display:inline-flex;gap:.1rem}.pr-star{font-size:1.4rem;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;line-height:1}.pr-star-filled{color:var(--accent, #f59e0b)}.pr-star-empty{color:var(--text-muted, #475569)}.pr-quick-value{font-size:.78rem;color:var(--accent, #f59e0b);font-weight:600}.pr-toggle{font-size:.72rem;padding:.2rem .5rem;border-radius:4px;border:1px solid var(--text-muted, #475569);background:none;color:var(--text-secondary, #94a3b8);cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.pr-toggle-active{border-color:var(--accent, #f59e0b);color:var(--accent, #f59e0b)}.pr-detail-panel{display:flex;flex-direction:column;gap:.4rem;padding:.5rem .6rem;background:var(--bg-elevated, #1a1a1e);border:1px solid var(--border, #2a2a2e);border-radius:8px}.pr-detail-row{display:flex;align-items:center;gap:.4rem}.pr-detail-label{font-size:.72rem;color:var(--text-secondary, #94a3b8);width:85px;flex-shrink:0}.pr-detail-value{font-size:.68rem;color:var(--accent, #f59e0b);font-weight:600}.pr-save-row{display:flex;justify-content:flex-end;margin-top:.25rem}.pr-save-btn{font-size:.78rem;padding:.3rem .75rem;border-radius:5px;border:none;background:var(--accent, #f59e0b);color:#0f172a;font-weight:700;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pr-save-btn:disabled{opacity:.4}.pr-saved-notice{font-size:.72rem;color:#4ade80}.pcomment-root{display:flex;flex-direction:column;gap:.75rem}.pcomment-form{display:flex;flex-direction:column;gap:.3rem}.pcomment-textarea{width:100%;box-sizing:border-box;background:var(--bg-elevated, #1a1a1e);color:var(--text-primary, #e2e8f0);border:1px solid var(--border, #2a2a2e);border-radius:7px;padding:.5rem .65rem;font-size:.82rem;font-family:inherit;resize:none;min-height:56px;outline:none}.pcomment-textarea::placeholder{color:var(--text-muted, #64748b)}.pcomment-textarea:focus{border-color:var(--accent, #f59e0b)}.pcomment-textarea:disabled{opacity:.5}.pcomment-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pcomment-charcount{font-size:.65rem;color:var(--text-muted, #64748b)}.pcomment-charcount-max{color:#f87171}.pcomment-submit-btn{font-size:.78rem;font-weight:700;padding:.3rem .85rem;border-radius:5px;border:none;background:var(--accent, #f59e0b);color:#0f172a;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pcomment-submit-btn:disabled{opacity:.4}.pcomment-list{display:flex;flex-direction:column;gap:.5rem}.pcomment-item{background:var(--bg-elevated, #1a1a1e);border:1px solid var(--border, #2a2a2e);border-radius:7px;padding:.5rem .65rem;display:flex;flex-direction:column;gap:.25rem}.pcomment-meta{display:flex;align-items:baseline;gap:.4rem}.pcomment-username{font-size:.75rem;font-weight:600;color:var(--accent, #f59e0b)}.pcomment-time{font-size:.65rem;color:var(--text-muted, #64748b)}.pcomment-body{margin:0;font-size:.82rem;color:var(--text-primary, #e2e8f0);line-height:1.5;white-space:pre-wrap;word-break:break-word}.pcomment-empty{margin:0;font-size:.78rem;color:var(--text-muted, #64748b);text-align:center;padding:.5rem 0}.ad-community-card{background:var(--bg-surface);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--accent);margin-bottom:var(--space-2)}.ad-community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.ad-community-stars{font-size:var(--text-sm);color:var(--accent);letter-spacing:1px}.ad-community-reviewer{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.ad-community-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.ad-cb-avg{font-size:var(--text-sm);font-weight:600;color:var(--accent);background:#f59e0b1a;padding:4px 10px;border-radius:var(--radius-sm);margin-bottom:var(--space-2);display:inline-block}.ad-cb-user-badge{font-size:10px;font-weight:600;color:#a78bfa;background:#a78bfa1f;padding:2px 6px;border-radius:3px;text-transform:capitalize}.ad-cb-votes{font-size:var(--text-xs);color:#34d399;font-weight:500}.ad-expert-card{background:var(--bg-surface);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid #22c55e;margin-bottom:var(--space-2)}.ad-expert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.ad-expert-name{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.ad-expert-sentiment{font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full);text-transform:capitalize}.ad-sentiment-positive{background:#22c55e26;color:#4ade80}.ad-sentiment-mixed{background:#f59e0b26;color:#fbbf24}.ad-sentiment-negative{background:#ef444426;color:#f87171}.ad-expert-summary{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.ad-expert-quote{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;line-height:1.5;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:2px solid var(--border)}.ad-expert-score{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;margin-left:auto}.ad-expert-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.ad-review-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.ad-review-date{font-size:var(--text-xs);color:var(--text-muted)}.ad-source-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--accent);margin-left:auto}.ad-source-link:active{opacity:.6}.ad-section-badge{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);margin-left:var(--space-2);text-transform:none;letter-spacing:0}.ad-artist-bio{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.ad-artist-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.ad-artist-tag{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-muted)}.ad-price-loading{font-size:var(--text-sm);color:var(--accent)}.ad-price-verdict{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-3);text-align:center}.ad-price-good_deal{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.ad-price-fair_price{background:#eab3081f;color:#facc15;border:1px solid rgba(234,179,8,.25)}.ad-price-overpriced{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.ad-price-stats{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.ad-price-stat{flex:1;text-align:center;padding:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-md)}.ad-price-stat-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ad-price-stat-val{display:block;font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-top:2px}.ad-price-pick{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-1);font-size:var(--text-sm)}.ad-price-pick-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;min-width:60px}.ad-price-pick-source{color:var(--text-primary);font-weight:600}.ad-price-pick-price{color:#4ade80;font-weight:700;margin-left:auto}.ad-price-pick-link{color:var(--accent);font-size:var(--text-xs);text-decoration:none}.ad-price-expand{width:100%;padding:var(--space-2);background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-2);cursor:pointer}.ad-price-listing{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);margin-top:var(--space-1);font-size:var(--text-sm)}.ad-price-listing-top{display:flex;align-items:center;gap:var(--space-2)}.ad-price-listing-source{font-weight:600;color:var(--text-primary)}.ad-price-listing-match{font-size:.65rem;padding:1px 5px;border-radius:3px}.ad-match-exact_pressing{background:#22c55e26;color:#4ade80}.ad-match-likely_pressing{background:#eab30826;color:#facc15}.ad-match-album_match{background:#88888826;color:#aaa}.ad-price-listing-price{font-weight:700;color:var(--text-primary);margin-left:auto}.ad-price-listing-bottom{display:flex;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.ad-price-listing-bottom a{color:var(--accent);text-decoration:none}.ad-listing-lowconf{opacity:.55;border-left:2px solid var(--text-muted)}.ad-listing-search{border-left:2px dashed #eab308}.ad-pick-lowconf{opacity:.65}.ad-pick-warn{color:#eab308;font-weight:700;font-size:var(--text-sm)}.ad-link-search{color:#eab308!important;font-style:italic}.ad-shipping-unknown{font-style:italic;color:var(--text-muted)}.ad-shipping-free{color:#4ade80}.ad-price-sources{font-size:.65rem;color:var(--text-muted);text-align:center;margin-top:var(--space-2);margin-bottom:0}.ad-pressing-owned{border-left:3px solid #22c55e}.ad-owned-badge{font-size:.7rem;font-weight:700;color:#22c55e;background:#22c55e1a;padding:1px 6px;border-radius:4px;margin-right:auto}.ad-notes-list{display:flex;flex-direction:column;gap:var(--space-2)}.ad-note-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3)}.ad-note-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-1)}.ad-note-rating{color:var(--accent);font-size:var(--text-sm);letter-spacing:.05em}.ad-note-session{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.ad-note-mood{font-size:.65rem;background:var(--bg-elevated);color:var(--text-muted);padding:1px 6px;border-radius:4px;text-transform:capitalize}.ad-note-date{font-size:.65rem;color:var(--text-muted);margin-left:auto}.ad-note-track{font-size:var(--text-xs);color:#7dd3fc;margin-bottom:var(--space-1);font-style:italic}.ad-note-body{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.ad-review-summary{display:flex;align-items:center;justify-content:center;gap:4px;margin:var(--space-2) var(--page-px) 0;padding:6px 12px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:8px;font-size:var(--text-sm);color:#f59e0b;font-weight:500;font-family:inherit}.ad-review-summary:active{background:#f59e0b26}.ad-tabs{display:flex;gap:0;margin:var(--space-4, 1rem) var(--page-px, 1rem) var(--space-4, 1rem);border-bottom:1px solid var(--border, #2a2a2e);overflow-x:auto;-webkit-overflow-scrolling:touch}.ad-tab{flex:1;padding:10px 0;font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-muted, #64748b);background:none;border:none;border-bottom:2px solid transparent;font-family:inherit;white-space:nowrap;text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:transparent;transition:color .15s,border-color .15s}.ad-tab:active{opacity:.7}.ad-tab-active{color:var(--accent, #f59e0b);border-bottom-color:var(--accent, #f59e0b)}.ad-muted{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-4) var(--page-px)}.ad-spotify-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:20px;font-size:var(--text-sm, .8rem);font-weight:600;text-decoration:none;margin:.5rem var(--page-px, 1rem)}.ad-spotify-direct{background:#1db954;color:#fff}.ad-spotify-search{background:var(--bg-card, #1e1e1e);color:#1db954;border:1px solid #1DB95444}.ad-tracks-list{margin:0 var(--page-px, 1rem);background:var(--bg-card, #1e1e1e);border-radius:var(--radius, 10px);overflow:hidden}.ad-track-row{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;border-bottom:1px solid var(--border, #ffffff0d)}.ad-track-row:last-of-type{border-bottom:none}.ad-track-num{width:1.6rem;text-align:right;font-size:var(--text-xs, .75rem);color:var(--text-muted, #666);flex-shrink:0;font-variant-numeric:tabular-nums}.ad-track-name{flex:1;font-size:var(--text-sm, .85rem);color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-track-dur{font-size:var(--text-xs, .75rem);color:var(--text-muted, #666);font-variant-numeric:tabular-nums;flex-shrink:0}.ad-track-play,.ad-track-search{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;-webkit-tap-highlight-color:transparent}.ad-track-play:active{background:#1db95422}.ad-track-search:active{background:#1db95418}.ad-tracks-total{padding:.5rem .75rem;font-size:var(--text-xs, .72rem);color:var(--text-muted, #666);text-align:right;border-top:1px solid var(--border, #ffffff0d)}.ad-tracks-empty{text-align:center;padding:2rem var(--page-px, 1rem);color:var(--text-muted, #666)}.ad-tracks-empty p{margin-bottom:.75rem;font-size:var(--text-sm, .85rem)}.expert-pick-page{padding:calc(var(--safe-top) + var(--space-6)) var(--page-px) calc(var(--tab-height) + var(--safe-bottom) + var(--page-px));max-width:600px;margin:0 auto}.ep-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.ep-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:ep-spin .7s linear infinite}@keyframes ep-spin{to{transform:rotate(360deg)}}.ep-error{color:#f87171;text-align:center;padding:var(--space-8);font-size:var(--text-sm)}.ep-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ep-tag{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.ep-score{font-size:var(--text-sm);font-weight:700;color:var(--accent)}.ep-title{font-size:1.4rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin:0 0 var(--space-1)}.ep-artist{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-3)}.ep-reviewer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4);font-size:var(--text-sm)}.ep-reviewer-name{font-weight:600;color:var(--text-primary)}.ep-tier{padding:.1rem .5rem;border-radius:999px;font-size:var(--text-xs);font-weight:600;background:#f59e0b1f;color:var(--accent);border:1px solid rgba(245,158,11,.3)}.ep-date{color:var(--text-muted);font-size:var(--text-xs)}.ep-video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-3);background:#000}.ep-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.ep-episode{margin-bottom:var(--space-4)}.ep-episode-title{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2);line-height:1.4}.ep-youtube-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:#f87171;text-decoration:none}.ep-youtube-link:active{opacity:.7}.ep-quote{margin:0 0 var(--space-3);padding:var(--space-3);border-left:3px solid var(--accent);background:#f59e0b0f;border-radius:0 var(--radius, 8px) var(--radius, 8px) 0;font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:1.5}.ep-summary{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-4)}.ep-album-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent}.ep-album-link:active{background:var(--bg-elevated)}.scan-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.scan-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0 var(--space-4)}.scan-title{font-size:var(--text-xl);font-weight:700}.scan-history-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-full);transition:color .15s}.scan-history-btn:active{color:var(--accent)}.scan-mode-toggle{display:flex;gap:var(--space-1);background:var(--bg-elevated);border-radius:var(--radius-full);padding:3px;margin-bottom:var(--space-5)}.scan-mode-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);color:var(--text-muted);transition:all .2s}.scan-mode-btn.active{background:var(--accent);color:var(--bg-page)}.scan-camera-area{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);aspect-ratio:4/3;margin-bottom:var(--space-4)}.scan-video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-reticle{width:70%;height:40%;border:2px solid var(--accent);border-radius:var(--radius-md);opacity:.7;box-shadow:0 0 0 9999px #0006}.scan-hint{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-3)}.scan-camera-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);padding:var(--space-6)}.scan-camera-error{font-size:var(--text-sm);color:var(--text-muted);text-align:center;max-width:280px}.scan-switch-btn{background:var(--accent);color:var(--bg-page);font-weight:600;font-size:var(--text-sm);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full)}.scan-manual-form{padding:var(--space-4) 0}.scan-manual-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.scan-manual-row{display:flex;gap:var(--space-2)}.scan-manual-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);outline:none;transition:border-color .15s}.scan-manual-input:focus{border-color:var(--accent)}.scan-manual-input::placeholder{color:var(--text-muted)}.scan-manual-go{background:var(--accent);color:var(--bg-page);font-weight:700;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);white-space:nowrap;transition:opacity .15s}.scan-manual-go:disabled{opacity:.4}.scan-manual-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.scan-location{padding:0 var(--page-px);margin-bottom:var(--space-3)}.scan-location-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);min-height:40px}.scan-location-input:focus{outline:none;border-color:var(--accent)}.scan-location-input::placeholder{color:var(--text-muted)}.scan-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) 0}.scan-loading p{font-size:var(--text-sm);color:var(--text-muted)}.scan-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);font-size:var(--text-sm);color:#f87171;text-align:center}.sr-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.sr-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);padding:var(--space-2) 0;margin-bottom:var(--space-3);transition:color .15s}.sr-back:active{color:var(--accent)}.sr-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8) 0;color:var(--text-muted);font-size:var(--text-sm)}.sr-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.sr-hero{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.sr-cover{width:100px;height:100px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.sr-hero-info{flex:1;min-width:0}.sr-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-1)}.sr-artist{font-size:var(--text-base);color:var(--text-secondary)}.sr-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.sr-country{font-size:var(--text-sm);color:var(--text-muted)}.sr-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.sr-format-badge{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px var(--space-3)}.sr-status-badge{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);padding:2px var(--space-3)}.sr-owned{background:#22c55e26;color:#22c55e}.sr-wished{background:#f59e0b26;color:var(--accent)}.sr-intel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.sr-intel-item{display:flex;flex-direction:column;align-items:center;background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-3)}.sr-intel-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.sr-intel-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.sr-story{border-top:1px solid var(--border);padding-top:var(--space-3);margin-bottom:var(--space-4)}.sr-story-title{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-2)}.sr-story-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.sr-actions{display:flex;flex-direction:column;gap:var(--space-2)}.sr-action-btn{display:block;text-align:center;font-weight:700;font-size:var(--text-sm);padding:var(--space-3);border-radius:var(--radius-md);transition:opacity .15s}.sr-action-btn:active{opacity:.8}.sr-action-primary{background:var(--accent);color:var(--bg-page)}.sr-action-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.sr-others{margin-bottom:var(--space-5)}.sr-others-title{font-size:var(--text-sm);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.sr-other-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-2);text-align:left}.sr-other-item:active{background:var(--bg-elevated)}.sr-other-cover{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.sr-other-info{flex:1;min-width:0;display:flex;flex-direction:column}.sr-other-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-other-artist{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-other-meta{font-size:var(--text-xs);color:var(--text-muted)}.sr-other-grade{font-size:var(--text-sm);font-weight:700;flex-shrink:0}.sr-action-add{background:var(--accent)!important;color:#000!important;font-weight:600}.sr-action-add:disabled{opacity:.6}.sr-action-added{background:#22c55e26!important;color:#4ade80!important;font-weight:600;text-align:center}.sr-enrich{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.sr-enrich-row{display:flex;flex-direction:column;gap:2px}.sr-enrich-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sr-enrich-value{display:flex;flex-direction:column;gap:1px}.sr-enrich-primary{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.sr-enrich-secondary{font-size:var(--text-xs);color:var(--text-muted)}.sr-enrich-prices{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline}.sr-price-item{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.sr-price-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);margin-right:3px}.sr-enrich-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.sr-enrich-tag{font-size:var(--text-xs);font-weight:600;padding:2px var(--space-2);background:#f59e0b1a;color:var(--accent);border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.2)}.sr-enrich-source{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);margin-left:var(--space-2)}.sr-enrich-reviews{display:flex;flex-direction:column;gap:var(--space-2)}.sr-enrich-review{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1)}.sr-enrich-reviewer{font-size:var(--text-xs);font-weight:700;color:var(--text-primary)}.sr-enrich-sentiment{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px var(--space-2);border-radius:var(--radius-full)}.sr-sentiment-positive{background:#22c55e26;color:#22c55e}.sr-sentiment-mixed{background:#f59e0b26;color:#f59e0b}.sr-sentiment-negative{background:#ef444426;color:#ef4444}.sr-enrich-quote{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic;line-height:1.5;width:100%}.sr-enrich-shimmer{height:16px;width:70%;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,rgba(255,255,255,.06) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:sr-shimmer 1.5s infinite ease-in-out}@keyframes sr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-intel-have-want{font-size:var(--text-base);font-weight:700}.sr-deep-actions{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-3)}.sr-deep-actions-title{font-size:var(--text-sm);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.sr-deep-actions-grid{display:flex;flex-direction:column;gap:var(--space-3)}.sr-action-deep{display:flex;flex-direction:column;gap:var(--space-2)}.sr-action-deep-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:left;transition:all .15s}.sr-action-deep-btn:active:not(:disabled){background:var(--bg-surface);border-color:var(--accent)}.sr-action-deep-btn:disabled{opacity:.5}.sr-action-deep-done{border-color:#22c55e4d;opacity:.6!important}.sr-action-deep-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:700;color:var(--accent);background:#f59e0b1a;border-radius:var(--radius-sm);flex-shrink:0}.sr-action-deep-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sr-spin .6s linear infinite;margin:3px;flex-shrink:0}@keyframes sr-spin{to{transform:rotate(360deg)}}.sr-action-deep-error{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;padding:0 var(--space-2)}.sr-action-deep-result{padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.sr-deep-prices{display:flex;flex-direction:column;gap:var(--space-1)}.sr-deep-prices-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline}.sr-deep-timestamp{font-size:.6rem;color:var(--text-muted);font-style:italic;margin-top:var(--space-1)}.sr-deep-reviews,.sr-deep-discussions{display:flex;flex-direction:column;gap:var(--space-3)}.sr-deep-section{display:flex;flex-direction:column;gap:var(--space-2)}.sr-deep-section-title{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sr-deep-forum-post{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-sm)}.sr-deep-forum-header{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline}.sr-deep-forum-source{font-size:var(--text-xs);font-weight:700;color:var(--accent);text-transform:uppercase}.sr-deep-forum-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-decoration:none}a.sr-deep-forum-title:active{color:var(--accent)}.sr-deep-forum-snippet{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-deep-verdict{display:flex;flex-direction:column;gap:var(--space-2)}.sr-deep-verdict-confidence{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px var(--space-2);border-radius:var(--radius-full);width:fit-content}.sr-confidence-high{background:#22c55e26;color:#22c55e}.sr-confidence-medium{background:#f59e0b26;color:#f59e0b}.sr-confidence-low{background:#9ca3af26;color:#9ca3af}.sr-deep-verdict-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.sr-deep-verdict-list{display:flex;flex-direction:column;gap:2px}.sr-deep-verdict-pro{font-size:var(--text-xs);color:#22c55e;line-height:1.5}.sr-deep-verdict-con{font-size:var(--text-xs);color:#ef4444;line-height:1.5}.sr-barcode-ref{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--space-3) 0}.sh-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.sh-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.sh-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-5)}.sh-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-full)}.sh-back:active{color:var(--accent)}.sh-title{font-size:var(--text-xl);font-weight:700;flex:1}.sh-clear{font-size:var(--text-xs);font-weight:600;color:#ef4444;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ef44441a}.sh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--text-muted)}.sh-empty p{font-size:var(--text-sm)}.sh-scan-btn{background:var(--accent);color:var(--bg-page);font-weight:700;font-size:var(--text-sm);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full)}.sh-list{display:flex;flex-direction:column;gap:var(--space-2)}.sh-item{display:flex;align-items:center;gap:var(--space-1);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sh-item-main{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);text-align:left;min-width:0}.sh-item-main:active{background:var(--bg-elevated);border-radius:var(--radius-md)}.sh-cover{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.sh-info{flex:1;min-width:0;display:flex;flex-direction:column}.sh-item-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-item-artist{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-item-meta{font-size:var(--text-xs);color:var(--text-muted)}.sh-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.sh-grade{font-size:var(--text-xs);font-weight:700;padding:1px var(--space-2);border-radius:var(--radius-full)}.sh-grade-aplus{color:var(--grade-aplus);background:#f59e0b26}.sh-grade-a{color:var(--grade-a);background:#22c55e26}.sh-grade-b{color:var(--grade-b);background:#3b82f626}.sh-grade-c{color:var(--grade-c);background:#94a3b826}.sh-grade-d{color:var(--grade-d);background:#ef444426}.sh-time{font-size:var(--text-xs);color:var(--text-muted)}.sh-delete{width:36px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:color .15s}.sh-delete:active{color:#ef4444}.fc-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.fc-loading{display:flex;align-items:center;justify-content:center;min-height:30vh}.fc-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4)}.fc-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-full);flex-shrink:0}.fc-back:active{color:var(--accent)}.fc-header-info{flex:1;min-width:0}.fc-title{font-size:var(--text-lg);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-count{font-size:var(--text-xs);color:var(--text-muted)}.fc-sync{font-size:var(--text-xs);font-weight:600;color:var(--accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#f59e0b1a;flex-shrink:0}.fc-sync:disabled{opacity:.5}.fc-stats{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.fc-stats-row{display:flex;gap:var(--space-2)}.fc-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-md)}.fc-stat-val{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.fc-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.fc-overlap{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.fc-overlap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.fc-overlap-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.fc-overlap-pct{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.fc-overlap-bars{display:flex;flex-direction:column;gap:var(--space-2)}.fc-overlap-item{display:flex;align-items:center;gap:var(--space-2)}.fc-overlap-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.fc-overlap-dot.exact{background:#86efac}.fc-overlap-dot.fuzzy{background:#7dd3fc}.fc-overlap-label{flex:1;font-size:var(--text-sm);color:var(--text-secondary)}.fc-overlap-val{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.fc-search-form{margin-bottom:var(--space-4)}.fc-search{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);outline:none}.fc-search:focus{border-color:var(--accent)}.fc-search::placeholder{color:var(--text-muted)}.fc-error{padding:var(--space-3);margin-bottom:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);font-size:var(--text-sm);color:#f87171}.fc-empty{text-align:center;padding:var(--space-8) 0;color:var(--text-muted);font-size:var(--text-sm)}.fc-list{display:flex;flex-direction:column;gap:var(--space-1)}.fc-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent}.fc-item:active{background:var(--bg-elevated)}.fc-cover{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.fc-info{flex:1;min-width:0;display:flex;flex-direction:column}.fc-item-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-item-artist{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-item-meta{font-size:var(--text-xs);color:var(--text-muted)}.fc-rating{font-size:var(--text-sm);font-weight:600;color:var(--accent);flex-shrink:0}.onboarding-page{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);min-height:100dvh}.onboarding-hero{text-align:center;margin-bottom:var(--space-6);padding-top:var(--space-6)}.onboarding-title{font-size:var(--text-xl);font-weight:700;margin:var(--space-4) 0 var(--space-2)}.onboarding-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.onboarding-message{padding:var(--space-2) var(--space-4);background:#34d3991a;color:#34d399;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center;width:100%;max-width:400px}.onboarding-syncing{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f59e0b1a;color:var(--accent);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);width:100%;max-width:400px}.onboarding-syncing .spinner{width:18px;height:18px;flex-shrink:0}.onboarding-card{width:100%;max-width:400px;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.onboarding-card.done{border-color:#22c55e4d;background:#22c55e0d}.onboarding-card-header{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-3)}.onboarding-step-num{width:28px;height:28px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--accent);flex-shrink:0}.onboarding-card.done .onboarding-step-num{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.onboarding-card-title{font-size:var(--text-base);font-weight:600;margin:0 0 4px}.onboarding-card-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.4}.onboarding-btn{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:none;font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px}.onboarding-btn.primary{background:var(--accent);color:var(--bg-page)}.onboarding-btn.secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.onboarding-btn:active{opacity:.8}.onboarding-optional{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:var(--space-2) 0 0}.digest-settings{padding-bottom:100px}.digest-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.digest-header h1{font-size:1.25rem;margin:0}.digest-back{background:none;border:none;color:var(--text-primary, #e0e0e0);padding:4px;cursor:pointer}.digest-error{background:#dc323226;color:#f87171;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.digest-success{background:#32b45026;color:#6fcc6f;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.digest-form{display:flex;flex-direction:column;gap:1rem}.digest-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-card, #1a1a1a);border-radius:10px;font-size:.95rem;font-weight:500}.digest-toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent, #d4a853)}.digest-field{display:flex;flex-direction:column;gap:.35rem}.digest-field label{font-size:.8rem;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.5px;padding-left:.25rem}.digest-field input,.digest-field select{padding:.7rem .85rem;background:var(--bg-card, #1a1a1a);border:1px solid var(--border, #333);border-radius:10px;color:var(--text-primary, #e0e0e0);font-size:.95rem;-webkit-appearance:none}.digest-field select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.digest-sections{display:flex;flex-direction:column;gap:.35rem}.digest-sections-label{font-size:.8rem;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.5px;padding-left:.25rem;margin-bottom:.25rem}.digest-section-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--bg-card, #1a1a1a);border-radius:10px;cursor:pointer;transition:background .15s}.digest-section-item.active{background:var(--bg-card-hover, rgba(212, 168, 83, .08))}.digest-section-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent, #d4a853);flex-shrink:0}.digest-section-text{display:flex;flex-direction:column;min-width:0}.digest-section-name{font-size:.9rem;font-weight:500;color:var(--text-primary, #e0e0e0)}.digest-section-desc{font-size:.78rem;color:var(--text-muted, #888);margin-top:1px}.digest-actions{display:flex;gap:.75rem;margin-top:.5rem}.digest-save-btn{flex:1;padding:.75rem;background:var(--accent, #d4a853);color:#111;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer}.digest-save-btn:disabled{opacity:.6}.digest-test-btn{flex:1;padding:.75rem;background:var(--bg-card, #1a1a1a);color:var(--text-primary, #e0e0e0);border:1px solid var(--border, #333);border-radius:10px;font-size:.95rem;cursor:pointer}.pers-page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.pers-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.pers-header .page-title{margin:0}.pers-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);padding:0}.pers-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5);line-height:1.5}.pers-loading{color:var(--text-muted);font-size:var(--text-sm)}.pers-group{margin-bottom:var(--space-5)}.pers-group-title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-2)}.pers-count{font-weight:400;color:var(--accent);font-size:var(--text-sm)}.pers-empty{font-size:var(--text-sm);color:var(--text-muted)}.pers-tier{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-2)}.pers-tier-header{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:none;color:var(--text-primary);font-size:var(--text-sm);-webkit-tap-highlight-color:transparent}.pers-tier-badge{font-weight:600;font-size:var(--text-xs);padding:2px 8px;border-radius:4px}.tier-s{background:#f59e0b26;color:var(--accent)}.tier-a{background:#4ade8026;color:#4ade80}.tier-b{background:#38bdf826;color:#38bdf8}.tier-c{background:#a1a1aa26;color:#a1a1aa}.pers-tier-sel{font-size:var(--text-xs);color:var(--accent)}.pers-tier-arrow{margin-left:auto;color:var(--text-muted)}.pers-tier-items{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.pers-chip{font-size:var(--text-sm);padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;transition:all .15s}.pers-chip.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent);font-weight:600}.pers-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.pers-pill{font-size:var(--text-sm);padding:8px 18px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;min-height:40px}.pers-pill.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent);font-weight:600}.pers-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.pers-alert-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.pers-alert-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.pers-textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-3);font-size:var(--text-sm);font-family:inherit;resize:vertical}.pers-textarea::placeholder{color:var(--text-muted)}.pers-textarea:focus{outline:none;border-color:var(--accent)}.pers-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.pers-save-btn{width:100%;padding:var(--space-3);background:var(--accent);color:var(--bg-page);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);min-height:48px}.pers-save-btn:disabled{opacity:.6}.pers-save-btn:active{opacity:.8}.pers-success{color:#22c55e;font-size:var(--text-sm)}.pers-error{color:#f87171;font-size:var(--text-sm)}.admin-hub{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.admin-hub-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.admin-hub-header .page-title{margin:0}.admin-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);padding:0}.admin-grid{display:flex;flex-direction:column;gap:var(--space-2)}.admin-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.admin-card:active{background:var(--bg-elevated)}.admin-card-icon{font-size:1.4rem;flex-shrink:0;width:32px;text-align:center}.admin-card-body{flex:1;min-width:0}.admin-card-label{font-size:var(--text-base);font-weight:600}.admin-card-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.admin-card svg{color:var(--text-muted);flex-shrink:0}.admin-sub{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-6))}.admin-sub-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.admin-sub-header .page-title{margin:0;font-size:var(--text-lg)}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.admin-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:center}.admin-stat-val{display:block;font-size:var(--text-lg);font-weight:700;color:var(--accent)}.admin-stat-lbl{font-size:var(--text-xs);color:var(--text-muted)}.admin-section{margin-bottom:var(--space-5)}.admin-section-title{font-size:var(--text-sm);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.admin-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-list-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.admin-list-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.admin-list-primary{font-size:var(--text-sm);font-weight:500}.admin-list-secondary{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.admin-list-badge{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.admin-badge-success{background:#22c55e26;color:#4ade80}.admin-badge-error{background:#ef444426;color:#f87171}.admin-badge-warn{background:#f59e0b26;color:#fbbf24}.admin-badge-info{background:#38bdf826;color:#38bdf8}.admin-badge-muted{background:var(--bg-elevated);color:var(--text-muted)}.admin-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;min-height:40px;-webkit-tap-highlight-color:transparent}.admin-btn:active{background:var(--bg-elevated)}.admin-btn:disabled{opacity:.5}.admin-btn-accent{background:var(--accent);color:var(--bg-page);border-color:var(--accent)}.admin-search-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.admin-search{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.admin-search::placeholder{color:var(--text-muted)}.admin-filter-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.admin-filter{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;-webkit-tap-highlight-color:transparent}.admin-filter.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent)}.admin-empty{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-6)}.admin-error{font-size:var(--text-sm);color:#f87171;text-align:center;padding:var(--space-4)}.admin-loading{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-6)}.admin-detail{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.admin-detail-row{display:flex;gap:var(--space-2);font-size:var(--text-xs);margin-bottom:4px}.admin-detail-label{color:var(--text-muted);min-width:60px;flex-shrink:0}.admin-detail-value{color:var(--text-secondary);word-break:break-all}.admin-toggle{width:44px;height:24px;border-radius:12px;border:none;background:var(--bg-elevated);position:relative;padding:0;-webkit-tap-highlight-color:transparent;transition:background .2s}.admin-toggle.on{background:#22c55e}.admin-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.admin-toggle.on:after{transform:translate(20px)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.admin-page-info{font-size:var(--text-xs);color:var(--text-muted)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-8) var(--space-6)}.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-8)}.login-brand h1{font-size:var(--text-2xl);font-weight:700;color:var(--accent)}.login-logo{height:48px;width:auto;margin-bottom:var(--space-2)}.login-brand p{color:var(--text-muted);margin-top:var(--space-2);font-size:var(--text-sm)}.login-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-3)}.login-input{width:100%;padding:var(--space-3) var(--page-px);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);min-height:48px}.login-input:focus{outline:none;border-color:var(--accent)}.login-btn{width:100%;padding:var(--space-3);background:var(--accent);color:#000;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);margin-top:var(--space-2);min-height:48px}.login-btn:active:not(:disabled){opacity:.85;transform:scale(.98)}.login-btn:disabled{opacity:.6}.login-error{background:#ef444426;color:#f87171;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.login-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-1) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:#fff;color:#333;border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-base);min-height:48px}.login-google-btn:active{background:#f0f0f0;transform:scale(.98)}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-content{flex:1;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-2))}.shell-loading{display:flex;align-items:center;justify-content:center;min-height:100dvh}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fre-preview-global-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:#f59e0b26;border-bottom:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fre-preview-global-banner span{font-size:var(--text-sm);font-weight:600;color:var(--accent)}.fre-preview-global-banner button{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3);background:#ef44441f;color:#ef4444;cursor:pointer}.fre-preview-global-banner button:disabled{opacity:.5}:root{--bg-page: #0c0c0e;--bg-surface: #16161a;--bg-elevated: #1c1c21;--bg-input: #222226;--border: #2a2a2e;--border-hover: #3a3a3e;--accent: #f59e0b;--accent-hover: #d97706;--text-primary: #f0f0f2;--text-secondary: #94a3b8;--text-muted: #64748b;--grade-aplus: #f59e0b;--grade-a: #22c55e;--grade-b: #3b82f6;--grade-c: #94a3b8;--grade-d: #ef4444;--audio-aaa: #f59e0b;--fomo-high: #ef4444;--fomo-med: #f59e0b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--tab-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--page-px: 16px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-page);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;line-height:1.5;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}input,select,textarea{font:inherit;color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page{padding:var(--page-px) var(--page-px) var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-1)}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--page-px)}.section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-3)}.pill-row{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pill-row::-webkit-scrollbar{display:none}.pill{padding:var(--space-3) var(--page-px);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;white-space:nowrap;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);min-height:44px;display:inline-flex;align-items:center}.pill.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.pill:active{opacity:.8}.card{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--page-px)}.card-accent{border-left:3px solid var(--accent)}.card-purple{border-left:3px solid #a78bfa}.card-green{border-left:3px solid #22c55e}.card-red{border-left:3px solid #ef4444}.card-blue{border-left:3px solid #3b82f6}.search-input{width:100%;padding:var(--space-3) var(--page-px);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);min-height:44px}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.sentiment-badge{font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full);text-transform:capitalize}.sentiment-positive{background:#22c55e26;color:#4ade80}.sentiment-mixed{background:#f59e0b26;color:#fbbf24}.sentiment-negative{background:#ef444426;color:#f87171}.btn-primary{width:100%;padding:var(--space-3);background:var(--accent);color:#000;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-primary:active:not(:disabled){opacity:.85;transform:scale(.98)}.btn-primary:disabled{opacity:.5}.btn-secondary{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;min-height:44px;display:inline-flex;align-items:center}.btn-secondary:active{opacity:.8}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.list-item-cover{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}a.list-item{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a.list-item:active{opacity:.8}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.font-semibold{font-weight:600}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-loading{display:flex;align-items:center;justify-content:center;min-height:40vh}.page-error{color:#f87171;text-align:center;padding:var(--space-8);font-size:var(--text-sm)}.page-empty{text-align:center;color:var(--text-muted);padding:var(--space-8) var(--page-px);font-size:var(--text-sm)}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-card{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--page-px);display:flex;gap:var(--space-3)}.skeleton-cover{width:120px;height:120px;border-radius:var(--radius-md);background:var(--bg-elevated);flex-shrink:0;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:14px;border-radius:var(--radius-sm);background:var(--bg-elevated);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line:nth-child(1){width:70%}.skeleton-line:nth-child(2){width:50%}.skeleton-line:nth-child(3){width:40%;animation-delay:.15s}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.skeleton-tile{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-elevated);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.scroll-x{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;will-change:transform}.scroll-x::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}