.app-shell{min-height:100vh;background:var(--bg)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.player[data-v-e5cf946a]{display:flex;flex-direction:column;height:100vh;max-height:100vh;background:var(--bg);padding:0 1.75rem;overflow:hidden}.header[data-v-e5cf946a]{display:flex;align-items:center;justify-content:space-between;padding-top:max(1.5rem,env(safe-area-inset-top,1.5rem));padding-bottom:.75rem}.header-title[data-v-e5cf946a]{font-size:1rem;font-weight:600;color:var(--text-main);letter-spacing:.01em}.icon-btn[data-v-e5cf946a]{width:2.5rem;height:2.5rem;border:none;background:transparent;cursor:pointer;color:var(--text-sub);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;padding:0}.icon-btn[data-v-e5cf946a]:active{background:var(--border)}.icon-btn.muted[data-v-e5cf946a]{color:var(--text-muted)}.cover-section[data-v-e5cf946a]{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem 0;min-height:0}.cover-frame[data-v-e5cf946a]{width:min(72vw,300px);height:min(72vw,300px);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-art);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease;transform:scale(.9)}.cover-frame.cover-playing[data-v-e5cf946a]{transform:scale(1);box-shadow:var(--shadow-art)}.cover-img[data-v-e5cf946a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.metadata[data-v-e5cf946a]{display:flex;align-items:center;gap:.75rem;padding:.75rem 0}.meta-info[data-v-e5cf946a]{flex:1;min-width:0}.track-name[data-v-e5cf946a]{font-size:1.375rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;margin:0 0 .125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-name[data-v-e5cf946a]{font-size:.9375rem;font-weight:400;color:var(--text-sub);margin:0}.progress-section[data-v-e5cf946a]{padding:.25rem 0 .5rem}.waveform[data-v-e5cf946a]{display:flex;align-items:flex-end;gap:2px;height:56px;width:100%}.wf-bar[data-v-e5cf946a]{flex:1;border-radius:2px;background:var(--wf-empty);min-height:4px;transition:height .05s ease,background .35s ease}.wf-bar.wf-filled[data-v-e5cf946a]{background:var(--wf-filled)}.time-row[data-v-e5cf946a]{display:flex;justify-content:space-between;margin-top:.625rem}.time-label[data-v-e5cf946a]{font-size:.8125rem;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.controls[data-v-e5cf946a]{display:flex;align-items:center;justify-content:center;gap:2.75rem;padding:.75rem 0 .5rem}.ctrl-side[data-v-e5cf946a]{width:2.75rem;height:2.75rem;border:none;background:transparent;cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:transform .15s}.ctrl-side[data-v-e5cf946a]:active{transform:scale(.88)}.ctrl-play[data-v-e5cf946a]{width:4.5rem;height:4.5rem;border-radius:50%;background:var(--primary);color:var(--bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}.ctrl-play[data-v-e5cf946a]:active{transform:scale(.93);box-shadow:var(--shadow-sm)}.session-row[data-v-e5cf946a]{display:flex;justify-content:center;padding:.75rem 0 max(1.25rem,env(safe-area-inset-bottom,1.25rem))}.session-pill[data-v-e5cf946a]{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.375rem 1rem;font-size:.8125rem;font-weight:500;color:var(--text-sub);box-shadow:var(--shadow-sm);transition:border-color .3s,color .3s}.pill-warning[data-v-e5cf946a]{border-color:#ff3b304d;color:var(--red)}.session-dot[data-v-e5cf946a]{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .3s;flex-shrink:0}.dot-warning[data-v-e5cf946a]{background:var(--red)}.error-toast[data-v-e5cf946a]{text-align:center;font-size:.8125rem;font-weight:500;color:var(--red);background:#ff3b3014;border:1px solid rgba(255,59,48,.2);border-radius:999px;padding:.5rem 1.25rem;margin-bottom:.75rem}.screen[data-v-2bc2ea9c]{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:max(3rem,env(safe-area-inset-top,3rem)) 1.5rem max(2rem,env(safe-area-inset-bottom,2rem));background:var(--bg)}.screen-header[data-v-2bc2ea9c]{width:100%;text-align:center;margin-bottom:2.5rem}.header-label[data-v-2bc2ea9c]{font-size:.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.icon-wrap[data-v-2bc2ea9c]{margin-bottom:1.75rem}.icon-circle[data-v-2bc2ea9c]{width:5.5rem;height:5.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-blue[data-v-2bc2ea9c]{background:#007aff1a;color:var(--blue)}.title-block[data-v-2bc2ea9c]{text-align:center;max-width:20rem;margin-bottom:2rem}.screen-title[data-v-2bc2ea9c]{font-size:1.625rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin:0 0 .625rem}.screen-desc[data-v-2bc2ea9c]{font-size:.9375rem;font-weight:400;color:var(--text-sub);line-height:1.6;margin:0}.card[data-v-2bc2ea9c]{width:100%;background:var(--surface);border-radius:var(--r-lg);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem}.step[data-v-2bc2ea9c]{display:flex;align-items:flex-start;gap:1rem}.step-num[data-v-2bc2ea9c]{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;flex-shrink:0}.step-num.blue[data-v-2bc2ea9c]{background:#007aff1a;color:var(--blue)}.step-body[data-v-2bc2ea9c]{flex:1}.step-title[data-v-2bc2ea9c]{font-size:1rem;font-weight:600;color:var(--text-main);margin:.1875rem 0 .25rem}.step-desc[data-v-2bc2ea9c]{font-size:.875rem;font-weight:400;color:var(--text-sub);line-height:1.55;margin:0}.step-divider[data-v-2bc2ea9c]{height:1px;background:var(--border);margin:1.125rem 0 1.125rem 3.25rem}.footer[data-v-2bc2ea9c]{margin-top:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.error-code[data-v-2bc2ea9c]{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.help-link[data-v-2bc2ea9c]{font-size:.9375rem;font-weight:600;color:var(--blue);text-decoration:none;transition:opacity .2s}.help-link[data-v-2bc2ea9c]:active{opacity:.6}.screen[data-v-554db2ab]{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:max(3rem,env(safe-area-inset-top,3rem)) 1.5rem max(2rem,env(safe-area-inset-bottom,2rem));background:var(--bg)}.screen-header[data-v-554db2ab]{width:100%;text-align:center;margin-bottom:2.5rem}.header-label[data-v-554db2ab]{font-size:.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.icon-wrap[data-v-554db2ab]{margin-bottom:1.75rem}.icon-circle[data-v-554db2ab]{width:5.5rem;height:5.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-red[data-v-554db2ab]{background:#ff3b301a;color:var(--red)}.title-block[data-v-554db2ab]{text-align:center;max-width:20rem;margin-bottom:2rem}.screen-title[data-v-554db2ab]{font-size:1.625rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin:0 0 .625rem}.screen-desc[data-v-554db2ab]{font-size:.9375rem;font-weight:400;color:var(--text-sub);line-height:1.6;margin:0}.card[data-v-554db2ab]{width:100%;background:var(--surface);border-radius:var(--r-lg);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:2.5rem}.step[data-v-554db2ab]{display:flex;align-items:flex-start;gap:1rem}.step-num[data-v-554db2ab]{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;flex-shrink:0}.step-num.red[data-v-554db2ab]{background:#ff3b301a;color:var(--red)}.step-body[data-v-554db2ab]{flex:1}.step-title[data-v-554db2ab]{font-size:1rem;font-weight:600;color:var(--text-main);margin:.1875rem 0 .25rem}.step-desc[data-v-554db2ab]{font-size:.875rem;font-weight:400;color:var(--text-sub);line-height:1.55;margin:0}.step-divider[data-v-554db2ab]{height:1px;background:var(--border);margin:1.125rem 0 1.125rem 3.25rem}.waiting[data-v-554db2ab]{margin-top:auto;display:flex;align-items:center;gap:.625rem}.waiting-dot[data-v-554db2ab]{width:8px;height:8px;border-radius:50%;background:var(--red);display:block;box-shadow:0 0 #ff3b3066}.waiting-label[data-v-554db2ab]{font-size:.875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}:root{--bg: #F2F2F7;--surface: #FFFFFF;--surface-2: #F2F2F7;--text-main: #1C1C1E;--text-sub: #636366;--text-muted: #AEAEB2;--primary: #1C1C1E;--blue: #007AFF;--red: #FF3B30;--orange: #FF9500;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--wf-filled: #1C1C1E;--wf-empty: #D1D1D6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .16);--shadow-art: 0 32px 80px rgba(0, 0, 0, .22);--r-sm: .75rem;--r-md: 1.25rem;--r-lg: 2rem;--r-xl: 2.5rem;--font: "Kanit", sans-serif;--ease: all .35s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-main);font-family:var(--font);font-weight:400;line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;max-width:460px;margin:0 auto;min-height:100vh;position:relative}.flex-center{display:flex;justify-content:center;align-items:center}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeSlideUp .45s cubic-bezier(.16,1,.3,1) both}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.3}}.animate-pulse{animation:pulse-soft 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-container{width:100%;height:4px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);border-radius:999px;transition:width 1s linear}:root.dark{--bg: #050507;--surface: #1C1C1E;--surface-2: #2C2C2E;--text-main: #F5F5F7;--text-sub: #98989F;--text-muted: #48484A;--primary: #F5F5F7;--blue: #0A84FF;--red: #FF453A;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--wf-filled: #F5F5F7;--wf-empty: #3A3A3C;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .75);--shadow-art: 0 32px 80px rgba(0, 0, 0, .88)}