:root{--bg-dark: #121212;--bg-surface: #1E1E1E;--bg-surface-elevated: #282828;--primary: #B026FF;--primary-glow: rgba(176, 38, 255, .4);--secondary: #1DFBDE;--accent: #1DB954;--text-main: #FFFFFF;--text-muted: #A7A7A7;--font-sans: "Inter", "Noto Sans JP", sans-serif;--app-max-width: 430px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-pill: 50px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:#000;color:var(--text-main);font-family:var(--font-sans);display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;word-break:normal;word-break:auto-phrase;overflow-wrap:anywhere;line-break:strict}#app-container{width:100%;max-width:min(var(--app-max-width),100%);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background-color:var(--bg-dark);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 20px #00000080}.hidden{display:none!important}.mt-auto{margin-top:auto}.mt-20{margin-top:20px}.text-neon{color:var(--secondary)}.highlight{color:var(--primary);font-weight:700}.accent-text{color:var(--secondary);font-weight:700}.ib{display:inline;max-width:100%;text-wrap:pretty}#top-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 20px;padding-top:calc(var(--spacing-md) + var(--safe-area-top));background:#121212d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;flex-shrink:0}.nav-title{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-logo-btn{border:none;padding:6px 4px;margin:0;cursor:pointer;font-family:inherit;line-height:1.2;-webkit-tap-highlight-color:transparent;transform-origin:center center;transition:filter .2s ease}.nav-logo-btn:active{filter:drop-shadow(0 0 10px rgba(29,251,222,.45))}.nav-logo-btn.nav-logo--animate{animation:navLogoPop .55s cubic-bezier(.34,1.4,.64,1)}@keyframes navLogoPop{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 transparent)}30%{transform:scale(1.14) rotate(-4deg);filter:drop-shadow(0 0 14px rgba(176,38,255,.55))}55%{transform:scale(.94) rotate(3deg);filter:drop-shadow(0 0 8px rgba(29,251,222,.4))}80%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 transparent)}}#roulette-modal.modal{background:#000000d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:flex-end;padding-top:max(8px,var(--safe-area-top));box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}.roulette-modal-content{max-width:400px;width:100%;margin:0 auto;max-height:calc(100dvh - max(8px,var(--safe-area-top)) - 12px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(165deg,rgba(176,38,255,.07) 0%,var(--bg-surface) 28%,var(--bg-surface) 100%);border-top:1px solid rgba(176,38,255,.35);box-shadow:0 -8px 40px #00000080;transition:box-shadow .3s ease}.roulette-modal--spinning .roulette-modal-content{box-shadow:0 -8px 40px #00000080,0 0 36px #b026ff38,0 0 48px #1dfbde1a}.roulette-modal--revealing .roulette-modal-content{box-shadow:0 -8px 40px #00000080,0 0 28px #b026ff2e}.roulette-modal-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px}.roulette-modal-title .fa-dice{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.roulette-intro{text-align:center;font-size:.85rem;color:var(--text-muted);margin:4px 0 16px;line-height:1.5}.roulette-source-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}.roulette-source-chip{flex:1;min-width:0;min-height:44px;text-align:center;padding:10px 12px;font-size:.82rem;background:var(--bg-surface-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-pill);color:var(--text-muted);transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.roulette-source-chip.active{border-color:var(--secondary);background:#1dfbde1a;color:var(--secondary);box-shadow:0 0 14px #1dfbde33}.roulette-playlist-wrap{margin-bottom:16px}.roulette-playlist-wrap.hidden{display:none}.roulette-select-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:6px}.roulette-select{width:100%;padding:12px 14px;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.1);background:var(--bg-surface-elevated);color:var(--text-main);font-size:.9rem;font-family:var(--font-sans)}.roulette-select:focus{outline:none;border-color:#b026ff80;box-shadow:0 0 0 2px #b026ff33}.roulette-select option{background:#1e1e1e;color:#fff}.roulette-stage{position:relative;width:min(100%,320px);margin:8px auto 10px;padding-top:22px}.roulette-pointer{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:6;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:20px solid var(--secondary);filter:drop-shadow(0 0 10px rgba(29,251,222,.65))}.roulette-stage--spinning .roulette-pointer{animation:roulettePointerWiggle .35s ease-in-out infinite}.roulette-wheel-shell{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:var(--bg-dark);box-shadow:0 0 0 3px #b026ff73,0 0 28px #b026ff40,0 0 12px #1dfbde1f,inset 0 0 0 2px #ffffff0f;overflow:hidden}.roulette-wheel-rotator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;will-change:transform}.roulette-wheel-svg{display:block;width:100%;height:100%}.roulette-start-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:28%;aspect-ratio:1;max-width:96px;min-width:64px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:linear-gradient(145deg,#c44dff 0%,var(--primary) 45%,#8100e6 100%);color:#fff;font-size:clamp(.7rem,3.2vw,.88rem);font-weight:800;letter-spacing:.08em;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 20px var(--primary-glow),inset 0 1px #ffffff40;transition:transform .15s ease,box-shadow .15s ease}.roulette-start-btn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.04);box-shadow:0 6px 26px var(--primary-glow),inset 0 1px #ffffff4d}.roulette-start-btn:active:not(:disabled){transform:translate(-50%,-50%) scale(.96)}.roulette-start-btn:disabled{opacity:.65;cursor:wait}.roulette-start-btn--stop{background:linear-gradient(145deg,#ff7b7b,#e53935 55%,#c62828);color:#fff;border-color:#fff6;font-size:clamp(.65rem,3vw,.8rem);letter-spacing:.1em;box-shadow:0 4px 20px #e5393580,0 0 16px #ff6b6b40;animation:rouletteStopPulse .9s ease-in-out infinite}.roulette-start-btn--stop:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.06);box-shadow:0 6px 24px #e5393599,0 0 20px #ff6b6b59}.roulette-start-btn--stop:active:not(:disabled){transform:translate(-50%,-50%) scale(.94)}.roulette-stage--revealing .roulette-pointer{animation:roulettePointerWiggle .5s ease-in-out infinite}.roulette-wheel-shell--pop{animation:rouletteRevealPop .42s cubic-bezier(.34,1.45,.64,1)}.roulette-slot-slice--empty{opacity:.85}.roulette-slot--inserting .roulette-slot-slice{transform-origin:200px 200px;animation:rouletteSlotPlugIn .56s cubic-bezier(.2,1.15,.32,1) forwards}.roulette-slot--inserting .roulette-slot-label{animation:rouletteSlotLabelIn .48s .14s cubic-bezier(.34,1.35,.64,1) forwards;opacity:0}.roulette-slot--inserting .roulette-slot-ray{stroke-dasharray:200;stroke-dashoffset:200;animation:rouletteSlotRay .38s ease-out forwards}.roulette-stage--inserting .roulette-pointer{animation:roulettePointerInsert .45s ease-out}.roulette-stage--spinning .roulette-wheel-shell{animation:rouletteWheelShellPulse .5s ease-in-out infinite}.roulette-stage--result .roulette-wheel-shell{animation:rouletteWheelShellWin .7s cubic-bezier(.34,1.45,.64,1)}.roulette-candidates-wrap{margin:14px 0 16px;min-height:0}.roulette-candidates-wrap:not(.hidden){min-height:88px}.roulette-candidates-wrap.hidden{display:none}.roulette-candidates-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;text-align:center;font-size:.78rem;color:var(--text-muted);margin:0 0 10px;line-height:1.4}#roulette-candidates-progress{color:var(--secondary);font-weight:800}#roulette-candidates-progress:empty{display:none}.roulette-candidates-list{display:block;min-height:56px;overflow:visible}.roulette-candidates-item{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:12px 16px;box-sizing:border-box;border-radius:var(--border-radius-md);background:var(--bg-surface-elevated);border:1px solid rgba(255,255,255,.08);font-size:.92rem;line-height:1.35;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.roulette-candidates-item.is-entering{animation:rouletteCandidateEnter .35s ease-out}.roulette-candidates-item.is-added{border-color:#b026ff40}.roulette-candidates-item.is-winner{border-color:#b026ff8c;background:linear-gradient(135deg,#b026ff24,#1dfbde14);box-shadow:0 0 20px #b026ff40,0 0 12px #1dfbde1f}.roulette-candidates-item.is-winner .roulette-candidates-num{background:#b026ff40;color:#fff;box-shadow:0 0 10px var(--primary-glow)}.roulette-candidates-item.is-winner .roulette-candidates-title{color:var(--secondary);text-shadow:0 0 12px rgba(29,251,222,.35)}.roulette-candidates-wrap--winner #roulette-candidates-progress{color:var(--secondary)}.roulette-candidates-swatch{flex-shrink:0;width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.4)}.roulette-candidates-num{flex-shrink:0;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:#1dfbde26;color:var(--secondary);font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center}.roulette-candidates-title{flex:1;min-width:0;font-weight:700;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.roulette-result-panel{margin:14px 0 16px;padding:18px 16px;border-radius:var(--border-radius-md);text-align:center;background:linear-gradient(135deg,#b026ff1f,#1dfbde0f);border:1px solid rgba(176,38,255,.35);box-shadow:0 0 24px #b026ff26}.roulette-result-panel.hidden{display:none}.roulette-result-badge{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--secondary);text-transform:uppercase}.roulette-result-title{margin:0;font-size:1.25rem;font-weight:800;line-height:1.4;word-break:break-word;color:var(--text-main)}.roulette-result-title--winner{color:var(--secondary);text-shadow:0 0 14px rgba(29,251,222,.4);animation:rouletteResultPop .5s cubic-bezier(.34,1.45,.64,1)}.roulette-result-celebrate{margin:10px 0 0;font-size:.95rem;font-weight:700;color:var(--primary)}.roulette-again-btn{margin-top:10px}#roulette-modal .btn-secondary.btn-block{border-color:#fff3}#roulette-modal .btn-secondary.btn-block:hover{border-color:var(--secondary);color:var(--secondary)}.roulette-status{text-align:center;min-height:1.4em;font-size:.88rem;font-weight:600;margin:0 0 12px;color:var(--text-muted);letter-spacing:.02em}.roulette-status:empty{display:none;margin:0;min-height:0}.roulette-status--active{color:var(--secondary);animation:rouletteStatusPulse .8s ease-in-out infinite}.roulette-status--result{color:var(--secondary);animation:none;font-size:.95rem}@keyframes rouletteStopPulse{0%,to{box-shadow:0 4px 20px #e5393573,0 0 12px #ff6b6b33}50%{box-shadow:0 4px 26px #e53935a6,0 0 18px #ff6b6b59}}@keyframes roulettePointerWiggle{0%,to{transform:translate(-50%) rotate(-4deg)}50%{transform:translate(-50%) rotate(4deg)}}@keyframes rouletteRevealPop{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes rouletteSlotPlugIn{0%{transform:scale(0);opacity:0;filter:brightness(1.8)}55%{transform:scale(1.07);opacity:1;filter:brightness(1.2)}to{transform:scale(1);opacity:1;filter:brightness(1)}}@keyframes rouletteSlotLabelIn{0%{opacity:0;letter-spacing:.2em}to{opacity:1;letter-spacing:.02em}}@keyframes rouletteSlotRay{to{stroke-dashoffset:0;opacity:.35}}@keyframes roulettePointerInsert{0%,to{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.12)}}@keyframes rouletteWheelShellPulse{0%,to{box-shadow:0 0 0 3px #b026ff73,0 0 24px #b026ff33,inset 0 0 0 2px #ffffff0f}50%{box-shadow:0 0 0 3px #1dfbde80,0 0 32px #1dfbde38,inset 0 0 0 2px #ffffff1a}}@keyframes rouletteWheelShellWin{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes rouletteCandidateEnter{0%{opacity:0}to{opacity:1}}@keyframes rouletteResultPop{0%{transform:scale(.92);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes rouletteStatusPulse{0%,to{opacity:.75}50%{opacity:1}}.nav-actions{display:flex;align-items:center;gap:4px}.icon-btn{background:transparent;border:none;color:var(--text-main);font-size:1.2rem;cursor:pointer;padding:10px;border-radius:50%;transition:background .15s,transform .15s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.icon-btn:active{background:#ffffff1a;transform:scale(.9)}#main-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.screen{width:100%;max-width:100%;padding:clamp(14px,4vw,20px);padding-left:max(clamp(14px,4vw,20px),env(safe-area-inset-left,0px));padding-right:max(clamp(14px,4vw,20px),env(safe-area-inset-right,0px));padding-bottom:var(--spacing-lg);display:flex;flex-direction:column;animation:screenSlideIn .35s cubic-bezier(.25,.46,.45,.94);background-color:var(--bg-dark);overflow-x:hidden}.screen.active{z-index:10}@keyframes screenSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#screen-login{padding:0;min-height:100%}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(32px,7vh,56px);min-height:100vh;min-height:100dvh;text-align:center;padding:max(24px,var(--safe-area-top)) max(20px,5vw) calc(36px + var(--safe-area-bottom));background:radial-gradient(circle at center top,rgba(176,38,255,.15) 0%,transparent 60%)}.login-brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.app-logo{font-size:clamp(2.5rem,8vw,3rem);font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{color:var(--text-muted);margin:0;font-size:clamp(.85rem,3.5vw,.9rem);line-height:1.6;text-wrap:pretty;max-width:20em}.login-actions{width:100%;max-width:min(380px,92vw);display:flex;flex-direction:column;gap:0}.auth-title{margin:0 0 24px;font-size:1.45rem;font-weight:700;letter-spacing:.02em}.auth-form-group,.auth-social-group,.auth-links-group,.auth-guest-group{display:flex;flex-direction:column;align-items:stretch;width:100%}.auth-form-group{gap:16px;margin-bottom:28px}.auth-social-group{gap:16px;margin-bottom:24px}.auth-links-group{gap:12px;margin-bottom:28px}.auth-guest-group{gap:18px}.auth-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-main);border-radius:14px;padding:16px 18px;outline:none;font-size:1rem;font-family:var(--font-sans);transition:border-color .15s}.auth-input:focus{border-color:#b026ff8c}.auth-link-btn{background:transparent;border:none;color:var(--text-muted);font-size:.85rem;text-decoration:underline;cursor:pointer;padding:6px 4px;font-family:var(--font-sans)}.auth-link-btn:hover{color:var(--text-main)}.auth-legal{margin:4px 0 0;font-size:.75rem;color:var(--text-muted);line-height:1.5}.auth-legal-btn{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:inherit;font-family:var(--font-sans);padding:4px 2px}.auth-section-divider{width:100%;height:1px;background:#ffffff1a}.btn{padding:16px var(--spacing-lg);border-radius:var(--border-radius-pill);font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;font-family:var(--font-sans);min-height:54px;-webkit-tap-highlight-color:transparent;white-space:normal;text-wrap:balance;line-height:1.4;-webkit-hyphens:none;hyphens:none;max-width:100%}.btn:active{transform:scale(.96);opacity:.9}.btn-block{width:100%;max-width:100%}.btn-primary{background:var(--text-main);color:var(--bg-dark)}.btn-primary:hover{background:#e0e0e0}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--text-muted)}.btn-secondary:hover{border-color:var(--text-main)}.btn-neon{background:linear-gradient(90deg,var(--primary),#8100e6);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.auth-divider{display:flex;align-items:center;gap:12px;width:100%;color:var(--text-muted);font-size:.8rem;margin:0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #00000040}.btn-google:hover{background:#f5f5f5}.btn-google:disabled{opacity:.65;cursor:wait}.btn-google .fa-google{font-size:1.1rem;color:#4285f4}.auth-error-message{margin:0;padding:10px 12px;font-size:.8rem;line-height:1.45;color:#ffb4b4;background:#ff50501f;border:1px solid rgba(255,120,120,.35);border-radius:var(--border-radius-sm);text-align:left;word-break:break-word}.screen-header{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);min-width:0}.transparent-header{border:none;background:transparent;position:absolute;z-index:100;width:100%;top:0;padding:var(--spacing-md)}.screen-header h2{flex:1;min-width:0;font-size:clamp(1rem,4.5vw,1.25rem);font-weight:600;line-height:1.35;text-wrap:balance;overflow-wrap:anywhere}.setup-content,.diagnose-content{flex:1;display:flex;flex-direction:column;padding-bottom:var(--spacing-lg)}.instruction{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.setup-section-label{margin-bottom:8px}.setup-section-hint{font-size:.82rem;margin:-4px 0 14px;line-height:1.45}.chip-group{display:flex;flex-wrap:wrap;gap:10px}.chip{background:var(--bg-surface);color:var(--text-main);padding:14px 22px;border-radius:var(--border-radius-pill);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;min-height:48px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.chip:active{transform:scale(.95)}.chip.selected{background:#b026ff26;border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #b026ff33}.search-box{display:flex;align-items:center;background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-pill);padding:12px 16px;margin-bottom:var(--spacing-md)}.search-icon{color:var(--text-muted);margin-right:12px}.search-box input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:1rem;font-family:var(--font-sans);outline:none}.search-box input::placeholder{color:#ffffff4d}.search-empty-state{text-align:center;padding:12px 8px 8px}.search-empty-msg{color:var(--text-muted);margin:0 0 14px;font-size:.95rem}.search-did-you-mean{color:var(--text-main);font-size:1rem;line-height:1.6;margin:0 0 6px}.search-did-you-mean-meta{display:block;margin-top:4px;font-size:.75rem;color:var(--text-muted)}.search-suggest-link{display:inline;padding:0 2px;margin:0 2px;border:none;background:none;color:var(--secondary);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}.search-suggest-link:active{opacity:.75}.search-suggest-hint{color:var(--text-muted);font-size:.78rem;margin:0 0 16px}.diagnose-content{align-items:center;justify-content:center}.diag-actions{width:100%;max-width:min(380px,92vw);margin-top:28px;display:flex;flex-direction:column;gap:12px}#diag-skip-btn{font-size:.9rem;min-height:48px}.visualizer{width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin-bottom:40px}.circle-pulse{width:100px;height:100px;border-radius:50%;background:var(--bg-surface-elevated);display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--text-muted);transition:all .3s}.circle-pulse.recording{background:#b026ff33;color:var(--primary);box-shadow:0 0 0 0 var(--primary-glow);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #b026ffb3}70%{transform:scale(1.1);box-shadow:0 0 0 20px #b026ff00}to{transform:scale(.95);box-shadow:0 0 #b026ff00}}.diagnose-status{font-size:clamp(1.05rem,5vw,1.5rem);margin-bottom:10px;padding:0 10px;text-align:center;text-wrap:pretty;line-height:1.5;max-width:100%}.diag-announce{display:flex;align-items:flex-start;gap:12px;margin:0 12px 16px;padding:14px 16px;border-radius:14px;background:#1dfbde14;border:1px solid rgba(29,251,222,.35);text-align:left}.diag-announce.hidden{display:none}.diag-announce-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem;color:var(--primary)}.diag-announce-text{margin:0;font-size:.88rem;line-height:1.55;color:#ffffffeb;font-weight:500}.diagnose-desc{color:var(--text-muted);text-align:center;padding:0 12px;font-size:clamp(.82rem,3.5vw,.95rem);line-height:1.55;text-wrap:pretty;max-width:22em;margin-left:auto;margin-right:auto}.diag-step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-top:20px;margin-bottom:24px}.diag-step-dot{width:12px;height:12px;border-radius:50%;background:#ffffff26;transition:all .4s ease}.diag-step-dot.active{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.diag-step-dot.done{background:var(--secondary);box-shadow:0 0 8px #1dfbde66}.diag-step-line{width:clamp(28px,10vw,60px);height:2px;background:#ffffff1a;margin:0 6px;flex-shrink:1}.diag-live-note{text-align:center;margin-bottom:8px}.diag-note-name{display:block;font-size:clamp(2rem,12vw,2.8rem);font-weight:800;background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;transition:transform .15s}.diag-note-hz{display:block;font-size:.85rem;color:var(--text-muted);margin-top:2px}.diag-volume-bar{width:80%;max-width:240px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin:8px auto 16px}.diag-volume-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:3px;transition:width .08s ease-out}.diag-measured{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;margin-bottom:16px;padding:0 8px;max-width:100%}.diag-measured-item{display:flex;flex-direction:column;align-items:center;gap:4px}.diag-measured-label{font-size:.75rem;color:var(--text-muted);letter-spacing:1px}.diag-measured-val{font-size:1.3rem;font-weight:700;color:var(--secondary);letter-spacing:1px}.diag-timer{width:80%;max-width:240px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin:16px auto 0}.diag-timer-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;transition:width .1s linear}.circle-pulse.listening{background:#b026ff1f;color:var(--primary);box-shadow:0 0 0 0 var(--primary-glow);animation:pulse 1.5s infinite;transition:transform .1s ease-out}.fullscreen-modal{align-items:flex-end}.fullscreen-modal .modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.song-card--add-songs{cursor:default}.song-card--add-songs .song-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.song-card--add-songs .song-card-main:active{opacity:.85}.song-card--add-songs .song-card-add-action{display:flex;justify-content:center;align-items:center;padding-left:10px;flex-shrink:0}.btn-quick-add-wrapper{width:48px;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-right:-8px}.btn-quick-add{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid var(--primary);color:var(--primary);background:transparent;transition:all .2s cubic-bezier(.175,.885,.32,1.275);padding:0;pointer-events:none;box-shadow:0 0 8px #b026ff1a}.btn-quick-add i{font-size:1rem;transition:transform .2s}.btn-quick-add-wrapper:active .btn-quick-add{transform:scale(.85)}.btn-quick-add.added{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 12px #b026ff66;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.btn-quick-add.added i{transform:scale(1.1)}@keyframes popIn{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.center-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--spacing-lg);text-align:center;gap:20px}.result-premium-card{background:linear-gradient(160deg,#1e1e1ecc,#0f0f0ff2);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 24px;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff1a;position:relative;overflow:hidden;width:100%;max-width:400px;margin:0 auto}.result-premium-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);opacity:.5;pointer-events:none}.rpc-header{font-size:.85rem;color:var(--text-muted);text-align:center;margin-bottom:20px;letter-spacing:2px}.rpc-main{font-size:1.5rem;font-weight:800;line-height:1.5;text-align:center;color:#fff;margin-bottom:8px}.highlight-gradient{background:linear-gradient(90deg,var(--secondary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;max-width:100%;font-size:clamp(1.4rem,6vw,1.8rem);padding:4px 0;word-break:normal;word-break:auto-phrase;overflow-wrap:anywhere}.rpc-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:32px 0}.rpc-features{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:16px;font-size:.9rem;line-height:1.5;color:#ffffffe6;background:#ffffff0a;padding:14px 16px;border-radius:12px;font-weight:500;text-align:left;text-wrap:balance}.pitch-range-box{display:flex;flex-direction:column;align-items:center;gap:8px;background:#0006;padding:clamp(14px,4vw,18px) clamp(16px,5vw,24px);border-radius:12px;border:1px solid rgba(255,255,255,.05);max-width:100%;width:100%}.pr-label{font-size:clamp(.78rem,3.2vw,.85rem);color:var(--text-muted);font-weight:500;text-align:center;text-wrap:pretty;line-height:1.4}.pr-value{font-size:clamp(1rem,5vw,1.3rem);font-weight:700;color:var(--secondary);letter-spacing:1px;text-align:center;overflow-wrap:anywhere}.home-header{padding-bottom:var(--spacing-md);min-width:0}.home-header h2{font-size:clamp(1.35rem,6vw,1.8rem);font-weight:700;text-wrap:balance;line-height:1.3;min-width:0}.home-header .subtitle{color:var(--text-muted);font-size:clamp(.82rem,3.5vw,.9rem);text-wrap:pretty;line-height:1.45}.song-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.song-card{background:var(--bg-surface);padding:16px;border-radius:var(--border-radius-md);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:background .15s,transform .15s;min-height:80px;-webkit-tap-highlight-color:transparent}.song-card:active{background:var(--bg-surface-elevated);transform:scale(.98)}.cover-art{width:60px;height:60px;border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#444,#222);display:flex;justify-content:center;align-items:center;color:#ffffff73;font-size:1.5rem;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff14}.song-info{flex:1;min-width:0}.song-title{font-weight:600;font-size:1rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{color:var(--text-muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.song-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;display:inline-block;line-height:1.35}.song-badge--boss{background:#1dfbde26;color:var(--secondary)}.song-badge--mixer{background:#fdc83026;color:#fdc830}.song-badge--hype{background:#ff6b6b26;color:#ff6b6b}.song-badge--first-meet{background:#a8c0ff26;color:#a8c0ff}.song-badge--emotional{background:#b026ff26;color:var(--primary)}.match-score{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.score-val{color:var(--secondary);font-weight:700;font-size:1.1rem}.score-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase}#screen-detail{padding:0;overflow-y:auto}.detail-hero{position:relative;height:300px}.album-art-placeholder{width:100%;height:100%;background:linear-gradient(180deg,#444 0%,var(--bg-dark) 100%)}.match-score-badge{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);background:#14161eb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 21px;border-radius:var(--border-radius-pill);box-shadow:0 9px 22px #0000007a;border:1px solid rgba(255,255,255,.09);font-size:.85rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:7px;z-index:5}.match-score-badge span{color:var(--secondary);font-size:1.5rem;font-weight:800;line-height:1}.detail-body{padding:var(--spacing-lg);padding-top:var(--spacing-lg)}.detail-body h2{font-size:1.8rem;margin-bottom:4px}.detail-artist{color:var(--text-muted);font-size:1.1rem;margin-bottom:var(--spacing-lg)}.stats-row{display:flex;gap:var(--spacing-md)}.stat-box{flex:1;background:var(--bg-surface);padding:16px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:8px}.stat-label{font-size:.8rem;color:var(--text-muted)}.stat-value{font-size:1.1rem;font-weight:600}.info-card{background:var(--bg-surface);padding:var(--spacing-md);border-radius:var(--border-radius-md)}.info-card h3{font-size:1rem;margin-bottom:12px;color:var(--text-muted)}.settings-subscription-card--locked{position:relative;opacity:.72;border:1px solid rgba(255,255,255,.08);pointer-events:none}.settings-subscription-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.settings-subscription-lock-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:4px 10px;border-radius:var(--border-radius-pill);border:1px solid rgba(255,255,255,.14);background:#ffffff0a}.settings-subscription-status--locked{font-size:1rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.settings-subscription-lock-note{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin:0 0 12px}.settings-subscription-actions{display:flex;gap:8px;filter:grayscale(.35)}.settings-subscription-actions .btn{padding:10px 14px;font-size:.82rem;opacity:.55;cursor:not-allowed}.key-nav-card{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.key-nav-card h3{font-size:.95rem;margin-bottom:12px;color:var(--secondary);display:flex;align-items:center;gap:8px}.key-nav-primary{padding:12px 14px;border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.key-nav-primary--ok{background:#10b9811f;border-color:#10b98159}.key-nav-primary--down{background:#3b82f61f;border-color:#3b82f659}.key-nav-primary--octave{background:#a855f726;border-color:#a855f766}.key-nav-primary--up{background:#fbbf241f;border-color:#fbbf2459}.key-nav-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;background:#00000040;margin-bottom:8px}.key-nav-primary strong{display:block;font-size:.95rem;margin-bottom:6px}.key-nav-primary p{font-size:.82rem;line-height:1.5;color:#ffffffe0;margin:0;white-space:normal;overflow:visible}.key-nav-steps{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.key-nav-steps li{display:flex;gap:10px;font-size:.82rem;line-height:1.45;color:#ffffffd9}.key-nav-step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#1dfbde26;color:var(--secondary);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.key-nav-alt{font-size:.78rem;color:var(--text-muted);margin:0 0 8px}.key-nav-alt-badge{font-weight:700;color:#93c5fd}.key-nav-note,.key-nav-muted{font-size:.72rem;color:var(--text-muted);line-height:1.45;margin:0}.sing-modal-key-hint{margin:20px 0 16px;padding:0;border-radius:14px;background:#3b82f61f;border:1px solid rgba(59,130,246,.35);overflow:hidden}.sing-modal-key-inner{display:flex;align-items:flex-start;gap:14px;padding:16px 18px}.sing-modal-key-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#3b82f640;display:flex;align-items:center;justify-content:center;color:#93c5fd;font-size:1.1rem}.sing-modal-key-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.sing-modal-key-badge{font-size:.8rem;font-weight:700;color:#93c5fd;line-height:1.35}.sing-modal-key-title{font-size:.95rem;font-weight:600;color:#fff;line-height:1.45;word-break:normal;overflow-wrap:anywhere}.sing-modal-key-desc{font-size:.8rem;line-height:1.5;color:#ffffffc7;margin:2px 0 0}.range-bar-container{width:100%}.range-label{font-size:.85rem;margin-bottom:8px;font-weight:500}.range-track{height:12px;background:#ffffff1a;border-radius:6px;position:relative;margin-bottom:8px}.range-fill{position:absolute;height:100%;border-radius:6px}.song-range{background:var(--text-muted)}.user-range{background:linear-gradient(90deg,var(--primary),var(--secondary));box-shadow:0 0 8px var(--primary-glow)}.range-caption{font-size:.8rem;color:var(--secondary);text-align:right}#bottom-nav{display:flex;justify-content:space-around;align-items:center;height:70px;padding-bottom:var(--safe-area-bottom);background:#121212f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.05);z-index:100;flex-shrink:0}.nav-item{color:var(--text-muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;transition:color .15s,transform .15s;flex:1;padding:8px 0;min-height:48px;justify-content:center;-webkit-tap-highlight-color:transparent}.nav-item span{white-space:nowrap}.nav-item:active{transform:scale(.9)}.nav-item i{font-size:1.2rem}.nav-item.active{color:var(--text-main)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:200;display:flex;justify-content:center;align-items:flex-end;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--bg-surface);width:100%;max-width:var(--app-max-width);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:var(--spacing-lg);padding-bottom:40px;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center}#filter-modal.modal{align-items:flex-end;padding-top:12vh;box-sizing:border-box}.filter-modal-content{display:flex;flex-direction:column;max-height:88dvh;padding:0;overflow:hidden;padding-bottom:calc(12px + var(--safe-area-bottom))}.filter-modal-header{flex-shrink:0;padding:var(--spacing-lg) var(--spacing-lg) 12px;border-bottom:1px solid rgba(255,255,255,.06)}.filter-modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px var(--spacing-lg) var(--spacing-md)}.filter-modal-footer{flex-shrink:0;padding:12px var(--spacing-lg) var(--spacing-md);border-top:1px solid rgba(255,255,255,.08);background:var(--bg-surface)}body.modal-open{overflow:hidden}.range-gap-card{margin-top:12px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;flex-direction:column;gap:10px}.range-gap-card.gap-easy{border-color:#43d9ad59;background:#43d9ad14}.range-gap-card.gap-reach{border-color:#ffc40059;background:#ffc4000f}.range-gap-card.gap-stretch,.range-gap-card.gap-hard{border-color:#ff6e6e4d;background:#ff6e6e0d}.rgc-row{display:flex;align-items:flex-start;gap:12px}.rgc-icon{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--text-main);font-size:.95rem}.gap-easy .rgc-icon{color:#43d9ad;background:#43d9ad1f}.gap-reach .rgc-icon{color:#ffc400;background:#ffc4001f}.gap-stretch .rgc-icon,.gap-hard .rgc-icon{color:#ff8a8a;background:#ff6e6e1f}.rgc-body{flex:1;min-width:0}.rgc-label{font-size:.92rem;font-weight:600;color:var(--text-main);margin:0 0 4px;line-height:1.4}.rgc-hint{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5}.rgc-cta{align-self:stretch;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.rgc-cta:hover{background:#ffffff1a}.rgc-cta i{font-size:.75rem;opacity:.6}.result-training-link{margin-top:4px;padding:8px 12px;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;align-self:center;display:inline-flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent}.result-training-link:hover{color:var(--text-main)}.result-training-pr{font-size:.65rem;padding:1px 6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-muted);letter-spacing:.5px}.training-modal{align-items:flex-end;padding-top:12vh;box-sizing:border-box}.training-modal-content{max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(28px + var(--safe-area-bottom))}.training-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.training-modal-header h3{margin:6px 0 0;font-size:1.05rem}.training-pr-badge{display:inline-block;font-size:.65rem;letter-spacing:.5px;padding:2px 8px;border-radius:6px;background:#ffffff14;color:var(--text-muted);border:1px solid rgba(255,255,255,.12)}.training-modal-sub{color:var(--text-muted);font-size:.85rem;line-height:1.55;margin:4px 0 16px}.training-modal-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.training-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-main);text-decoration:none;transition:background .15s ease,transform .1s ease}.training-card:hover{background:#ffffff14}.training-card:active{transform:scale(.99)}.training-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.training-card-name{font-weight:700;font-size:.95rem}.training-card-tag{font-size:.78rem;color:var(--text-muted);line-height:1.45}.training-card-badge{flex-shrink:0;font-size:.7rem;padding:3px 8px;border-radius:999px;background:#43d9ad26;color:#43d9ad;border:1px solid rgba(67,217,173,.3)}.training-card-icon{font-size:.7rem;opacity:.5}.training-modal-disclosure{font-size:.72rem;color:var(--text-muted);line-height:1.5;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;margin-bottom:16px}.training-modal-close{margin-top:4px}.training-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:12px 0}.progress-card{margin-bottom:16px;padding:14px 16px;background:linear-gradient(135deg,#43d9ad1f,#1dfbde14);border:1px solid rgba(67,217,173,.3);border-radius:14px}.progress-card.pc-shrank{background:linear-gradient(135deg,#ffc4001a,#ffaa000d);border-color:#ffc4004d}.progress-card.pc-kept{background:#ffffff0a;border-color:#ffffff1a}.pc-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pc-badge{font-size:1.4rem;line-height:1}.pc-headline{margin:0;font-size:.95rem;font-weight:700;color:var(--text-main);line-height:1.35}.pc-detail{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.55}.rediagnose-hint{margin:12px 0 16px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column;gap:10px}.rh-body{display:flex;gap:12px;align-items:flex-start}.rh-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1dfbde1a;color:var(--secondary, #1dfbde);font-size:.95rem}.rh-title{margin:0 0 4px;font-size:.9rem;font-weight:700;color:var(--text-main)}.rh-desc{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.5}.rh-actions{display:flex;gap:8px;justify-content:flex-end}.rh-action-skip,.rh-action-primary{padding:6px 14px;font-size:.8rem;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid transparent}.rh-action-skip{background:transparent;color:var(--text-muted);border-color:#ffffff1a}.rh-action-primary{background:#1dfbde26;color:var(--secondary, #1dfbde);border-color:#1dfbde4d;font-weight:600}.rh-action-primary:hover{background:#1dfbde38}.practice-card{display:flex;align-items:center;gap:12px;margin:12px 0 16px;padding:14px 16px;background:#ffc4000f;border:1px solid rgba(255,196,0,.2);border-radius:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease}.practice-card:hover{background:#ffc4001a}.practice-card:active{transform:scale(.99)}.practice-card-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffc400,#ff8a00);color:#1a1100;display:flex;align-items:center;justify-content:center;font-size:1rem}.practice-card-body{flex:1;min-width:0}.practice-card-title{margin:0 0 2px;font-weight:700;font-size:.95rem;color:var(--text-main)}.practice-card-sub{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.45}.practice-card-arrow{color:var(--text-muted);font-size:.8rem}.practice-screen-hero{padding:20px var(--spacing-lg);text-align:center}.practice-screen-cover{width:100px;height:100px;margin:0 auto 16px;border-radius:20px;background:linear-gradient(135deg,#ffc400,#ff8a00);color:#1a1100;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 10px 24px #ff8a004d}.practice-screen-hero h3{margin:0 0 6px;font-size:1.15rem}.practice-screen-hero .text-muted{font-size:.85rem;line-height:1.55}.popular-screen-cover{background:linear-gradient(145deg,#ff6b6b,#fdc830)!important;color:#1a1010}.popular-rank-badge{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#ffd16633;border:1px solid rgba(255,209,102,.45);color:#ffd166;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-right:4px}.popular-song-card--unavailable{opacity:.65;cursor:default}.popular-unavailable-note{margin:4px 0 0;font-size:.72rem;color:var(--text-muted)}.practice-guide-link{margin-top:16px;padding:10px 18px;width:auto;display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:.85rem}.rgc-sub-link{background:transparent;border:none;padding:4px 0;color:var(--text-muted);font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent}.rgc-sub-link:hover{color:var(--text-main)}.result-secondary-link{background:transparent;border:none;padding:8px 12px;color:var(--text-muted);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;align-self:center;display:inline-flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent}.result-secondary-link:hover{color:var(--text-main)}.vocal-guide-modal{align-items:flex-end;padding-top:8vh;box-sizing:border-box}.vocal-guide-content{max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;padding:24px 24px calc(32px + var(--safe-area-bottom))}.vg-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}.vg-header h3{margin:8px 0 0;font-size:1.25rem;font-weight:700}.vg-step-indicator{display:inline-block;font-size:.72rem;letter-spacing:1px;padding:3px 10px;border-radius:999px;background:#1dfbde1f;color:var(--secondary, #1dfbde);border:1px solid rgba(29,251,222,.28)}.vg-icon-wrap{display:flex;justify-content:center;padding:4px 0 8px}.vg-icon{width:76px;height:76px;border-radius:50%;background:#1dfbde1a;color:var(--secondary, #1dfbde);display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 8px 20px #1dfbde26}.vg-countdown{display:flex;justify-content:center;align-items:baseline;gap:6px;margin:6px 0 18px;color:var(--text-main)}.vg-countdown-num{font-size:3.2rem;font-weight:800;letter-spacing:.5px;line-height:1;color:var(--secondary, #1dfbde);font-variant-numeric:tabular-nums}.vg-countdown.vg-countdown-running .vg-countdown-num{animation:vgPulse 1s ease-in-out infinite}.vg-countdown-unit{font-size:.95rem;color:var(--text-muted);font-weight:600}.vg-countdown-spacer{visibility:hidden;pointer-events:none}@keyframes vgPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.96)}}.vg-timer{position:relative;height:8px;background:#ffffff0f;border-radius:999px;margin-bottom:8px;overflow:hidden}.vg-timer-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--secondary, #1dfbde),var(--primary, #43d9ad));transition:width .2s linear;border-radius:999px}.vg-timer-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-bottom:24px}.vg-instruction{margin:0 0 16px;line-height:1.85;font-size:.95rem;color:var(--text-main);letter-spacing:.2px}.vg-tip{margin:0 0 24px;font-size:.8rem;color:var(--text-muted);line-height:1.65;padding:12px 14px;background:#ffffff0a;border-radius:10px;border-left:3px solid rgba(29,251,222,.4)}.vg-actions{display:flex;gap:12px;margin-bottom:24px}.vg-actions .btn{flex:1;padding:14px 12px;font-size:.92rem}.vg-completed{text-align:center;padding:20px 0 12px}.vg-completed-title{font-size:1.05rem;font-weight:700;margin:0 0 8px}.vg-completed-desc{font-size:.9rem;color:var(--text-muted);line-height:1.65;margin:0 0 22px}.vg-disclaimer{font-size:.72rem;color:var(--text-muted);line-height:1.6;margin:0;padding:12px 14px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:10px}.difficulty-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px}.ds-header{margin-bottom:14px}.ds-header h3{margin:0 0 4px;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.ds-header h3 i{color:var(--secondary, #1dfbde)}.ds-subtitle{font-size:.72rem;color:var(--text-muted)}.ds-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ds-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.ds-warn{border-color:#ff8a8a4d;background:#ff8a8a0f}.ds-info{border-color:#ffc40040;background:#ffc4000d}.ds-tip{border-color:#43d9ad4d;background:#43d9ad0d}.ds-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-main)}.ds-warn .ds-icon{background:#ff8a8a26;color:#ff8a8a}.ds-info .ds-icon{background:#ffc40026;color:#ffc400}.ds-tip .ds-icon{background:#43d9ad26;color:#43d9ad}.ds-body{flex:1;min-width:0}.ds-title{margin:0 0 4px;font-weight:700;font-size:.9rem;line-height:1.4}.ds-desc{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.55}.practice-mode-modal{align-items:flex-end;padding-top:6vh;box-sizing:border-box}.practice-mode-content{max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px calc(28px + var(--safe-area-bottom))}.pm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.pm-header h3{margin:8px 0 2px;font-size:1.1rem;font-weight:700}.pm-artist{margin:0;font-size:.8rem;color:var(--text-muted)}.pm-badge{display:inline-block;font-size:.68rem;letter-spacing:1px;padding:3px 10px;border-radius:999px;background:#1dfbde1f;color:var(--secondary, #1dfbde);border:1px solid rgba(29,251,222,.28)}.pm-scale{position:relative;height:220px;border-radius:14px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);overflow:hidden;margin-bottom:14px}.pm-scale-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pm-grid-line{position:absolute;left:0;right:0;height:1px;background:#ffffff0d}.pm-grid-label{position:absolute;left:8px;transform:translateY(50%);font-size:.65rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pm-scale-zone{position:absolute;left:56px;right:12px;border-radius:8px;pointer-events:none}.pm-zone-range{background:#1dfbde1a;border:1px dashed rgba(29,251,222,.3)}.pm-zone-chorus{height:4px;background:linear-gradient(90deg,#ffc40099,#ff8a0099);border-radius:999px;transform:translateY(50%)}.pm-scale-marker{position:absolute;left:56px;right:12px;height:4px;background:var(--secondary, #1dfbde);border-radius:999px;box-shadow:0 0 12px #1dfbde99;transition:bottom .1s ease-out;transform:translateY(50%)}.pm-marker-current.pm-marker-in-range{background:#43d9ad;box-shadow:0 0 16px #43d9adcc}.pm-current{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px;background:#ffffff0a;border-radius:10px;margin-bottom:12px}.pm-current-label{font-size:.75rem;color:var(--text-muted)}.pm-current-note{font-size:1.6rem;font-weight:800;color:var(--secondary, #1dfbde);font-variant-numeric:tabular-nums}.pm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.pm-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;text-align:center}.pm-stat-label{display:block;font-size:.68rem;color:var(--text-muted);margin-bottom:4px}.pm-stat-value{display:block;font-size:1.05rem;font-weight:700}.pm-hint{font-size:.78rem;color:var(--text-muted);line-height:1.55;margin:0 0 14px;padding:10px 12px;background:#ffffff08;border-left:3px solid rgba(29,251,222,.4);border-radius:8px}.pm-actions{margin-bottom:16px}.pm-actions .btn{padding:14px;font-size:.95rem}.pm-recording{background:linear-gradient(135deg,#ff5252,#ff8a8a)!important;color:#fff!important;border-color:transparent!important;animation:pmRecordingPulse 1.4s ease-in-out infinite}@keyframes pmRecordingPulse{0%,to{box-shadow:0 0 #ff525280}50%{box-shadow:0 0 0 10px #ff525200}}.pm-summary{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;margin-bottom:14px}.pm-summary-title{margin:0 0 12px;font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px}.pm-summary-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--secondary, #1dfbde);border-radius:2px}.pm-summary-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:8px}.pm-summary-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.85rem}.pm-row-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:#ffffff0f;color:var(--text-main)}.pm-row-label{color:var(--text-muted);font-size:.82rem}.pm-row-value{font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums}.pm-row-success{background:#43d9ad12;border-color:#43d9ad40}.pm-row-success .pm-row-icon{background:#43d9ad2e;color:#43d9ad}.pm-row-success .pm-row-value{color:#43d9ad}.pm-row-info{background:#2196f30f;border-color:#2196f340}.pm-row-info .pm-row-icon{background:#2196f32e;color:#64b5f6}.pm-row-info .pm-row-value{color:#64b5f6}.pm-row-warn{background:#ffc4000f;border-color:#ffc40047}.pm-row-warn .pm-row-icon{background:#ffc4002e;color:#ffc400}.pm-row-warn .pm-row-value{color:#ffc400}.pm-row-neutral{background:#b026ff0a;border-color:#b026ff33}.pm-row-neutral .pm-row-icon{background:#b026ff26;color:#c084fc}.pm-row-neutral .pm-row-value{color:#c084fc}.pm-row-featured{padding:14px 16px;background:linear-gradient(135deg,#1dfbde1a,#43d9ad0f);border:1px solid rgba(29,251,222,.3);grid-template-columns:40px 1fr auto}.pm-row-featured .pm-row-icon{width:40px;height:40px;background:#1dfbde2e;color:var(--secondary, #1dfbde);font-size:1rem}.pm-row-featured .pm-row-label{font-size:.85rem;color:var(--text-main);font-weight:600}.pm-row-featured .pm-row-value{font-size:1.4rem;color:var(--secondary, #1dfbde);text-shadow:0 0 12px rgba(29,251,222,.4)}.pm-row-featured.pm-row-warn .pm-row-value{color:#ffc400;text-shadow:0 0 12px rgba(255,196,0,.4)}.pm-disclaimer{font-size:.7rem;color:var(--text-muted);line-height:1.5;margin:0;padding:10px 12px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:8px}.sw-update-toast{position:fixed;left:50%;bottom:calc(80px + var(--safe-area-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;background:#12161ef2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(29,251,222,.3);border-radius:999px;color:var(--text-main);font-size:.85rem;box-shadow:0 10px 24px #00000080;z-index:1001;animation:swToastIn .35s cubic-bezier(.25,.46,.45,.94)}.sw-update-toast i{color:var(--secondary, #1dfbde);margin-right:4px}.sw-update-btn{background:linear-gradient(135deg,var(--secondary, #1dfbde),var(--primary, #43d9ad));border:none;color:#0a0e14;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:.8rem;-webkit-tap-highlight-color:transparent}.sw-update-btn:active{transform:scale(.97)}@keyframes swToastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}#sing-modal.modal{align-items:flex-end;padding-top:12vh;box-sizing:border-box}.sing-modal-content{max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(40px + var(--safe-area-bottom))}.sing-modal-song{margin-top:16px;margin-bottom:4px;text-align:center;padding:0 4px}.sing-modal-title{display:block;font-size:1.15rem;font-weight:700;line-height:1.35}.sing-modal-artist{display:block;font-size:.9rem;color:var(--text-muted);margin-top:4px}.sing-modal-hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin:12px 0 16px}.sing-modal-links{display:flex;flex-direction:column;gap:10px}.sing-link-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;text-decoration:none;color:inherit;transition:background .15s,transform .15s;-webkit-tap-highlight-color:transparent}.sing-link-item:active{background:#ffffff1a;transform:scale(.98)}.sing-link-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--sing-color) 22%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--sing-color);flex-shrink:0}.sing-link-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sing-link-name{font-weight:700;font-size:1rem}.sing-link-sub{font-size:.75rem;color:var(--text-muted)}.sing-link-external{font-size:.85rem;color:var(--text-muted);flex-shrink:0}.create-playlist-box{display:flex;gap:8px}.create-playlist-box input{flex:1;background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px;border-radius:var(--border-radius-sm);outline:none;font-size:1rem}.playlist-row:active{opacity:.7}.playlist-row-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.playlist-row-item:active{background:#ffffff0d}.playlist-row-cover{width:80px;height:80px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:16px;flex-shrink:0;text-align:center;color:#fff;box-shadow:inset 0 0 10px #ffffff1a}.playlist-row-cover h4{font-size:1.2rem;margin:0 0 4px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);font-family:var(--font-sans);letter-spacing:1px;word-break:normal;overflow-wrap:anywhere}.playlist-row-cover span{font-size:.6rem;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.5)}.playlist-row-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.playlist-row-title{font-size:1rem;font-weight:700;margin-bottom:4px;color:#fff;word-break:normal;overflow-wrap:break-word}.playlist-row-desc{font-size:.85rem;color:var(--text-muted);word-break:normal;overflow-wrap:break-word}.playlist-row-action{padding:8px;color:var(--text-muted);font-size:1.2rem}.playlist-detail-hero{display:flex;flex-direction:column;align-items:center;padding:40px 16px 20px;background:linear-gradient(180deg,rgba(80,80,80,.2) 0%,var(--bg-dark) 100%);border-bottom:1px solid rgba(255,255,255,.05)}.dna-container{padding:0 2px}.dna-card{background:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:22px;box-shadow:0 10px 30px #00000080;transition:transform .15s ease;-webkit-tap-highlight-color:transparent;animation:cardAppear .4s cubic-bezier(.25,.46,.45,.94) backwards}.dna-card:nth-child(1){animation-delay:.05s}.dna-card:nth-child(2){animation-delay:.1s}.dna-card:nth-child(3){animation-delay:.15s}.dna-card:nth-child(4){animation-delay:.2s}.dna-card:nth-child(5){animation-delay:.25s}.dna-card:active{transform:scale(.985)}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dna-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:16px}.dna-card-header h3{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.dna-basic-profile{display:flex;align-items:center;gap:18px;margin-top:20px}.dna-avatar{width:64px;height:64px;font-size:1.6rem;background:#ffffff0d;flex-shrink:0;box-shadow:inset 0 0 15px #0000004d}.dna-basic-info h4{font-size:1.4rem;margin-bottom:6px;font-weight:800}.dna-basic-info p{font-size:.9rem;color:var(--text-muted)}.dna-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pref-item{background:#00000040;padding:14px 16px;border-radius:14px;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,.03)}.pref-item span{font-size:.8rem;color:var(--text-muted)}.pref-item strong{font-size:.95rem;font-weight:600;color:#fff}.artist-chip{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#b026ff26,#1dfbde0d);color:#fff;padding:10px 16px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(176,38,255,.3);box-shadow:0 4px 10px #0003;transition:all .2s}.artist-chip:hover{border-color:#b026ff99;transform:translateY(-1px)}.artist-chip .remove-btn{color:#ffffff80;cursor:pointer;padding:2px}.artist-chip .remove-btn:hover{color:#fff}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:16px;border:1px solid transparent;transition:transform .15s,background .15s;cursor:pointer;min-height:72px;-webkit-tap-highlight-color:transparent}.history-item:active{background:#ffffff0f;transform:scale(.98)}.history-item i{color:var(--text-main);font-size:1.2rem;background:#ffffff14;padding:14px;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center}.artist-chip{min-height:44px;-webkit-tap-highlight-color:transparent}.artist-chip:active{transform:scale(.95)}.playlist-row-item{min-height:80px;-webkit-tap-highlight-color:transparent}.playlist-row-item:active{background:#ffffff0d;transform:scale(.98)}#main-content::-webkit-scrollbar{display:none}#main-content{-ms-overflow-style:none;scrollbar-width:none}.favorite-btn{background:transparent;border:none;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);-webkit-tap-highlight-color:transparent;margin-top:4px;margin-right:8px}.favorite-btn:active{transform:scale(.9)}.favorite-btn .icon{transition:all .3s ease;color:var(--text-muted)}.favorite-btn.active .icon{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(29,251,222,.6));animation:bounceScale .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bounceScale{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%) translateY(20px);background:#282828d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:500;box-shadow:0 4px 15px #00000080;z-index:1000;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1);white-space:nowrap;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.filter-chips-wrapper{margin-bottom:var(--spacing-md);position:relative}.chip-group-scroll{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.chip-group-scroll::-webkit-scrollbar{display:none}.filter-chip-pill{background:#b026ff26;border:1px solid rgba(176,38,255,.3);color:var(--text-main);padding:6px 14px;border-radius:var(--border-radius-pill);font-size:.85rem;white-space:nowrap;display:flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent}.filter-chip-pill i{font-size:.8rem;color:#ffffff80;cursor:pointer;padding:4px}.filter-chip-pill i:active{color:#fff}.filter-chip-group .chip{padding:10px 16px;min-height:auto;font-size:.9rem;flex:0 0 auto}.filter-chip-group .chip.active{background:#b026ff26;border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #b026ff33}#btn-filter.active{color:var(--primary)!important;background:#b026ff26!important}.ai-recommend-section{background:linear-gradient(160deg,#b026ff14,#1dfbde0a,#1e1e1ee6);border:1px solid rgba(176,38,255,.2);border-radius:20px;padding:24px 20px;position:relative;overflow:hidden;animation:aiSectionAppear .5s cubic-bezier(.25,.46,.45,.94) backwards;animation-delay:.2s}.ai-recommend-section:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(29,251,222,.12) 0%,transparent 70%);pointer-events:none}.ai-recommend-section:after{content:"";position:absolute;bottom:-20px;left:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(176,38,255,.1) 0%,transparent 70%);pointer-events:none}@keyframes aiSectionAppear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ai-recommend-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;position:relative;z-index:1}.ai-recommend-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #b026ff4d}.ai-recommend-title{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.5px;margin-bottom:2px}.ai-recommend-subtitle{font-size:.75rem;color:var(--text-muted);letter-spacing:.5px}.ai-recommend-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;position:relative;z-index:1}.ai-tag{font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;animation:tagAppear .3s ease backwards}.ai-tag:nth-child(1){animation-delay:.3s}.ai-tag:nth-child(2){animation-delay:.4s}.ai-tag:nth-child(3){animation-delay:.5s}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ai-tag--easy{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.ai-tag--hype{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.ai-tag--score{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.ai-tag--first{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.ai-tag--challenge{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.ai-tag--ref{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.35)}.ai-recommend-reasons{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;position:relative;z-index:1}.ai-reason-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#ffffffe6;line-height:1.5;animation:reasonSlideIn .4s ease backwards}.ai-reason-item:nth-child(1){animation-delay:.35s}.ai-reason-item:nth-child(2){animation-delay:.45s}.ai-reason-item:nth-child(3){animation-delay:.55s}@keyframes reasonSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.ai-reason-item--caution .ai-reason-icon{color:#fbbf24}.ai-reason-item--caution span{color:#ffffffd9}.ai-reason-icon{color:var(--secondary);font-size:.7rem;margin-top:5px;flex-shrink:0}.ai-recommend-comment{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1;animation:commentAppear .5s ease backwards;animation-delay:.6s}@keyframes commentAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-comment-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#b026ff4d,#1dfbde33);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--secondary);flex-shrink:0;border:1px solid rgba(29,251,222,.3);box-shadow:0 0 12px #1dfbde26}.ai-comment-bubble{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px 16px 16px;padding:14px 16px;font-size:.85rem;line-height:1.7;color:#ffffffd9;flex:1;position:relative;word-break:normal;overflow-wrap:break-word;line-break:strict;white-space:normal;overflow:visible}.ai-comment-bubble .ai-range{white-space:nowrap;font-feature-settings:"tnum"}.ai-comment-bubble .ai-no-break{white-space:nowrap}@media (max-width: 430px){.ai-recommend-comment{display:block;width:100%}.ai-comment-avatar{width:28px;height:28px;font-size:.78rem;margin-bottom:8px}.ai-comment-bubble{width:100%;padding:12px 13px;font-size:.8rem;line-height:1.75}.ai-comment-bubble:before{display:none}}.ai-comment-bubble:before{content:"";position:absolute;top:12px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(255,255,255,.08)}.pwa-install-banner{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:var(--app-max-width);z-index:300;animation:pwaSlideUp .4s cubic-bezier(.25,.46,.45,.94)}.pwa-install-banner.hidden{display:none}@keyframes pwaSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pwa-install-content{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#1e1e1eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080}.pwa-install-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #b026ff4d}.pwa-install-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pwa-install-text strong{font-size:.9rem;color:#fff;font-weight:700}.pwa-install-text span{font-size:.75rem;color:var(--text-muted)}.pwa-install-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-dismiss-btn{background:transparent;border:none;color:var(--text-muted);font-size:1rem;padding:8px;cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.pwa-dismiss-btn:active{background:#ffffff1a;color:#fff}.sw-update-banner{position:fixed;top:0;left:0;right:0;z-index:400;animation:swBannerSlide .4s cubic-bezier(.25,.46,.45,.94)}.sw-update-banner.hidden{display:none}@keyframes swBannerSlide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.sw-update-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#141414f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(29,251,222,.2);box-shadow:0 4px 20px #0006}.sw-update-content span{font-size:.85rem;color:#ffffffe6;font-weight:500}.chat-history{scroll-behavior:smooth}.chat-message{display:flex;align-items:flex-end;margin-bottom:16px;max-width:90%}.ai-message{align-self:flex-start}.user-message{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;justify-content:center;align-items:center;font-size:.9rem;flex-shrink:0;margin-right:12px}.user-message .chat-avatar{margin-right:0;margin-left:12px;background:#ffffff1a}.chat-bubble{padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.5;position:relative}.ai-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px;color:#fffffff2;word-break:normal;overflow-wrap:break-word}.ai-text{line-height:1.7;letter-spacing:.02em;word-break:keep-all;line-break:strict;overflow-wrap:anywhere;text-wrap:pretty}.ai-text-para{margin:0 0 12px}.ai-text-label{margin:0 0 8px;font-size:.88rem;color:var(--text-muted)}.ai-text-list{margin:0 0 12px;padding:0 0 0 1.1em;list-style:none}.ai-text-list li{position:relative;margin:0 0 8px;padding-left:.15em;line-height:1.55}.ai-text-list li:before{content:"・";position:absolute;left:-1.1em;color:var(--secondary)}.ai-text-list li:last-child{margin-bottom:0}.ai-nowrap{white-space:nowrap}.ai-text-para:last-child{margin-bottom:0}.ai-text-para strong,.ai-text strong{color:var(--secondary);font-weight:600}.ai-text-section{margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.ai-text-section .ai-text-para{margin-bottom:10px;padding-left:10px;border-left:2px solid rgba(29,251,222,.35)}.ai-text-section .ai-text-para:last-child{margin-bottom:0}.ai-bubble--admin-success{border-color:#1dfbde73;background:#1dfbde1a;color:#1dfbde}.ai-bubble--admin-success .ai-text{color:#1dfbde;font-weight:600}.user-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #b026ff4d;word-break:break-word;overflow-wrap:break-word}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 12px}.typing-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-song-card{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:10px;margin-top:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s}.chat-song-card:active{background:#ffffff1a}.chat-song-cover{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#444,#222);display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#ffffff73;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff14}.chat-song-info{flex:1;min-width:0}.chat-song-title{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.chat-song-artist{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-song-match{font-size:.75rem;font-weight:700;color:var(--secondary);background:#1dfbde1a;padding:2px 6px;border-radius:4px}@media (max-width: 430px){#top-nav{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.nav-title{font-size:clamp(1rem,4.5vw,1.2rem)}.chip{padding:12px 16px;font-size:.85rem;min-height:44px}.chip-group{gap:8px}.login-container{gap:clamp(24px,5vh,40px);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.login-actions,.diag-actions{max-width:100%}.auth-form-group{gap:14px;margin-bottom:22px}.visualizer{width:clamp(130px,42vw,180px);height:clamp(130px,42vw,180px);margin-bottom:clamp(12px,3vh,28px)}.circle-pulse{width:clamp(72px,24vw,100px);height:clamp(72px,24vw,100px);font-size:clamp(1.4rem,6vw,2rem)}.diag-actions{margin-top:20px}#diag-skip-btn{font-size:clamp(.8rem,3.2vw,.88rem);line-height:1.45;padding-left:14px;padding-right:14px}.result-premium-card{padding:22px 14px}.result-content{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}.pitch-range-box .pr-value{font-size:clamp(.95rem,4.5vw,1.15rem);overflow-wrap:anywhere}.home-header{flex-wrap:wrap;gap:8px}.home-header h2,.home-header .subtitle{min-width:0;text-wrap:balance}.modal-content{max-width:100%;border-radius:20px 20px 0 0}.chat-bubble{max-width:min(100%,85vw)}.nav-item{font-size:.65rem;padding:6px 2px}.nav-item span{white-space:nowrap;text-align:center;line-height:1.2;max-width:none}}@media (max-height: 700px){.login-container{gap:20px;justify-content:flex-start;padding-top:max(16px,var(--safe-area-top))}.login-brand .app-logo{font-size:2.25rem}.diagnose-content{justify-content:flex-start;padding-top:8px}.visualizer{margin-bottom:16px}}.admin-screen-header{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:10px 12px;border:none;padding-top:20px;background:#b026ff14;border-bottom:1px solid rgba(176,38,255,.2)}.admin-screen-header-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.admin-screen-title{font-size:1.05rem;color:#b026ff;line-height:1.35;text-wrap:balance}.admin-screen-title i{margin-right:8px}.admin-screen-subtitle{font-size:.72rem;color:#fff6;margin-top:2px;line-height:1.4}.admin-usage-badge{display:inline-flex;align-items:center;margin-top:8px;font-size:.78rem;padding:5px 12px;border-radius:20px;background:#1dfbde1a;border:1px solid rgba(29,251,222,.35);color:#1dfbde;line-height:1.3;max-width:100%}.admin-card{background:#190f28b3;border:1px solid rgba(176,38,255,.2);border-radius:20px;padding:20px;animation:cardAppear .35s cubic-bezier(.25,.46,.45,.94) backwards;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff08}.admin-card-header{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(176,38,255,.15);margin-bottom:4px}.admin-card-header h3{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.3px;flex:1;min-width:0;line-height:1.4}.admin-hint{font-size:.82rem;color:#ffffff80;line-height:1.65;margin-top:10px;text-wrap:pretty}.admin-hint-line{display:block}.admin-hint-line+.admin-hint-line{margin-top:4px}.admin-hint-accent{color:#1dfbde}.admin-url{color:#1dfbde;word-break:break-all}.admin-api-key-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-api-key-input{flex:1 1 160px;min-width:0;background:#ffffff0f;border:1px solid rgba(176,38,255,.3);color:#fff;border-radius:12px;padding:12px 16px;outline:none;font-family:monospace;font-size:.85rem;box-sizing:border-box}.admin-api-key-save{flex:0 0 auto;padding:12px 18px;border-radius:12px}.admin-free-badge{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:.78rem;color:#1dfbde;background:#1dfbde14;border:1px solid rgba(29,251,222,.2);border-radius:14px;padding:10px 12px;line-height:1.5;max-width:100%}.admin-free-badge>i{flex-shrink:0;margin-top:2px}.admin-free-badge-text{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-free-badge-main{font-weight:600}.admin-free-badge-sub{font-size:.72rem;color:#1dfbded9}.admin-free-badge-sub:before{content:"（"}.admin-free-badge-sub:after{content:"）"}.admin-preview-title{flex-wrap:wrap;line-height:1.4}.admin-preview-title-sub{font-size:.8rem;color:#ffffff80;font-weight:400}.admin-btn-generate-full{width:100%;margin-top:16px;padding:16px;font-size:1rem;border-radius:14px;text-wrap:balance}.admin-label{display:block;font-size:.75rem;color:#ffffff73;font-weight:500;margin-bottom:5px;letter-spacing:.3px}.admin-input{width:100%;background:#ffffff0d;border:1px solid rgba(176,38,255,.2);color:#fff;border-radius:10px;padding:10px 12px;outline:none;font-size:.9rem;box-sizing:border-box;transition:border-color .2s;-webkit-appearance:none}.admin-input:focus{border-color:#b026ff99;background:#b026ff0d}.admin-select{width:100%;background:#ffffff0d;border:1px solid rgba(176,38,255,.2);color:#fff;border-radius:10px;padding:10px 12px;outline:none;font-size:.9rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;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='%23999' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.admin-select option{background:#1a0a2e;color:#fff}.admin-section-title{font-size:.8rem;font-weight:600;color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.admin-btn-purple{background:linear-gradient(135deg,#b026ff,#7b00cc);color:#fff;border:none;cursor:pointer;font-weight:600;transition:opacity .2s,transform .15s;-webkit-tap-highlight-color:transparent}.admin-btn-purple:active{opacity:.8;transform:scale(.97)}.admin-btn-generate{background:linear-gradient(135deg,#b026ff4d,#1dfbde26);color:#fff;border:1px solid rgba(176,38,255,.5);cursor:pointer;font-weight:700;letter-spacing:.5px;transition:all .2s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.admin-btn-generate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#b026ff26,#1dfbde14);opacity:0;transition:opacity .2s}.admin-btn-generate:not(:disabled):active{transform:scale(.98);opacity:.85}.admin-btn-generate:disabled{opacity:.6;cursor:not-allowed}.admin-btn-insert{background:linear-gradient(135deg,#1dfbde,#0dbfb0);color:#121212;border:none;cursor:pointer;font-weight:800;letter-spacing:.5px;transition:all .2s;box-shadow:0 6px 20px #1dfbde59;-webkit-tap-highlight-color:transparent}.admin-btn-insert:active{transform:scale(.98);opacity:.85}.admin-btn-insert:disabled{opacity:.6;cursor:not-allowed}.admin-feedback-list{display:flex;flex-direction:column;gap:10px;max-height:42vh;overflow-y:auto;padding-right:4px}.admin-feedback-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.admin-feedback-item--unread{border-color:#1dfbde73;box-shadow:0 0 0 1px #1dfbde2e inset}.admin-feedback-item--read{opacity:.92}.admin-feedback-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px}.admin-feedback-email{font-size:.78rem;color:#fff;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-feedback-time{font-size:.72rem;color:#ffffff8c;white-space:nowrap}.admin-feedback-message{margin:0;color:#ffffffe6;font-size:.83rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.admin-feedback-tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.admin-feedback-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-feedback-read-btn{background:transparent;color:var(--text-main);border:1px solid rgba(255,255,255,.45);border-radius:10px;padding:6px 10px;font-size:.72rem;line-height:1.2;min-height:32px;width:auto;flex:0 0 auto;cursor:pointer}.admin-feedback-read-btn:active{transform:scale(.98)}.admin-feedback-status-wrap{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:#ffffffb8}.admin-feedback-status-select{background:#ffffff14;color:#fff;border:1px solid rgba(29,251,222,.3);border-radius:8px;padding:6px 8px;font-size:.74rem;outline:none}.admin-feedback-status-select:focus{border-color:#1dfbdea6}.admin-feedback-status-select option{background:#fff;color:#111}.admin-feedback-tag{font-size:.7rem;color:#1dfbdef2;border:1px solid rgba(29,251,222,.35);background:#1dfbde14;border-radius:999px;padding:2px 8px}.admin-feedback-empty{margin:0;font-size:.82rem;color:#fff9;text-align:center;padding:10px 0}.admin-input[type=number]::-webkit-outer-spin-button,.admin-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.admin-input[type=number]{-moz-appearance:textfield}@media (max-width: 380px){.admin-card{padding:16px}.admin-api-key-row{flex-direction:column}.admin-api-key-save{width:100%}.admin-screen-header{padding-top:16px}}.profile-history-card{display:flex;align-items:center;gap:12px;margin:24px var(--spacing-lg) 0;padding:14px 16px;background:linear-gradient(135deg,#1dfbde14,#b026ff0f);border:1px solid rgba(29,251,222,.22);border-radius:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease}.profile-history-card:hover{background:linear-gradient(135deg,#1dfbde24,#b026ff1a)}.profile-history-card:active{transform:scale(.99)}.profile-success-card{background:linear-gradient(135deg,#ffd1661a,#ef476f14);border-color:#ffd16647}.profile-success-card:hover{background:linear-gradient(135deg,#ffd16629,#ef476f1f)}.psc-icon{background:linear-gradient(135deg,#1dfbde,#b026ff);box-shadow:0 6px 14px #1dfbde40;color:#0b1a18}.playlist-row-cover--success-sung{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0b1a18}.playlist-row-cover--success-sung #pd-cover-title{margin:0;line-height:1}.playlist-row-cover--success-sung .success-sung-cover-icon{font-size:4.5rem}#btn-success-sung.active{border-color:#ffd16673;background:#ffd1661f;color:#ffd166}#btn-success-sung.active i{color:#ffd166}.phc-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1dfbde,#b026ff);color:#0b1a18;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 6px 14px #1dfbde40}.phc-body{flex:1;min-width:0}.phc-title{margin:0 0 2px;font-weight:700;font-size:.95rem;color:var(--text-main)}.phc-sub{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.45}.phc-arrow{color:var(--text-muted);font-size:.8rem}.history-content{padding:0 var(--spacing-lg) 40px}.history-intro-title{margin:0 0 4px;font-size:1.05rem;font-weight:700;color:var(--text-main);letter-spacing:.2px}.history-intro-desc{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.55}.history-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.history-stat-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.history-stat-success{background:#43d9ad1a;border-color:#43d9ad4d}.history-stat-info{background:#1dfbde14;border-color:#1dfbde38}.history-stat-warn{background:#ffc40014;border-color:#ffc40040}.history-stat-neutral{background:#ffffff0a;border-color:#ffffff14}.hsc-icon{flex-shrink:0;font-size:1.4rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000040;border-radius:10px}.hsc-body{min-width:0}.hsc-value{margin:0;font-weight:800;font-size:1rem;letter-spacing:.3px;color:var(--text-main)}.hsc-label{margin:2px 0 0;font-size:.72rem;color:var(--text-muted);letter-spacing:.5px}.history-chart-card,.history-list-card{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.hcc-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:8px;flex-wrap:wrap}.hcc-header h3{margin:0;font-size:.98rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.hcc-header h3 i{color:var(--secondary);font-size:.9rem}.hcc-sub{font-size:.72rem;color:var(--text-muted);letter-spacing:.3px}.hcc-chart{width:100%;overflow:hidden}.hcc-chart .chart-svg{width:100%;height:auto;display:block;color:var(--text-muted)}.chart-axis-label{font-size:9px;fill:#ffffff8c;font-family:inherit}.chart-empty .chart-axis-label{fill:#fff6}.hcc-desc{margin:12px 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.55}.hpl-list{display:flex;flex-direction:column;gap:8px}.hpl-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.hpl-main{min-width:0;flex:1}.hpl-title{margin:0;font-size:.92rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpl-meta{margin:2px 0 0;font-size:.72rem;color:var(--text-muted);letter-spacing:.2px}.hpl-cov{flex-shrink:0;font-weight:800;font-size:.85rem;padding:6px 10px;border-radius:10px;letter-spacing:.3px}.hpl-cov.cov-high{background:#43d9ad2e;color:#43d9ad;border:1px solid rgba(67,217,173,.35)}.hpl-cov.cov-mid{background:#1dfbde26;color:#1dfbde;border:1px solid rgba(29,251,222,.3)}.hpl-cov.cov-low{background:#ffc40024;color:#ffc400;border:1px solid rgba(255,196,0,.3)}.hpl-empty{margin:8px 0;padding:14px;text-align:center;font-size:.85rem;color:var(--text-muted);line-height:1.6;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}@media (max-width: 380px){.history-summary{grid-template-columns:1fr 1fr}.hsc-icon{width:32px;height:32px;font-size:1.2rem}.hsc-value{font-size:.92rem}}