body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app-header{align-items:center;background:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:20px 40px}.app-header h1{color:#667eea;font-size:28px}.user-info{align-items:center;color:#333;display:flex;gap:20px}.logout-btn{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s}.logout-btn:hover{background:#ff5252}.app-nav{background:#ffffffe6;border-bottom:2px solid #667eea;display:flex;flex-wrap:wrap;gap:10px;padding:20px 40px}.nav-btn{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.nav-btn.active{background:#667eea;color:#fff}.nav-btn.active,.nav-btn:hover{border-color:#667eea}.app-content{flex:1 1;margin:0 auto;max-width:1200px;padding:40px;width:100%}@media (max-width:768px){.app-header{flex-direction:column;gap:15px}.app-header h1{font-size:24px}.app-nav{padding:10px 20px}.nav-btn{font-size:14px;padding:8px 12px}.app-content{padding:20px}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:400px;padding:50px;width:100%}.auth-card h1{color:#667eea;font-size:32px;margin-bottom:10px;text-align:center}.auth-subtitle{color:#999;font-size:14px;margin-bottom:30px;text-align:center}.auth-card h2{color:#333;font-size:24px;margin-bottom:30px}.error-banner{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px;padding:12px 15px}.close-error{background:none;border:none;color:#721c24;cursor:pointer;font-size:20px;height:20px;padding:0;width:20px}.form-group{margin-bottom:20px}.form-group label{display:block}.form-group input,.form-group select{padding:12px 15px;width:100%}.form-group input.input-error{border-color:#dc3545}.field-error{color:#dc3545;display:block}.field-error,.field-hint{font-size:13px;margin-top:5px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-footer{color:#666;font-size:14px;margin-top:25px;text-align:center}.toggle-btn{font-weight:600;padding:0}.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:transform .3s}.submit-btn:hover{transform:translateY(-2px)}.toggle-text{color:#666;margin-top:20px;text-align:center}.toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:700;text-decoration:underline}.prediction-form-container{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:30px}.prediction-form-container h2{color:#333;font-size:24px;margin-bottom:15px}.form-intro{color:#666;font-size:15px;line-height:1.5;margin-bottom:30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group label{color:#666;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:16px;padding:12px;transition:border-color .3s}.field-hint{color:#999;display:block;font-size:12px;font-style:italic;margin-top:6px}.form-note{color:#999;font-size:13px;margin-top:20px;text-align:center}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.predict-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:transform .3s;width:100%}.predict-btn:hover:not(:disabled){transform:translateY(-2px)}.predict-btn:disabled{cursor:not-allowed;opacity:.7}.results-container{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:30px}.results-container h2{color:#333;font-size:24px;margin-bottom:30px}.result-card{border-left:5px solid;border-radius:10px;padding:30px}.result-level{font-size:48px;font-weight:700;margin-bottom:15px;text-transform:capitalize}.result-score{color:#666;font-size:24px;margin-bottom:10px}.result-range{color:#999;font-size:14px;margin-bottom:30px}.result-details h3,.result-tips h3{color:#333;font-size:18px;margin-bottom:15px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.detail-item{background:#fff9;border-radius:8px;display:flex;flex-direction:column;padding:15px}.detail-label{color:#999;font-size:12px;font-weight:600;margin-bottom:5px}.detail-value{color:#333;font-size:16px;font-weight:700}.result-tips ul{list-style:none;padding:0}.result-tips li{color:#666;line-height:1.6;padding:10px 0 10px 25px;position:relative}.result-tips li:before{color:#0f8a4b;content:"-";font-weight:700;left:0;position:absolute}.history-container{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:30px}.history-container h2{color:#333;font-size:24px;margin-bottom:30px}.empty-state{color:#999;font-size:16px;padding:60px 20px;text-align:center}.empty-state-icon{display:block;font-size:64px;margin-bottom:20px}.empty-state h3{color:#333;font-size:20px;margin-bottom:15px}.empty-state p{color:#666;margin-bottom:10px}.empty-state-hint{color:#667eea;font-weight:500}.history-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:20px;text-align:center}.stat-number{font-size:32px;font-weight:700;margin-bottom:10px}.stat-label{font-size:14px;opacity:.9}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{grid-gap:15px;align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:grid;gap:15px;grid-template-columns:200px 150px 150px 1fr;padding:15px}.history-date{color:#666;font-size:14px;font-weight:600}.history-level{font-size:16px;font-weight:700;text-transform:capitalize}.history-score{color:#667eea;font-size:18px;font-weight:700}.history-mood{color:#999;font-size:14px}@media (max-width:768px){.history-item{gap:10px}.history-item,.history-stats{grid-template-columns:1fr}}.insights-container{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:30px}.insights-container h2{color:#333;font-size:24px;margin-bottom:30px}.insights-container h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:20px}.no-data{color:#999;font-size:16px;padding:40px 20px;text-align:center}.welcome-section{background:linear-gradient(135deg,#1f4ab8,#2f7ab8);border-radius:10px;color:#fff;margin-bottom:30px;padding:20px}.welcome-section h3{color:#fff;margin:0 0 10px}.welcome-section p{margin:0;opacity:.9}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.insight-card{background:#f8fbff;border:1px solid #d6e3f4;border-radius:10px;padding:25px;text-align:center}.card-title{color:#999;font-size:14px;font-weight:600;margin-bottom:10px}.card-value{color:#1f4ab8;font-size:42px;font-weight:700;margin-bottom:5px}.card-value.positive{color:#0f8a4b}.card-value.negative{color:#b42318}.card-range{color:#999;font-size:12px}.trend-panel{background:#f8fbff;border:1px solid #d6e3f4;border-radius:10px;margin-bottom:24px;padding:20px}.trend-chart{background:#fff;border:1px solid #dce6f6;border-radius:8px;height:auto;width:100%}.axis-line{stroke:#b7c6de;stroke-width:1}.trend-line{fill:none;stroke:#1f4ab8;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.trend-dot{fill:#fff;stroke:#1f4ab8;stroke-width:2}.trend-caption{color:#40516d;margin:12px 0 0}.visualization-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:20px}.viz-card{background:#fff;border:1px solid #dce6f6;border-radius:10px;padding:20px}.viz-card h3{margin-top:0}.histogram-card{margin-bottom:20px}.histogram-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));min-height:220px}.histogram-bar-group{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%}.histogram-bar-track{align-items:end;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid #dce6f6;border-radius:10px;display:flex;height:160px;justify-content:center;padding:10px;width:100%}.histogram-bar{background:linear-gradient(180deg,#667eea,#1f4ab8);border-radius:8px 8px 2px 2px;max-width:36px;min-height:4px;transition:height .25s ease;width:100%}.histogram-label{color:#475569;font-size:11px;text-align:center}.histogram-count{color:#1d3557;font-size:13px;font-weight:700}.scatter-note{color:#4c5f7b;font-size:13px;margin:6px 0 14px}.scatter-card{margin-bottom:24px}.scatter-chart{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dce6f6;border-radius:8px;height:auto;width:100%}.scatter-grid-line{stroke:#e2e8f0;stroke-width:1;stroke-dasharray:4 6}.scatter-axis{stroke:#94a3b8;stroke-width:1.5}.scatter-point{stroke:#ffffffe6;stroke-width:1.5;filter:drop-shadow(0 1px 2px rgba(15,23,42,.18));opacity:.88}.scatter-current{fill:#1f4ab8;stroke:#fff;stroke-width:3.5;filter:drop-shadow(0 2px 4px rgba(31,74,184,.25))}.scatter-label{fill:#475569;font-size:12px}.scatter-axis-label{fill:#334155;font-size:12px;font-weight:600}.scatter-tick-label{fill:#64748b;font-size:11px}.scatter-legend{color:#334155;display:flex;flex-wrap:wrap;font-size:13px;gap:14px;margin-top:10px}.legend-dot{border:1px solid #0000;border-radius:50%;display:inline-block;flex:0 0 12px;height:12px;margin-right:6px;vertical-align:middle;width:12px}.legend-dot.low{background:#0f8a4b}.legend-dot.medium{background:#856404}.legend-dot.high{background:#721c24}.legend-dot.current{background:#1f4ab8}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.comparison-card{background:#fff;border:1px solid #dce6f6;border-radius:10px;padding:20px}.comparison-row{align-items:center;border-bottom:1px solid #eef2f8;color:#334155;display:flex;justify-content:space-between;padding:10px 0}.comparison-row:last-of-type{border-bottom:0}.delta-good{color:#0f8a4b;font-weight:700}.delta-bad{color:#b42318;font-weight:700}.insight-summary{background:#f3f8ff;border-radius:8px;color:#1d3557;font-weight:600;margin-top:12px;padding:10px 12px}.distribution-bars{gap:12px}.bar-item,.distribution-bars{display:flex;flex-direction:column}.bar-item{gap:6px}.bar-label{align-items:center;display:flex;font-size:13px;justify-content:space-between}.label-text{color:#334155;font-weight:600}.bar-count{background:#e9ecef;border-radius:4px;color:#666;font-size:12px;padding:2px 8px}.bar-container{background:#e9ecef;border-radius:5px;flex:1 1;height:30px;overflow:hidden}.bar{border-radius:5px;height:100%;transition:width .3s}.low-bar{background:#0f8a4b}.medium-bar{background:#856404}.high-bar{background:#721c24}.distribution-footnote{color:#4c5f7b;margin-top:10px}.recommendations{background:#f7fbff;border-left:4px solid #1f4ab8;border-radius:10px;margin-bottom:30px;padding:25px}.recommendations-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.recommendations-header h3{flex:1 1;margin:0}.speak-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.speak-btn:hover:not(:disabled){box-shadow:0 3px 10px #667eea66;transform:translateY(-2px)}.speak-btn:disabled{cursor:not-allowed;opacity:.7}.speak-btn.speaking{animation:pulse 1.5s infinite}.recommendations ul{list-style:none;margin:0;padding:0}.recommendations li{color:#333;line-height:1.6;padding:10px 0 10px 25px;position:relative}.recommendations li:before{color:#1f4ab8;content:"-";font-weight:700;left:0;position:absolute}@media (max-width:768px){.insights-container{padding:20px}.kpi-grid{grid-template-columns:1fr}.histogram-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-grid{grid-template-columns:1fr}.recommendations-header{align-items:flex-start;flex-direction:column}.scatter-legend{gap:10px}}.voice-floating-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:30px;box-shadow:0 5px 20px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:30px;transition:transform .2s,box-shadow .2s;width:60px;z-index:999}.voice-floating-btn:hover{box-shadow:0 7px 25px #667eea99;transform:scale(1.1)}.voice-floating-btn:active{transform:scale(.95)}.voice-modal-backdrop{animation:fadeIn .2s ease-in;background:#00000080;inset:0;position:fixed;z-index:998}.voice-assistant-modal{background:#fff;border-radius:16px;bottom:100px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:70vh;max-width:450px;opacity:0;pointer-events:none;position:fixed;right:30px;transform:translateY(500px);transition:transform .3s ease,opacity .3s ease;width:90%;z-index:1000}.voice-assistant-modal.open{opacity:1;pointer-events:auto;transform:translateY(0)}.voice-modal-header{align-items:center;background:linear-gradient(135deg,#667eea20,#764ba220);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.voice-modal-header h2{color:#333;font-size:18px;margin:0}.voice-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.voice-modal-close:hover{color:#333}.voice-modal-content{flex:1 1;overflow-y:auto;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.voice-floating-btn{bottom:20px;font-size:24px;height:50px;right:20px;width:50px}.voice-assistant-modal{border-radius:0;bottom:auto;bottom:0;left:0;max-height:100vh;max-width:none;right:0;top:0;width:100%}}.voice-assistant-container{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:30px}.voice-assistant-container h2{color:#333;font-size:24px;margin-bottom:10px}.voice-intro{color:#666;font-size:15px;margin-bottom:30px}.voice-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;margin-bottom:30px;padding:25px}.voice-btn{border-radius:8px;display:block;font-size:16px;font-weight:600;margin:0 auto 20px;max-width:300px;transition:transform .2s,box-shadow .2s;width:100%}.voice-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66}.voice-btn:disabled{cursor:not-allowed;opacity:.7}.transcript-box{background:#fff;border:2px solid #667eea;margin-bottom:15px;padding:15px}.transcript-box h4{color:#667eea;margin-bottom:8px}.transcript-text{color:#333;font-style:italic;margin:0}.response-box{border:2px solid #0f8a4b;padding:15px}.response-box h4{color:#0f8a4b;margin-bottom:8px}.response-text{color:#333;margin:0}.commands-list{background:#f0f7ff;border-left:4px solid #667eea;border-radius:10px;margin-bottom:30px;padding:20px}.commands-list h3{color:#333;font-size:18px;margin-bottom:25px}.commands-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.command-category{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;transition:box-shadow .2s}.command-category:hover{box-shadow:0 3px 10px #667eea33}.command-category h4{color:#667eea;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.command-category ul{list-style:none;margin:0;padding:0}.command-category li{border-bottom:1px solid #f0f0f0;color:#333;font-size:13px;padding:8px 0}.command-category li:last-child{border-bottom:none}.command-category li:before{color:#667eea;content:"▸ ";margin-right:5px}.voice-tips{background:#fff3cd;border-left:4px solid #856404;border-radius:10px;padding:20px}.voice-tips h3{color:#856404;font-size:16px;margin-bottom:15px}.voice-tips ul{list-style:none;margin:0;padding:0}.voice-tips li{color:#333;font-size:14px;padding:8px 0}.voice-tips li:before{color:#856404;content:"√ ";font-weight:700;margin-right:8px}.commands-list li{padding-left:25px;position:relative}.commands-list li:before{content:"-";left:0;position:absolute}.voice-input-section{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:10px;margin-bottom:30px;padding:30px;text-align:center}.voice-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:transform .3s,box-shadow .3s}.voice-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.voice-btn:disabled{animation:pulse 1s infinite;opacity:.8}@keyframes pulse{0%,to{box-shadow:0 4px 15px #667eea66}50%{box-shadow:0 4px 15px #667eeacc}}.transcript-box{background:#fff3cd;border-left:4px solid #856404;border-radius:8px;margin-top:20px;padding:20px;text-align:left}.transcript-box h3{color:#856404;margin-top:0}.transcript-box p{color:#333;font-style:italic;margin:0}.response-box{background:#d4edda;border-left:4px solid #0f8a4b;border-radius:8px;margin-top:20px;padding:20px;text-align:left}.response-box h3{color:#0f8a4b;margin-top:0}.response-box p{color:#333;line-height:1.6;margin:0}.voice-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:10px;padding:20px}.voice-info ul{list-style:none;padding:0}.voice-info li{color:#333;padding:8px 0 8px 25px;position:relative}.voice-info li:before{color:#2196f3;content:"-";font-weight:700;left:0;position:absolute}@media (max-width:768px){.voice-input-section{padding:20px}.voice-btn{font-size:16px;padding:12px 30px}}
/*# sourceMappingURL=main.fdc85307.css.map*/