:root{--bg-deep:#0d1b2a;--bg-surface:#1b2838;--bg-card:#142030d9;--bg-glass:#1b2838a6;--bg-glass-hover:#1b2838d1;--water-light:#4fc3f7;--water-mid:#29b6f6;--water-deep:#0288d1;--warmth:#80cbc4;--warmth-dim:#80cbc426;--warmth-glow:#80cbc459;--emotion-glow:#b2dfdb;--text-primary:#e0e7ee;--text-secondary:#89a;--text-dim:#567;--text-warm:#b0bec5;--accent-calm:#26a69a;--accent-warm:#ffab91;--accent-warm-dim:#ffab9126;--border:#4fc3f714;--border-strong:#4fc3f729;--border-warm:#80cbc426;--font-heading:"LXGW WenKai", "Noto Serif SC", "STSong", serif;--font-body:"Inter", system-ui, sans-serif;--radius:16px;--radius-sm:10px;--radius-lg:24px;--transition:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.8s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4fc3f71f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#4fc3f740}@keyframes gentle-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.015)}}@keyframes water-ripple{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.8)}}@keyframes water-shimmer{0%,to{opacity:.15}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes drawer-expand{0%{max-height:56px}to{max-height:320px}}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{z-index:25;pointer-events:none;background:linear-gradient(#0d1b2aa6 0%,#0000 100%);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:absolute;top:0;left:0;right:0}.app-header>*{flex:1}.app-header>:last-child{justify-content:flex-end;display:flex}.app-title,.header-status{pointer-events:auto}.app-title{align-items:center;gap:10px;display:flex}.app-title h1{font-family:var(--font-heading);color:var(--warmth);letter-spacing:3px;text-shadow:0 0 20px #80cbc44d;font-size:20px;font-weight:400}.title-accent{background:linear-gradient(180deg, var(--warmth), var(--water-light));opacity:.7;border-radius:2px;width:3px;height:22px}.header-status{color:var(--text-secondary);align-items:center;gap:12px;font-size:12px;display:flex}.status-dot{background:var(--text-dim);width:6px;height:6px;transition:var(--transition);border-radius:50%}.status-dot.active{background:var(--accent-calm);animation:2.5s ease-in-out infinite pulse-soft;box-shadow:0 0 8px #26a69a80}.journey-guide{flex-direction:column;align-items:center;gap:6px;display:flex}.journey-path{align-items:center;gap:0;display:flex}.journey-step-wrap{align-items:center;display:flex}.journey-node{width:24px;height:24px;font-family:var(--font-heading);color:var(--text-dim);background:#0d1b2a99;border:1px solid #80cbc433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:all .6s;display:flex}.journey-node.active{background:var(--warmth);border-color:var(--warmth);color:#0d1b2a;box-shadow:0 0 12px var(--warmth), 0 0 24px #80cbc44d;font-weight:700;transform:scale(1.15)}.journey-node.done{border-color:var(--warmth);color:var(--warmth);background:#80cbc433;font-size:9px}.journey-connector{background:#80cbc426;width:20px;height:1px;transition:background .6s}.journey-connector.filled{background:#80cbc480}.journey-label{flex-direction:column;align-items:center;gap:2px;display:flex}.journey-phase-name{font-family:var(--font-heading);color:var(--warmth);letter-spacing:2px;font-size:13px}.journey-hint{font-family:var(--font-heading);color:var(--text-dim);letter-spacing:.5px;font-size:10px;animation:4s ease-in-out infinite gentle-breathe}.phase-transition-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0d1b2ab3;justify-content:center;align-items:center;animation:.5s phase-overlay-in,.5s 2.7s forwards phase-overlay-out;display:flex;position:fixed;inset:0}.phase-transition-inner{flex-direction:column;align-items:center;gap:12px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both phase-content-in;display:flex}.phase-transition-step{font-family:var(--font-heading);color:#80cbc499;letter-spacing:4px;text-transform:uppercase;font-size:12px}.phase-transition-name{font-family:var(--font-heading);color:var(--warmth);letter-spacing:4px;text-shadow:0 0 30px #80cbc480;font-size:36px}.phase-transition-desc{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:1px;font-size:14px}@keyframes phase-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes phase-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes phase-content-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.progress-guide-container{display:none}.progress-guide-dots{gap:8px;display:flex}.guide-dot{background:var(--border-strong);width:24px;height:3px;transition:var(--transition);border-radius:2px}.guide-dot.active{background:var(--warmth);box-shadow:0 0 8px var(--warmth-dim)}.guide-dot.completed{background:var(--accent-calm)}.progress-guide-text{flex-direction:column;gap:2px;display:flex}.guide-title{font-family:var(--font-heading);color:var(--warmth);letter-spacing:1px;font-size:15px}.guide-hint{color:var(--text-dim);font-size:12px}.main-content{flex:1;min-height:0;display:block;position:relative;overflow:hidden}.main-content:before{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 45%,#0d1b2a8c 100%);position:absolute;inset:0}.main-content:after{content:"";z-index:6;background:linear-gradient(90deg,#0000,#80cbc44d,#0000);height:1px;animation:5s ease-in-out infinite water-shimmer;position:absolute;top:0;left:10%;right:10%}.mirror-panel{background:var(--bg-deep);z-index:1;position:absolute;inset:0}.chat-panel{z-index:10;background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-lg);border:1px solid var(--border-warm);flex-direction:column;width:340px;display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 32px #00000040,0 0 1px #80cbc41a}.dashboard-panel{z-index:20;background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-lg);border:1px solid var(--border-warm);width:auto;min-width:400px;max-width:500px;transition:max-height var(--transition-slow);position:absolute;top:60px;left:16px;overflow:hidden;box-shadow:0 8px 32px #00000040,0 0 1px #80cbc41a}.dashboard-panel.collapsed{max-height:48px}.dashboard-panel.expanded{max-height:400px;overflow-y:auto}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:0 4px 16px #0003}.glass-card-title{font-family:var(--font-heading);color:var(--warmth);letter-spacing:1px;margin-bottom:10px;font-size:13px;font-weight:400}.mirror-container{width:100%;height:100%;position:relative}.mirror-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.mirror-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.water-surface-overlay{pointer-events:none;background:linear-gradient(#4fc3f708 0%,#0000 25% 75%,#0d1b2a1f 100%);animation:7s ease-in-out infinite gentle-breathe;position:absolute;inset:0}.mirror-vignette{pointer-events:none;background:radial-gradient(#0000 50%,#0d1b2a73 100%);position:absolute;inset:0}.emotion-ambient-ring{background:radial-gradient(ellipse at center, transparent 35%, var(--emotion-color,#80cbc426) 65%, transparent 100%);opacity:.35;pointer-events:none;filter:blur(20px);transition:all 2.5s;position:absolute;inset:-30px}.water-ripple-container{pointer-events:none;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.water-ripple-circle{border:1px solid;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;animation:2.2s ease-out forwards water-ripple;position:absolute;top:50%;left:50%}.emotion-float-indicator{z-index:6;animation:4s ease-in-out infinite float-up;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.emotion-float-text{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-warm);font-family:var(--font-heading);color:var(--warmth);letter-spacing:2px;text-shadow:0 0 12px var(--warmth-glow);border-radius:20px;padding:6px 18px;font-size:14px;display:inline-block}.pose-float-indicator{z-index:6;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:4px;padding:10px 14px;display:flex;position:absolute;top:100px;right:380px}.pose-float-item{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:.5px;font-size:11px}.pose-float-value{color:var(--water-light);margin-left:4px}.mirror-loading{background:#0d1b2ae6;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.loading-spinner{border:2px solid var(--border-strong);border-top-color:var(--warmth);border-radius:50%;width:36px;height:36px;animation:1.2s linear infinite spin}.mirror-loading p{font-size:13px;font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:1px}.mirror-error{text-align:center;background:#0d1b2af2;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.mirror-error p{font-size:14px;font-family:var(--font-heading);color:var(--text-secondary)}.emotion-aura-container{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.emotion-aura{filter:blur(60px);mix-blend-mode:screen;width:50%;position:absolute;top:0;bottom:0;left:-20%}.floating-tags-layer{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.floating-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-heading);color:var(--tag-color,var(--text-primary));box-shadow:0 4px 16px #0003, inset 0 0 10px var(--tag-color);background:#14203066;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;animation:8s ease-in-out forwards float-tag;position:absolute}@keyframes float-tag{0%{opacity:0;transform:translateY(20px)scale(.9)}10%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:1;transform:translateY(-30px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.9)}}.minimal-ui-overlay{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:16px;width:85%;max-width:750px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.minimal-text-display{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.text-content{font-family:var(--font-heading);color:var(--text-primary);text-align:center;text-shadow:0 2px 12px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#0d1b2a59;border:1px solid #80cbc414;max-height:200px;padding:12px 20px;font-size:20px;line-height:1.6;animation:.5s cubic-bezier(.16,1,.3,1) msg-in;overflow-y:auto}.streaming-cursor{background:var(--warmth);vertical-align:middle;width:3px;height:20px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.voice-viz-container{border-radius:var(--radius-lg);z-index:12;pointer-events:none;background:linear-gradient(#0000 0%,#0d1b2a80 40%,#0d1b2ab3 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative}.voice-viz-canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.voice-viz-transcript{z-index:2;font-family:var(--font-heading);color:var(--text-primary);text-shadow:0 2px 8px #0009;text-align:center;max-width:70%;padding:4px 16px;font-size:16px;animation:.3s ease-out msg-in;position:relative}.voice-viz-cursor{background:var(--warmth);vertical-align:middle;width:2px;height:16px;margin-left:3px;animation:.8s step-end infinite blink;display:inline-block}.voice-viz-hint{z-index:2;font-family:var(--font-heading);color:var(--text-dim);letter-spacing:2px;font-size:12px;animation:3s ease-in-out infinite gentle-breathe;position:relative}.live-status-bar{z-index:15;pointer-events:none;flex-direction:column;gap:8px;width:220px;display:flex;position:absolute;top:60px;right:16px}.status-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);border:1px solid var(--border);background:#0d1b2a8c;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.status-section-title{font-family:var(--font-heading);color:var(--warmth);letter-spacing:1px;align-items:center;gap:6px;font-size:11px;display:flex}.status-dot-pulse{border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-soft;box-shadow:0 0 6px}.status-indices{flex-direction:column;gap:5px;display:flex}.status-index-item{align-items:center;gap:6px;display:flex}.status-index-label{font-size:10px;font-family:var(--font-heading);color:var(--text-dim);flex-shrink:0;width:24px}.status-index-track{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.status-index-fill{border-radius:2px;height:100%;transition:width .8s;box-shadow:0 0 4px}.status-index-value{font-size:10px;font-family:var(--font-heading);text-align:right;flex-shrink:0;width:22px}.status-emotion-bars{flex-direction:column;gap:3px;display:flex}.emotion-score-row{align-items:center;gap:4px;display:flex}.emotion-score-label{font-size:9px;font-family:var(--font-heading);color:var(--text-dim);flex-shrink:0;width:20px}.emotion-score-track{background:#ffffff0a;border-radius:2px;flex:1;height:3px;overflow:hidden}.emotion-score-fill{border-radius:2px;height:100%;transition:width .6s}.emotion-score-value{font-size:9px;font-family:var(--font-heading);color:var(--text-dim);text-align:right;flex-shrink:0;width:18px}.status-pose-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pose-metric{background:#0d1b2a66;border-radius:6px;flex-direction:column;gap:1px;padding:3px 6px;display:flex}.pose-metric-label{font-size:9px;font-family:var(--font-heading);color:var(--text-dim)}.pose-metric-value{font-size:12px;font-family:var(--font-heading);color:var(--water-light)}.status-mic-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);font-size:10px;font-family:var(--font-heading);color:var(--text-dim);background:#0d1b2a73;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;transition:all .5s;display:flex}.status-mic-indicator.active{border-color:var(--warmth);color:var(--warmth)}.status-mic-indicator svg{flex-shrink:0}.live-status-glow{opacity:.5;width:100%;height:1px;animation:4s ease-in-out infinite water-shimmer}.chat-thinking{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14203066;border-radius:20px;padding:10px 20px}.thinking-dots{align-items:center;gap:8px;display:flex}.thinking-dots span{background:var(--warmth);opacity:.5;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite thinking-bounce}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,80%,to{opacity:.3;transform:scale(.7)}40%{opacity:.9;transform:scale(1)}}.chat-retry{color:#ffcc80;text-shadow:0 1px 4px #00000080;background:#ffb74d1a;border-radius:20px;padding:8px 16px;font-size:13px;animation:2s ease-in-out infinite gentle-breathe}.chat-error{color:#ef9a9a;background:#ff6b6b33;border-radius:20px;padding:8px 16px;font-size:13px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a121ed9;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-warm);border-radius:20px;width:440px;max-width:90vw;max-height:90vh;padding:36px;animation:.35s ease-out modal-in;overflow-y:auto;box-shadow:0 0 60px #80cbc40f}.modal-title{font-family:var(--font-heading);color:var(--warmth);text-align:center;letter-spacing:4px;margin-bottom:8px;font-size:24px;font-weight:400}.modal-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:28px;font-size:13px}.provider-selector{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.provider-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-align:left;align-items:center;gap:16px;padding:16px;display:flex;position:relative;overflow:hidden}.provider-card:hover{background:var(--bg-glass-hover);border-color:var(--border-warm);transform:translateY(-1px)}.provider-card.active{border-color:var(--warmth);background:linear-gradient(135deg,#80cbc414,#4fc3f70f);box-shadow:0 0 20px #80cbc41a}.provider-card-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--water-light);transition:var(--transition);background:#0d1b2a99;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.provider-card.active .provider-card-icon{background:var(--warmth-dim);border-color:var(--warmth);color:var(--warmth);box-shadow:0 0 12px var(--warmth-glow)}.provider-card-icon svg{width:20px;height:20px}.provider-card-content{flex-direction:column;flex:1;gap:4px;display:flex}.provider-card-name{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.5px;font-size:15px;font-weight:400}.provider-card-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.provider-card-indicator{border:2px solid var(--border-strong);width:20px;height:20px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.provider-card.active .provider-card-indicator{border-color:var(--warmth);background:var(--warmth-dim)}.provider-card.active .provider-card-indicator:after{content:"";background:var(--warmth);width:8px;height:8px;box-shadow:0 0 8px var(--warmth);border-radius:50%}.modal-steps{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.modal-step{align-items:flex-start;gap:12px;display:flex}.step-number{background:var(--warmth-dim);border:1px solid var(--warmth);width:24px;height:24px;color:var(--warmth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.step-text{color:var(--text-secondary);padding-top:2px;font-size:13px;line-height:1.5}.step-text a{color:var(--water-light);text-decoration:none}.step-text a:hover{text-decoration:underline}.modal-input-group{margin-bottom:16px}.modal-input-label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:6px;font-size:12px;display:block}.modal-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition);background:#0d1b2a99;outline:none;padding:12px 16px;font-size:14px}.modal-input:focus{border-color:var(--warmth);box-shadow:0 0 0 3px var(--warmth-dim)}.modal-buttons{gap:10px;display:flex}.btn-modal-primary{border:1px solid var(--warmth);border-radius:var(--radius);color:var(--warmth);font-family:var(--font-heading);letter-spacing:1.5px;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#80cbc41f,#4fc3f714);flex:1;padding:12px;font-size:14px;font-weight:400}.btn-modal-primary:hover:not(:disabled){box-shadow:0 0 20px var(--warmth-dim);background:linear-gradient(135deg,#80cbc433,#4fc3f726)}.btn-modal-primary:disabled{opacity:.4;cursor:not-allowed}.btn-modal-secondary{border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:0 0;padding:12px 20px;font-size:12px}.btn-modal-secondary:hover{border-color:var(--text-secondary)}.modal-test-result{border-radius:var(--radius-sm);text-align:center;margin-top:12px;padding:8px 12px;font-size:12px}.modal-test-result.success{color:var(--accent-calm);background:#26a69a1a;border:1px solid #26a69a33}.modal-test-result.error{color:#ef9a9a;background:#ff6b6b14;border:1px solid #ff6b6b26}.modal-test-result.testing{background:var(--warmth-dim);border:1px solid var(--border-warm);color:var(--warmth)}.dashboard-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:0 16px;display:flex}.dashboard-tab{font-family:var(--font-heading);color:var(--text-dim);letter-spacing:.5px;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 16px;font-size:12px}.dashboard-tab:hover{color:var(--text-secondary)}.dashboard-tab.active{color:var(--warmth);border-bottom-color:var(--warmth)}.dashboard-toggle{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;margin-left:auto;padding:6px 12px;font-size:11px}.dashboard-toggle:hover{color:var(--text-secondary)}.dashboard-content{flex-wrap:wrap;gap:12px;padding:12px 16px 16px;display:flex;overflow-x:hidden}.dashboard-section{flex:1;min-width:140px}.dashboard-section:first-child{flex:2;min-width:220px}.radar-container{width:180px}.radar-svg{display:block}.radar-grid-line{fill:none;stroke:var(--border-strong);stroke-width:.5px}.radar-axis{stroke:var(--border-strong);stroke-width:.5px}.radar-data-area{fill:#80cbc41a;stroke:var(--warmth);stroke-width:1.5px;transition:all .8s ease-out}.radar-data-point{fill:var(--warmth);transition:all .8s ease-out}.radar-label{font-family:var(--font-heading);fill:var(--text-secondary);text-anchor:middle;dominant-baseline:middle;font-size:10px}.radar-value{font-family:var(--font-heading);fill:var(--warmth);text-anchor:middle;dominant-baseline:middle;font-size:9px}.assessment-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#14203080;min-width:140px;padding:12px 14px}.assessment-card-title{font-size:11px;font-family:var(--font-heading);color:var(--text-dim);letter-spacing:.5px;margin-bottom:8px}.assessment-card-value{font-family:var(--font-heading);color:var(--warmth);margin-bottom:6px;font-size:22px;line-height:1}.assessment-card-value.empty{color:var(--text-dim);font-size:12px;font-family:var(--font-heading)}.assessment-card-desc{color:var(--text-secondary);margin-top:6px;font-size:11px;line-height:1.5}.assessment-bar{background:#0d1b2a99;border-radius:2px;height:3px;overflow:hidden}.assessment-bar-fill{border-radius:2px;height:100%;transition:width .8s ease-out}.assessment-bar-fill.cyan{background:linear-gradient(90deg, #80cbc44d, var(--warmth))}.assessment-bar-fill.purple{background:linear-gradient(90deg, #4fc3f74d, var(--water-light))}.attachment-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.attachment-item{color:var(--text-dim);align-items:center;gap:5px;font-size:11px;display:flex}.attachment-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.attachment-score{font-family:var(--font-heading);margin-left:auto;font-size:11px}.emotion-mini-chart{align-items:flex-end;gap:1px;height:32px;display:flex}.emotion-bar{border-radius:2px 2px 0 0;flex:1;min-width:2px;max-width:4px;transition:height .4s ease-out}.resilience-bars{flex-direction:column;gap:5px;display:flex}.resilience-item{align-items:center;gap:8px;display:flex}.resilience-label{font-size:11px;font-family:var(--font-heading);color:var(--text-dim);flex-shrink:0;width:30px}.resilience-bar-track{background:#0d1b2a99;border-radius:2px;flex:1;height:3px}.resilience-bar-fill{background:var(--water-light);border-radius:2px;height:100%;transition:width .8s ease-out}.dashboard-empty{text-align:center;color:var(--text-dim);font-size:13px;font-family:var(--font-heading);letter-spacing:.5px;width:100%;padding:16px}.emotion-timeline{align-items:center;gap:2px;height:40px;padding:4px 0;display:flex}.emotion-timeline-dot{cursor:default;border-radius:50%;width:6px;height:6px;transition:all .3s}.emotion-timeline-dot:hover{transform:scale(1.8)}.emotion-timeline-phase-marker{background:var(--border-strong);flex-shrink:0;width:1px;height:30px;margin:0 4px}.voice-control{align-items:center;gap:12px;margin-top:10px;padding:0 8px;display:flex}.btn-voice{border:1px solid var(--border);width:40px;min-width:40px;height:40px;color:var(--warmth);cursor:pointer;transition:var(--transition);background:#0d1b2a99;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-voice svg{width:18px;height:18px}.btn-voice:hover{background:var(--warmth-dim);border-color:var(--warmth);box-shadow:0 0 12px var(--warmth-glow)}.btn-voice.active{background:var(--warmth);color:var(--bg-deep);box-shadow:0 0 20px var(--warmth-glow);animation:2s infinite pulse-soft}.voice-visualizer-wrap{border:1px solid var(--border);background:#0d1b2a66;border-radius:20px;flex:1;justify-content:center;align-items:center;height:40px;padding:0 12px;display:flex;overflow:hidden}.analysis-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--warmth);color:var(--warmth);font-family:var(--font-heading);letter-spacing:1px;z-index:30;pointer-events:none;background:#0d1b2abf;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;animation:.4s cubic-bezier(.16,1,.3,1) toast-in,.4s 2.4s forwards toast-out;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #80cbc433}.analysis-toast-dot{background:var(--warmth);width:6px;height:6px;box-shadow:0 0 6px var(--warmth);border-radius:50%;animation:1s ease-in-out infinite pulse-soft}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-6px)}}@media (width<=768px){.main-content{flex-direction:column;display:flex}.mirror-panel{flex:none;height:35vh;position:relative}.chat-panel{border-left:none;border-top:1px solid var(--border);border-radius:0;flex:1;width:100%;position:relative;top:auto;bottom:auto;right:auto}.dashboard-panel{border-top:1px solid var(--border);border-radius:0;height:auto;position:relative;width:100%!important;max-width:100%!important;max-height:200px!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.live-status-bar{width:140px;top:60px;bottom:auto;right:8px}.status-section{gap:4px;padding:6px 8px}.status-emotion-bars{display:none}.voice-viz-container{height:60px}.minimal-ui-overlay{width:90%;bottom:30px}.text-content{padding:8px 14px;font-size:16px}.phase-bar{left:12px;right:12px;overflow-x:auto}.pose-float-indicator{display:none}.emotion-float-indicator{bottom:16px}.main-content:before,.water-surface-overlay,.mirror-vignette{display:none}}@media (width<=480px){.app-header{padding:10px 16px}.app-title h1{font-size:16px}.header-status{display:none}.phase-bar{font-size:10px;top:48px}}