@font-face{font-family:MusicCompanionChinese;src:url(/fonts/ChineseCute.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:MusicCompanionEnglish;src:local(Baoli SC),local(STBaoli SC),local(STBaoli-SC-Regular),local(STBaoliSC-Regular),local(BaoliSC);font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0-7F,U+80-FF}:root{--bg-primary:#f7f9fd;--bg-secondary:#ffffffc2;--surface-solid:#fff;--surface-soft:#ffffff9e;--surface-blue:#e8f2ffd1;--text-primary:#182033;--text-secondary:#657087;--text-tertiary:#9099ab;--accent:#5578ed;--accent-strong:#4568dd;--accent-purple:#9877ec;--accent-soft:#5578ed1f;--border:#6f84a93d;--border-light:#6f84a929;--shadow-small:0 8px 24px #445b8914;--shadow-card:0 22px 65px #3f5d941f}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-primary);min-height:100%}body{min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 50% 22%,#a4d3ff33,#0000 35%),linear-gradient(#fff 0%,#f8faff 54%,#f4f7fc 100%);font-family:MusicCompanionEnglish,MusicCompanionChinese,Baoli SC,Hiragino Maru Gothic ProN,Yuanti SC,PingFang SC,Microsoft YaHei,cursive,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}button,input,textarea,select,option{font-family:MusicCompanionEnglish,MusicCompanionChinese,Baoli SC,Hiragino Maru Gothic ProN,Yuanti SC,PingFang SC,Microsoft YaHei,cursive,sans-serif}button{cursor:pointer;border:none}button:disabled{cursor:not-allowed}input[type=file]{display:none}.app-shell{isolation:isolate;min-height:100vh;color:var(--text-primary);background:0 0;justify-content:center;padding:48px 20px 90px;display:flex;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-3;pointer-events:none;background:radial-gradient(56% 38% at 50% 25%,#97d2ff52,#0000 68%),radial-gradient(48% 34% at 65% 32%,#b49dff33,#0000 70%),linear-gradient(#ffffffe6,#f7fafff2);position:fixed;inset:0}.app-shell:after{content:"";z-index:-2;pointer-events:none;filter:blur(24px);background:radial-gradient(circle,#6fbeff40,#92c8ff1f 42%,#0000 72%);border-radius:50%;width:min(820px,92vw);height:410px;position:fixed;top:120px;left:50%;transform:translate(-50%)}.background-orb{z-index:-1;pointer-events:none;filter:blur(85px);opacity:.34;border-radius:50%;position:fixed}.background-orb-blue{background:#82c7ff;width:260px;height:260px;top:16%;left:16%}.background-orb-purple{background:#b59cff;width:230px;height:230px;top:24%;right:15%}.listening-history-section,.reply-box{border:1px solid var(--border-light);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(22px);background:#ffffffb8}.upload-button{background:linear-gradient(135deg, var(--accent), var(--accent-purple));color:#fff;border-radius:999px;min-width:150px;padding:11px 24px;font-size:14px;font-weight:400;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 26px #5471e03d}.upload-button:hover{filter:saturate(1.06);transform:translateY(-2px);box-shadow:0 14px 32px #5471e04d}.upload-button:focus-visible{outline-offset:4px;outline:3px solid #5578ed3d}.upload-error{color:#cc4d65;margin-top:10px;font-size:12px}.music-player-card{border:1px solid var(--border-light);width:100%;max-width:520px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(22px);background:#ffffffc2;border-radius:24px;flex-direction:column;align-items:stretch;gap:15px;padding:22px;display:flex}.music-file-name{overflow-wrap:anywhere;color:var(--text-secondary);text-align:center;font-size:13px}.music-play-button{background:linear-gradient(135deg, var(--accent), var(--accent-purple));color:#fff;border-radius:999px;align-self:center;min-width:118px;padding:11px 19px;font-size:14px;font-weight:400;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 25px #5578ed38}.music-play-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #5578ed4d}.music-play-button:focus-visible{outline-offset:4px;outline:3px solid #5578ed3d}.music-play-button:disabled{opacity:.48}.music-time-display{color:var(--text-secondary);text-align:center;font-size:12px}.music-error{color:#cc4d65;text-align:center;font-size:12px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#5578ed57,#9777ec42);border-radius:999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid #fff;border-radius:50%;width:17px;height:17px;box-shadow:0 3px 12px #3c58a64d}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 3px 12px #3c58a64d}input[type=range]:focus-visible{outline-offset:5px;outline:3px solid #5578ed33}.listening-history-section{border-radius:24px;width:100%;max-width:560px;padding:22px}.history-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:17px;display:flex}.history-eyebrow{color:var(--accent);letter-spacing:.11em;margin:0 0 4px;font-size:11px;font-weight:400}.history-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:400}.history-count{color:var(--text-tertiary);font-size:12px}.listening-history{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#6480b242 transparent;flex-direction:column;gap:14px;max-height:390px;padding:4px 5px 4px 0;display:flex;overflow-y:auto}.history-empty{color:var(--text-secondary);text-align:center;padding:28px 12px;font-size:13px;line-height:1.8}.history-message{width:min(88%,400px);box-shadow:var(--shadow-small);border-radius:18px;padding:14px 16px}.history-message-companion{border:1px solid var(--border-light);background:#f7faffeb;border-bottom-left-radius:6px;align-self:flex-start}.history-message-user{color:#fff;background:linear-gradient(135deg,#5b7def,#9277ea);border-bottom-right-radius:6px;align-self:flex-end}.message-meta{opacity:.68;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px;display:flex}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.comment-feedback{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.feedback-button{border:1px solid var(--border);color:var(--text-secondary);background:#ffffffb3;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:400;transition:border-color .16s,background-color .16s,color .16s,transform .16s}.feedback-button:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.feedback-button:focus-visible{outline-offset:2px;outline:3px solid #5578ed33}.feedback-button-selected{background:var(--accent-soft);color:var(--accent-strong);border-color:#5578ed4d}.listening-source-control{border-top:1px solid var(--border-light);flex-direction:column;gap:10px;width:100%;margin-top:18px;padding-top:18px;display:flex}.listening-source-label{color:var(--text-secondary);font-size:12px}.listening-source-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.listening-source-button{border:1px solid var(--border-light);min-height:58px;color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffffc7;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:8px 10px;display:flex}.listening-source-button-title{font-size:12px;font-weight:600}.listening-source-button-detail{color:var(--text-tertiary);font-size:10px;line-height:1.35}.listening-source-button-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#5578ed73}.listening-source-button-active .listening-source-button-detail{color:var(--accent-strong);opacity:.78}.listening-source-help{min-height:36px;color:var(--text-tertiary);font-size:11px;line-height:1.6}.reply-box{border-radius:24px;flex-direction:column;gap:10px;width:100%;max-width:560px;padding:20px;display:flex}.reply-label{color:var(--text-secondary);font-size:12px;font-weight:400}.voice-record-button{background:linear-gradient(135deg, var(--accent), var(--accent-purple));color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;font-size:14px;font-weight:400;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 8px 20px #5578ed33}.voice-record-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #5578ed47}.voice-record-button:focus-visible{outline-offset:3px;outline:3px solid #5578ed38}.voice-record-button:disabled,.voice-secondary-button:disabled{opacity:.42}.voice-record-button-active{background:linear-gradient(135deg,#e85f72,#d84670)}.voice-record-button-cancelling{background:linear-gradient(135deg,#d94747,#b92d49)}.voice-record-status,.voice-record-error{text-align:center;margin:0;font-size:12px}.voice-record-status{color:var(--text-tertiary)}.voice-record-error{color:#cc4d65}.ai-volume-control{background:#f4f8ffc7;border:1px solid #6f87d324;border-radius:17px;flex-direction:column;gap:9px;width:min(100%,360px);margin-top:2px;padding:13px 15px 14px;display:flex}.ai-volume-heading{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.ai-volume-label{align-items:center;gap:7px;display:inline-flex}.ai-volume-label svg{width:16px;height:16px;fill:var(--accent)}.ai-volume-heading output{min-width:34px;color:var(--accent-strong);font-variant-numeric:tabular-nums;text-align:right}.ai-volume-slider{--ai-volume-progress:100%;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.ai-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--ai-volume-progress), #7484aa2e var(--ai-volume-progress) 100%);border-radius:999px;height:5px}.ai-volume-slider::-moz-range-track{background:#7484aa2e;border-radius:999px;height:5px}.ai-volume-slider::-moz-range-progress{background:var(--accent);border-radius:999px;height:5px}.ai-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid #fff;border-radius:50%;width:17px;height:17px;margin-top:-6px;box-shadow:0 2px 7px #465faa47}.ai-volume-slider::-moz-range-thumb{background:var(--accent);border:3px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 2px 7px #465faa47}.ai-volume-slider:focus-visible{outline-offset:3px;border-radius:999px;outline:3px solid #5578ed33}.voice-recording-preview{border:1px solid var(--border-light);background:#f7faffd1;border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.voice-recording-preview audio{width:100%}.voice-recording-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.voice-download-link,.voice-secondary-button{border:1px solid var(--border-light);color:var(--text-secondary);background:#fff;border-radius:999px;padding:8px 13px;font-size:12px}.voice-turns,.voice-call-box{border:1px solid var(--border-light);width:100%;max-width:560px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(24px);background:#ffffffb3;border-radius:28px}.voice-turns{padding:22px}.voice-turns-header,.voice-turn-meta,.voice-call-heading{justify-content:space-between;align-items:center;display:flex}.voice-turns-header{gap:16px;margin-bottom:20px}.voice-turns-eyebrow{color:var(--accent);letter-spacing:.12em;margin-bottom:4px;font-size:10px}.voice-turns-title{font-size:18px;font-weight:400}.voice-turns-count,.voice-turn-meta,.voice-turns-empty{color:var(--text-tertiary);font-size:11px}.voice-turns-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:26px 12px 18px;display:flex}.voice-turns-empty-orb{background:linear-gradient(135deg,#8bc7ff,#9b7cf0);border-radius:50%;width:48px;height:48px;box-shadow:0 0 0 10px #6c91ef14}.voice-turns-list{flex-direction:column;gap:13px;max-height:330px;padding:2px;display:flex;overflow-y:auto}.voice-turn{align-items:center;gap:10px;width:min(78%,360px);display:flex}.voice-turn-ai{align-self:flex-start}.voice-turn-user{flex-direction:row-reverse;align-self:flex-end}.voice-turn-avatar{width:34px;height:34px;color:var(--accent-strong);background:#f0f5ff;border-radius:50%;flex:0 0 34px;place-items:center;font-size:10px;display:grid}.voice-turn-user .voice-turn-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-purple));color:#fff}.voice-turn-body{border:1px solid var(--border-light);background:#f7faffe6;border-radius:18px;flex:1;min-width:0;padding:11px 14px}.voice-turn-user .voice-turn-body{background:#597aed17}.voice-turn-meta{gap:12px;margin-bottom:8px}.voice-turn-wave{align-items:center;gap:3px;height:26px;display:flex}.voice-turn-wave span{opacity:.72;background:linear-gradient(#78baf6,#8a7deb);border-radius:999px;width:3px}.voice-turn-user .voice-turn-wave{justify-content:flex-end}.voice-call-box{align-items:center;gap:14px;padding:26px 22px}.voice-call-heading{justify-content:center;gap:8px}.communication-mode-options{border:1px solid var(--border-light);background:#f4f7fde6;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:6px;width:min(100%,320px);padding:4px;display:grid}.voice-call-box [hidden]{display:none!important}.communication-mode-options button{color:var(--text-tertiary);cursor:pointer;border-radius:10px;padding:9px 12px;font-size:12px}.communication-mode-options .communication-mode-active{color:var(--accent-strong);background:#fff;box-shadow:0 4px 12px #445b891a}.text-reply-form{align-items:flex-end;gap:8px;width:min(100%,420px);display:flex}.text-reply-form textarea{resize:vertical;border:1px solid var(--border-light);min-height:46px;max-height:120px;color:var(--text-primary);background:#ffffffeb;border-radius:14px;flex:1;padding:12px 14px;line-height:1.45}.text-reply-form textarea:focus{border-color:#5578ed8c;outline:3px solid #5578ed1f}.text-reply-form button{background:var(--accent);color:#fff;cursor:pointer;border-radius:14px;min-width:68px;padding:12px 16px}.text-reply-form button:disabled,.text-reply-form textarea:disabled{cursor:not-allowed;opacity:.48}.voice-call-presence{background:#aab2c1;border-radius:50%;width:7px;height:7px}.voice-call-presence-active{background:#61c99c;box-shadow:0 0 0 5px #61c99c1f}.voice-call-stage{place-items:center;width:128px;height:128px;display:grid;position:relative}.voice-call-ring{background:#5c7eee14;border-radius:50%;position:absolute}.voice-call-ring-one{inset:12px}.voice-call-ring-two{opacity:.55;inset:0}.voice-call-stage-listening .voice-call-ring,.voice-call-stage-speaking .voice-call-ring{animation:1.6s ease-in-out infinite voice-call-pulse}.voice-call-stage .voice-record-button{z-index:1;border-radius:50%;width:72px;height:72px;padding:0}.voice-mic-icon{font-size:16px}.voice-call-controls{grid-template-columns:repeat(3,1fr);gap:18px;width:min(100%,320px);margin:2px 0 6px;display:grid}.voice-call-control-item{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex}.voice-call-control-button{border:1px solid var(--border-light);width:54px;height:54px;color:var(--text-secondary);cursor:pointer;background:#f4f7fdf0;border-radius:50%;place-items:center;transition:transform .15s,background .15s,color .15s;display:grid;box-shadow:0 8px 20px #445b8914}.voice-call-control-button:hover:not(:disabled){transform:translateY(-2px)}.voice-call-control-button svg{fill:currentColor;width:22px;height:22px}.voice-call-control-button-muted{color:#c34f5d;background:#dc5c691a}.voice-call-control-button-hangup{color:#fff;background:#e75a68}.voice-call-control-button:disabled{cursor:not-allowed;opacity:.42}@keyframes voice-call-pulse{0%,to{opacity:.4;transform:scale(.88)}50%{opacity:.9;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.voice-call-stage-listening .voice-call-ring,.voice-call-stage-speaking .voice-call-ring{animation:none}}@media (max-width:600px){.app-shell{padding:28px 14px 64px}.background-orb{opacity:.22}.listening-history-section,.reply-box,.music-player-card{border-radius:20px;padding:17px}.history-message{width:94%}.voice-turns,.voice-call-box{border-radius:22px}.voice-turn{width:90%}.listening-source-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes analysis-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.analysis-spinner{animation:none}}