.therapy-action-bar{position:fixed;bottom:0;left:0;right:0;height:72px;background:linear-gradient(to top,#141e30,#141e30f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(78,205,196,.2);box-shadow:0 -4px 20px #0000004d;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:1000}.action-bar-button{background:transparent;border:none;color:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease;border-radius:8px;padding:8px;font-family:inherit}.action-bar-button:hover{background:#4ecdc41a;color:#4ecdc4;transform:scale(1.05)}.action-bar-button:active{transform:scale(.95)}.action-bar-button.safety-button:hover{background:#ffc1071a;color:#ffc107}.action-icon{font-size:24px;line-height:1}.action-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}@media (max-width: 640px){.therapy-action-bar{height:68px;padding:6px}.action-icon{font-size:22px}.action-label{font-size:9px}}.action-bar-button:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}.settings-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .2s ease-out}.settings-modal{position:fixed;bottom:72px;left:0;right:0;max-height:70vh;background:#141e30fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #00000080;z-index:2001;animation:slideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(78,205,196,.2);flex-shrink:0}.settings-modal-title{color:#4ecdc4;font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.settings-modal-close{background:#ffffff1a;border:none;color:#ffffffb3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s;flex-shrink:0}.settings-modal-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.settings-modal-content{padding:16px 20px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.settings-card{margin-bottom:16px;padding:14px;border-radius:12px;border:1px solid}.profile-card{background:#667eea1a;border-color:#667eea4d}.calibration-card{background:#4ecdc41a;border-color:#4ecdc44d}.therapy-card{background:#667eea1a;border-color:#667eea4d}.calm-card{background:#fce38a1a;border-color:#fce38a4d}.settings-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.profile-card .settings-card-label{color:#667eea}.calibration-card .settings-card-label{color:#4ecdc4}.therapy-card .settings-card-label{color:#667eea}.calm-card .settings-card-label{color:#fce38a}.settings-card-value-large{color:#fff;font-size:18px;font-weight:700}.settings-card-content{color:#ffffffe6;font-size:14px;line-height:1.6}.settings-row{margin-bottom:8px}.settings-row:last-child{margin-bottom:0}.settings-row strong{color:#ffffffb3;font-weight:600}.settings-modal-swipe-indicator{padding:12px 20px;text-align:center;font-size:11px;color:#fff6;border-top:1px solid rgba(78,205,196,.1);flex-shrink:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 640px){.settings-modal{max-height:75vh}.settings-modal-header{padding:16px}.settings-modal-title{font-size:16px}.settings-modal-content{padding:12px 16px}.settings-card{padding:12px}.settings-card-content{font-size:13px}}@media (max-width: 640px){.settings-modal{bottom:calc(72px + env(safe-area-inset-bottom))}}.feedback-container{background:#fff;border-radius:12px;max-width:600px;margin:0 auto;box-shadow:0 4px 20px #00000026}.feedback-form{padding:24px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.form-header h3{margin:0;color:#1f2937;font-size:1.5rem}.close-x{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-x:hover{background:#f3f4f6;color:#1f2937}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group small{display:block;margin-top:6px;color:#6b7280;font-size:.85rem}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.cancel-btn,.submit-btn{flex:1;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:#3b82f6;color:#fff}.submit-btn:hover{background:#2563eb}.secondary-btn{flex:1;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid #3b82f6;background:#fff;color:#3b82f6}.secondary-btn:hover{background:#eff6ff}.feedback-form-iframe{display:flex;flex-direction:column;height:80vh;max-height:700px}.feedback-form-iframe .form-header{padding:24px;margin-bottom:0;flex-shrink:0}.iframe-container{flex:1;overflow:hidden;background:#fff}.feedback-success{padding:48px 24px;text-align:center}.feedback-success h3{color:#059669;font-size:1.75rem;margin-bottom:16px}.feedback-success p{color:#6b7280;font-size:1.1rem;margin-bottom:24px}.close-btn{background:#3b82f6;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.close-btn:hover{background:#2563eb}@media (max-width: 640px){.feedback-container{margin:0;border-radius:0;min-height:100vh}.feedback-form{padding:16px}.form-header h3{font-size:1.25rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn,.secondary-btn{width:100%}.feedback-form-iframe{height:100vh;max-height:100vh}.feedback-form-iframe .form-header{padding:16px}}.feedback-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.feedback-modal-content{width:100%;max-width:600px;margin:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.feedback-modal-backdrop{padding:0;align-items:stretch}.feedback-modal-content{max-width:100%;margin:0}}.checkin-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.checkin-history-modal{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:20px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-header{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.history-header h2{margin:0;font-size:24px;color:#fff;display:flex;align-items:center;gap:12px}.history-header .close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s}.history-header .close-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.no-data-message{padding:60px 40px;text-align:center;color:#ffffffb3}.no-data-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-data-message h3{margin:0 0 12px;color:#fff;font-size:20px}.no-data-message p{margin:0;font-size:15px;line-height:1.5}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:#4ecdc4;line-height:1}.stat-trend{margin-top:8px;font-size:13px;color:#ffffffb3}.history-controls{display:flex;flex-wrap:wrap;gap:16px;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0}.control-group{display:flex;align-items:center;gap:8px;flex:1;min-width:150px}.control-group label{font-size:13px;color:#ffffffb3;white-space:nowrap}.control-group select{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.control-group select:hover{background:#ffffff14;border-color:#fff3}.control-group select:focus{outline:none;border-color:#4ecdc4;background:#ffffff14}.view-toggle{display:flex;gap:4px;flex:1}.view-toggle button{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:8px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.view-toggle button:hover{background:#ffffff14;color:#fff}.view-toggle button.active{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.checkins-list{flex:1;overflow-y:auto;padding:20px 28px;display:flex;flex-direction:column;gap:16px}.checkins-list::-webkit-scrollbar{width:8px}.checkins-list::-webkit-scrollbar-track{background:#ffffff05}.checkins-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.checkins-list::-webkit-scrollbar-thumb:hover{background:#fff3}.checkin-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .2s}.checkin-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.checkin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.checkin-date{display:flex;flex-direction:column;gap:2px}.date-main{font-size:15px;font-weight:600;color:#fff}.date-time{font-size:12px;color:#ffffff80}.checkin-activity{display:flex;align-items:center;gap:6px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);padding:6px 12px;border-radius:20px}.checkin-activity .activity-emoji{font-size:16px}.checkin-activity .activity-label{font-size:13px;color:#4ecdc4;font-weight:500}.checkin-metrics{display:flex;flex-direction:column;gap:12px}.metric{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px}.metric-icon{font-size:18px}.metric-label{font-size:13px;color:#fff9}.metric-value{font-size:14px;font-weight:600;color:#fff;min-width:40px;text-align:right}.metric-bar{grid-column:2 / -1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.metric-fill{height:100%;border-radius:3px;transition:width .3s ease}.metric-fill.loudness{background:linear-gradient(90deg,#ff6b6b,#ff8787)}.metric-fill.awareness{background:linear-gradient(90deg,#4ecdc4,#6ed9d0)}.metric-fill.distress{background:linear-gradient(90deg,#ffe66d,#fff099)}.checkin-notes{margin-top:12px;padding:12px;background:#0003;border-radius:8px;font-size:14px;color:#fffc;line-height:1.5;display:flex;gap:8px}.notes-icon{font-size:16px;flex-shrink:0}.chart-view{flex:1;overflow-y:auto;padding:20px 28px}.trend-chart h3{margin:0 0 20px;color:#fff;font-size:18px}.chart-legend{display:flex;gap:24px;margin-bottom:24px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffb3}.legend-color{width:20px;height:4px;border-radius:2px}.legend-color.loudness{background:#ff6b6b}.legend-color.awareness{background:#4ecdc4}.legend-color.distress{background:#ffe66d}.chart-container{position:relative;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.chart-container svg{width:100%;height:300px;display:block}.chart-y-labels{position:absolute;left:0;top:20px;bottom:40px;width:20px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#ffffff80}.chart-x-labels{display:flex;justify-content:space-between;margin-top:12px;padding:0 20px;font-size:11px;color:#ffffff80}.chart-empty{text-align:center;padding:60px 20px;color:#ffffff80;font-size:15px}.history-actions{display:flex;gap:12px;padding:20px 28px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;flex-wrap:wrap}.action-btn{flex:1;min-width:140px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.action-btn.export{background:#4ecdc426;border:1px solid rgba(78,205,196,.3);color:#4ecdc4}.action-btn.export:hover{background:#4ecdc440;border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 4px 12px #4ecdc433}.action-btn.danger{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.action-btn.danger:hover{background:#ff6b6b40;border-color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b33}@media (max-width: 768px){.checkin-history-modal{max-width:100%;border-radius:0;max-height:100vh}.stats-summary{grid-template-columns:repeat(2,1fr)}.history-controls{flex-direction:column;gap:12px}.control-group{min-width:100%}.checkin-card-header{flex-direction:column;align-items:flex-start;gap:12px}.history-actions{flex-direction:column}.action-btn{min-width:100%}}@media (max-width: 480px){.stats-summary{grid-template-columns:1fr}.stat-value{font-size:28px}.chart-legend{flex-direction:column;gap:8px;align-items:flex-start}}.stats-modal-content{scroll-behavior:smooth}.stats-tab-button{transition:all .2s ease}.stats-tab-button:hover{opacity:.8}@media (max-width: 768px){.stats-modal-container{padding:10px}.stats-cards-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.stats-cards-grid{grid-template-columns:1fr}}.session-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.session-history-modal{background:linear-gradient(135deg,#1a2332,#253447);border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(78,205,196,.3);box-shadow:0 20px 60px #00000080}.history-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.history-header h2{color:#fff;font-size:24px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.header-icon{font-size:28px}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:8px 16px;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s}.close-btn:hover{background:#ffffff26}.no-data-message{padding:60px 20px;text-align:center;color:#ffffffb3}.no-data-icon{font-size:64px;margin-bottom:20px}.no-data-message h3{color:#fff;font-size:20px;margin-bottom:10px}.no-data-message p{font-size:14px;line-height:1.6;max-width:400px;margin:0 auto}.history-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.stat-card{background:#ffffff0d;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center}.stat-label{color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.stat-value{color:#4ecdc4;font-size:28px;font-weight:700}.history-controls{display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.control-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}.control-group label{color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase}.control-group select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.control-group select:hover{background:#ffffff26}.checkbox-label{display:flex;align-items:center;gap:8px;color:#ffffffe6;cursor:pointer;padding:10px 12px;background:#ffffff1a;border-radius:8px;transition:all .2s}.checkbox-label:hover{background:#ffffff26}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.sessions-list{padding:20px 24px}.no-results{text-align:center;padding:40px 20px;color:#ffffff80;font-size:14px}.session-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:16px;transition:all .2s}.session-card:hover{background:#ffffff14;border-color:#4ecdc44d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.session-card.bookmarked{border-color:#ffd70066;background:linear-gradient(135deg,#ffd7001a,#ffa5000d)}.session-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.session-date{display:flex;flex-direction:column;gap:4px}.date-main{color:#fff;font-size:16px;font-weight:700}.date-time{color:#ffffff80;font-size:12px}.bookmark-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border:1px solid rgba(255,215,0,.5);padding:6px 12px;border-radius:20px;color:gold;font-size:12px;font-weight:700}.session-effectiveness{display:flex;align-items:center;gap:12px;margin-bottom:12px}.effectiveness-label{color:#ffffffb3;font-size:14px;font-weight:600}.effectiveness-stars{display:flex;gap:4px;font-size:20px}.effectiveness-stars .filled{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.effectiveness-stars .empty{color:#fff3}.session-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{background:linear-gradient(135deg,#4ecdc433,#44b3aa33);border:1px solid rgba(78,205,196,.4);padding:6px 12px;border-radius:16px;color:#4ecdc4;font-size:12px;font-weight:600}.session-details{background:#0003;padding:16px;border-radius:12px;margin-bottom:16px}.detail-row{display:flex;gap:8px;color:#fffc;font-size:13px;margin-bottom:8px;line-height:1.4}.detail-row:last-child{margin-bottom:0}.detail-row strong{color:#fff9;min-width:100px}.session-symptoms{background:#0003;padding:16px;border-radius:12px;margin-bottom:16px}.symptom-metric{display:flex;align-items:center;gap:12px;margin-bottom:12px}.symptom-metric:last-child{margin-bottom:0}.symptom-label{color:#fff9;font-size:12px;font-weight:600;min-width:80px}.symptom-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.symptom-bar{height:100%;border-radius:4px;transition:width .3s}.symptom-bar.loudness{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.symptom-bar.distress{background:linear-gradient(90deg,#f093fb,#f5576c)}.symptom-value{color:#fff;font-size:12px;font-weight:700;min-width:40px;text-align:right}.session-notes{background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);padding:12px;border-radius:12px;color:#fffc;font-size:13px;line-height:1.5;margin-bottom:16px;display:flex;gap:8px}.notes-icon{font-size:16px}.apply-settings-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4ecdc4,#44b3aa);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #4ecdc44d}.apply-settings-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4ecdc480}.apply-settings-btn:active{transform:translateY(0)}.btn-icon{font-size:18px}@media (max-width: 768px){.session-history-modal{max-width:100%;max-height:100vh;border-radius:0}.stats-summary{grid-template-columns:repeat(2,1fr)}.history-controls{flex-direction:column}.control-group{min-width:100%}.session-card-header{flex-direction:column;gap:12px}.bookmark-badge{align-self:flex-start}}.first-session-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.first-session-modal{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:24px;border:2px solid rgba(78,205,196,.3);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #4ecdc433;animation:slideUp .4s ease}.celebration-header{text-align:center;padding:40px 40px 30px;background:linear-gradient(135deg,#4ecdc426,#44b3aa1a);border-bottom:1px solid rgba(78,205,196,.2)}.celebration-icon{font-size:72px;margin-bottom:16px;animation:bounce .6s ease}.celebration-header h2{color:#4ecdc4;font-size:32px;font-weight:700;margin:0 0 8px}.celebration-subtitle{color:#ffffffb3;font-size:16px;margin:0}.whats-next-section{padding:40px}.whats-next-section h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px;text-align:center}.whats-next-intro{color:#fffc;font-size:15px;line-height:1.6;text-align:center;max-width:700px;margin:0 auto 32px}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s}.feature-card:hover{background:#ffffff14;border-color:#4ecdc466;transform:translateY(-4px);box-shadow:0 8px 24px #4ecdc433}.feature-card.highlight{background:linear-gradient(135deg,#4ecdc426,#44b3aa1a);border:2px solid rgba(78,205,196,.4)}.feature-icon{font-size:40px;margin-bottom:12px}.feature-card h4{color:#4ecdc4;font-size:18px;font-weight:700;margin:0 0 8px}.feature-card.highlight h4{color:#4ecdc4}.feature-card p{color:#fffc;font-size:14px;line-height:1.6;margin:0 0 16px}.feature-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#fff9}.feature-meta span{background:#ffffff1a;padding:4px 10px;border-radius:12px}.clinical-evidence{background:linear-gradient(135deg,#ffd70026,#ffb74d1a);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:20px;display:flex;gap:16px;align-items:flex-start}.evidence-icon{font-size:32px;flex-shrink:0}.evidence-content{color:#ffffffe6;font-size:14px;line-height:1.6}.evidence-content strong{color:gold}.celebration-actions{padding:0 40px 32px;display:flex;gap:16px;flex-wrap:wrap}.primary-action-btn{flex:1;min-width:200px;padding:18px 32px;background:linear-gradient(135deg,#4ecdc4,#44b3aa);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #4ecdc44d}.primary-action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #4ecdc466}.secondary-action-btn{flex:1;min-width:200px;padding:18px 32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.secondary-action-btn:hover{background:#ffffff26;border-color:#ffffff4d}.quick-tip{background:#0000004d;padding:16px 40px;color:#fffc;font-size:13px;line-height:1.6;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.quick-tip strong{color:gold}@media (max-width: 768px){.first-session-modal{border-radius:16px;max-height:95vh}.celebration-header{padding:32px 24px 24px}.celebration-icon{font-size:56px}.celebration-header h2{font-size:24px}.whats-next-section{padding:24px}.whats-next-section h3{font-size:20px}.feature-cards{grid-template-columns:1fr;gap:16px}.celebration-actions{padding:0 24px 24px;flex-direction:column}.primary-action-btn,.secondary-action-btn{width:100%}.quick-tip{padding:16px 24px}}.first-session-modal::-webkit-scrollbar{width:8px}.first-session-modal::-webkit-scrollbar-track{background:#ffffff0d}.first-session-modal::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:4px}.first-session-modal::-webkit-scrollbar-thumb:hover{background:#4ecdc480}.cbt-exercise{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:24px;margin:20px 0}.cbt-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.cbt-icon{font-size:36px;line-height:1}.cbt-title-section{flex:1}.cbt-title{color:#667eea;font-size:20px;font-weight:700;margin:0 0 4px}.cbt-estimate{color:#fff9;font-size:13px;margin:0}.cbt-description{background:#0003;padding:16px;border-radius:12px;color:#ffffffe6;font-size:14px;line-height:1.6;margin-bottom:20px}.cbt-content{margin-bottom:16px}.cbt-completion{background:#4ecdc433;border:1px solid rgba(78,205,196,.4);padding:12px 16px;border-radius:8px;color:#4ecdc4;font-size:14px;font-weight:600;text-align:center}.cbt-input-group{margin-bottom:20px}.cbt-label{display:block;color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:8px}.cbt-textarea{width:100%;min-height:80px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s}.cbt-textarea:focus{outline:none;border-color:#667eea;background:#ffffff14}.cbt-input{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s}.cbt-input:focus{outline:none;border-color:#667eea;background:#ffffff14}.cbt-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cbt-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cbt-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cbt-button-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.cbt-button-secondary:hover{background:#ffffff26;box-shadow:none}.thought-record-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.thought-record-column{background:#0003;padding:16px;border-radius:12px}.thought-record-column h4{color:#ffffffe6;font-size:14px;font-weight:600;margin:0 0 12px}.attention-exercise{text-align:center;padding:20px}.attention-timer{font-size:48px;font-weight:700;color:#4ecdc4;margin:20px 0}.attention-instructions{background:#0000004d;padding:16px;border-radius:12px;color:#ffffffe6;font-size:14px;line-height:1.6;margin:16px 0}.habit-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px}.habit-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.habit-day.completed{background:#4ecdc433;border-color:#4ecdc4}.habit-day:hover{background:#ffffff1a}.habit-day-label{font-size:11px;color:#fff9;margin-bottom:4px}.habit-day-number{font-size:14px;font-weight:600;color:#ffffffe6}.habit-day-check{font-size:20px;color:#4ecdc4}@media (max-width: 768px){.thought-record-columns{grid-template-columns:1fr}.habit-calendar{gap:6px}.cbt-exercise{padding:16px}.cbt-icon{font-size:28px}.cbt-title{font-size:18px}}.program-tracker{background:linear-gradient(135deg,#667eea1a,#764ba21a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:1200px;margin:2rem auto;box-shadow:0 8px 32px #0000001a}.program-tracker.loading{text-align:center;padding:4rem;color:#ffffffb3;font-size:1.1rem}.program-header{text-align:center;margin-bottom:2rem;position:relative}.program-header .close-btn{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#ffffffb3;width:40px;height:40px;border-radius:50%;font-size:1.75rem;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;outline:none}.program-header .close-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.program-header .close-btn:active{transform:scale(.95)}.program-header .close-btn:focus-visible{outline:2px solid rgba(78,205,196,.6);outline-offset:2px}.program-header h2{font-size:2rem;margin:0 0 .5rem;padding:0 3rem;background:linear-gradient(135deg,#4ecdc4,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.program-subtitle{color:#fffc;font-size:1.1rem;margin:0}.progress-overview{display:flex;align-items:center;justify-content:center;gap:3rem;margin:2rem 0;padding:2rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.circular-progress svg{filter:drop-shadow(0 0 10px rgba(78,205,196,.3))}.progress-stats{text-align:left}.current-week{font-size:1.5rem;font-weight:700;color:#4ecdc4;margin:0 0 .5rem}.modules-completed{font-size:1.1rem;color:#ffffffe6;margin:0 0 .25rem}.last-activity{font-size:.9rem;color:#fff9;margin:0}.today-module{background:linear-gradient(135deg,#4ecdc426,#667eea26);border:2px solid rgba(78,205,196,.3);border-radius:15px;padding:1.5rem;margin:2rem 0;position:relative;overflow:hidden}.today-module:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4ecdc4,#667eea)}.module-badge{display:inline-block;background:#4ecdc433;color:#4ecdc4;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.today-module h3{font-size:1.5rem;margin:0 0 .5rem;color:#fff}.module-meta{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem}.module-preview{color:#fffc;line-height:1.6;margin:0 0 1.5rem}.start-module-btn{background:linear-gradient(135deg,#4ecdc4,#667eea);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4ecdc44d}.start-module-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.completed-badge{color:#4ecdc4;font-weight:600;font-size:1.1rem}.weeks-grid{margin:2rem 0}.weeks-grid h3{font-size:1.5rem;margin:0 0 1.5rem;color:#fff}.week-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:all .3s}.week-card:hover{background:#ffffff14;border-color:#4ecdc44d;transform:translate(5px)}.week-card.current{border-color:#4ecdc4;background:#4ecdc41a}.week-card.completed{border-color:#4ecdc480;background:#4ecdc40d}.week-card.in-progress{border-color:#fce38a80;background:#fce38a0d}.week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.week-number{font-size:.9rem;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.check-icon{color:#4ecdc4;font-size:1.5rem}.progress-icon{color:#fce38a;font-size:1.5rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.week-card h4{font-size:1.3rem;margin:0 0 .5rem;color:#fff}.week-goal{color:#ffffffb3;margin:0 0 1rem;line-height:1.5}.week-meta{display:flex;gap:1.5rem;margin-bottom:.75rem;font-size:.9rem;color:#fff9}.week-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:.75rem}.week-progress-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#667eea);border-radius:3px;transition:width .5s ease}.module-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem}.module-modal{background:linear-gradient(135deg,#1a1a2ef2,#26263cf2);border-radius:20px;max-width:800px;max-height:90vh;overflow-y:auto;padding:2.5rem;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.module-modal .close-btn{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#ffffffb3;width:40px;height:40px;border-radius:50%;font-size:1.75rem;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;outline:none}.module-modal .close-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.module-modal .close-btn:active{transform:scale(.95)}.module-modal .close-btn:focus-visible{outline:2px solid rgba(78,205,196,.6);outline-offset:2px}.module-content-section{margin-bottom:2rem}.module-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.module-header h2{font-size:2rem;margin:0 0 .5rem;padding-right:3rem;color:#fff}.reading-time{color:#fff9;font-size:.95rem;margin:0}.module-content-text{color:#ffffffe6;line-height:1.8;font-size:1.05rem}.module-content-text h3{font-size:1.6rem;color:#4ecdc4;margin:2rem 0 1rem}.module-content-text h4{font-size:1.3rem;color:#fffffff2;margin:1.5rem 0 .75rem}.module-content-text p{margin:1rem 0}.module-content-text ul{margin:1rem 0;padding-left:1.5rem}.module-content-text li{margin:.5rem 0}.quiz-section{background:#ffffff0d;border-radius:15px;padding:2rem;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.quiz-section h3{color:#4ecdc4;margin:0 0 1.5rem;font-size:1.4rem}.quiz-question{color:#fff;font-size:1.1rem;margin:0 0 1.5rem;line-height:1.6}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fff;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem}.quiz-option:hover:not(:disabled){background:#ffffff1a;border-color:#4ecdc44d}.quiz-option.selected{border-width:2px}.quiz-option.correct{background:#4ecdc433;border-color:#4ecdc4}.quiz-option.incorrect{background:#ff646433;border-color:#ff6464}.quiz-option:disabled{cursor:not-allowed;opacity:.6}.quiz-feedback{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:10px;font-size:1rem}.quiz-feedback.correct{background:#4ecdc426;border:1px solid rgba(78,205,196,.3);color:#4ecdc4}.quiz-feedback.incorrect{background:#ff646426;border:1px solid rgba(255,100,100,.3);color:#ff6464}.quiz-feedback p{margin:.5rem 0 0;color:#ffffffe6}.exercise-section{background:#4ecdc41a;border:2px solid rgba(78,205,196,.2);border-radius:15px;padding:2rem;margin:2rem 0}.exercise-section h3{color:#4ecdc4;margin:0 0 1.5rem;font-size:1.4rem}.exercise-box{background:#ffffff0d;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.exercise-box p{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin:0}.primary-btn{background:linear-gradient(135deg,#4ecdc4,#667eea);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:25px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4ecdc44d;width:100%;margin-top:1rem}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.complete-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.completion-message{text-align:center;padding:3rem 2rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.celebration-icon{font-size:4rem;margin-bottom:1rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.completion-message h3{font-size:1.8rem;color:#4ecdc4;margin:0 0 .5rem}.completion-message p{color:#fffc;font-size:1.1rem;margin:0}.program-help{margin-top:2rem;padding:1.5rem;background:#fce38a1a;border:1px solid rgba(252,227,138,.2);border-radius:10px;color:#fffc}.program-help p{margin:0;line-height:1.6}.program-help strong{color:#fce38a}@media (max-width: 768px){.program-tracker{padding:1.5rem!important;margin:0!important;max-width:100%!important;width:100%!important;border-radius:0!important}.progress-overview{flex-direction:column;gap:1.5rem;padding:1.5rem}.progress-stats{text-align:center}.program-header h2{font-size:1.5rem}.program-header .close-btn{top:.5rem;right:.5rem;width:44px;height:44px;font-size:1.5rem}.module-modal-overlay{padding:0!important;align-items:flex-start!important;justify-content:flex-start!important}.module-modal{padding:1.5rem!important;margin:0!important;max-width:100%!important;width:100%!important;border-radius:0!important;max-height:100vh!important;min-height:100vh!important}.module-modal .close-btn{top:.5rem;right:.5rem;width:44px;height:44px;font-size:1.5rem}.module-header h2{font-size:1.5rem;padding-right:3rem}.module-content-text{font-size:1rem}.module-content-text h3{font-size:1.4rem}.module-content-text h4{font-size:1.2rem}.today-module h3{font-size:1.25rem}.week-card{padding:1.25rem}.week-meta{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.program-tracker{padding:1rem!important;margin:0!important;max-width:100%!important;width:100%!important;border-radius:0!important}.program-header .close-btn{top:.5rem;right:.5rem;width:44px;height:44px;font-size:1.5rem}.module-modal-overlay{padding:0!important;align-items:flex-start!important;justify-content:flex-start!important}.module-modal{padding:1.25rem!important;margin:0!important;max-width:100%!important;width:100%!important;border-radius:0!important;max-height:100vh!important;min-height:100vh!important}.module-modal .close-btn{top:.5rem;right:.5rem;width:44px;height:44px;font-size:1.5rem}.module-header h2{font-size:1.3rem;padding-right:3rem}.module-content-text{font-size:.95rem}}@media (prefers-reduced-motion: reduce){.progress-icon,.celebration-icon{animation:none}*{transition:none!important}}.insights-panel{font-family:system-ui,-apple-system,sans-serif}.insights-panel.loading{text-align:center;padding:3rem 2rem;background:#ffffff0d;border-radius:15px}.loading-spinner{font-size:1.1rem;color:#fffc;animation:pulse 1.5s ease-in-out infinite}.insights-panel.no-data{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;border:1px solid rgba(102,126,234,.2)}.no-data-icon{font-size:4rem;margin-bottom:1rem}.insights-panel.no-data h3{color:#667eea;font-size:1.5rem;margin:0 0 .75rem}.insights-panel.no-data p{color:#fffc;margin:0 0 1rem;line-height:1.6}.progress-hint{margin-top:1.5rem}.sessions-count{color:#4ecdc4!important;font-weight:600;font-size:1.1rem}.insights-panel.compact{background:linear-gradient(135deg,#667eea26,#764ba226);border:2px solid rgba(102,126,234,.3);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem}.insights-title{color:#667eea;font-size:1.25rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.insights-title .icon{font-size:1.5rem}.insights-compact-list{display:flex;flex-direction:column;gap:.75rem}.insight-compact-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.875rem;display:flex;gap:.75rem;align-items:flex-start;transition:all .2s}.insight-compact-card:hover{background:#ffffff14;transform:translate(4px)}.insight-icon{font-size:1.5rem;flex-shrink:0}.insight-compact-content{flex:1}.insight-category{color:#667eea;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.insight-text{color:#ffffffe6;font-size:.9rem;line-height:1.5}.more-insights{text-align:center;color:#fff9;font-size:.875rem;font-style:italic;padding:.5rem}.no-insights{color:#ffffffb3;font-size:.95rem;margin:0}.insights-panel.full{padding:0}.insights-header{margin-bottom:2rem}.insights-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.insights-header h2 .icon{font-size:2.5rem}.subtitle{color:#ffffffb3;font-size:1rem;margin:0}.recommendations-section{background:linear-gradient(135deg,#4ecdc426,#44a08d26);border:2px solid rgba(78,205,196,.3);border-radius:15px;padding:1.5rem;margin-bottom:2rem}.section-title{color:#4ecdc4;font-size:1.4rem;font-weight:700;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.section-title .icon{font-size:1.6rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.recommendation-card{background:#ffffff14;border:1px solid rgba(78,205,196,.2);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;transition:all .3s}.recommendation-card:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #4ecdc433}.rec-icon{font-size:2rem;flex-shrink:0}.rec-content{flex:1}.rec-category{color:#4ecdc4;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.rec-text{color:#fffffff2;font-size:.95rem;line-height:1.6}.insights-section{margin-top:2rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.insight-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s}.insight-card.high{border-color:#4ecdc466;background:#4ecdc40d}.insight-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;background:#ffffff1a}.insight-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.insight-icon-large{font-size:2.5rem}.insight-category-badge{flex:1;color:#667eea;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.confidence-badge{background:#4ecdc433;color:#4ecdc4;padding:.25rem .5rem;border-radius:6px;font-size:.65rem}.insight-main-text{color:#fffffff2;font-size:1.05rem;line-height:1.6;margin-bottom:1rem}.insight-recommendation{background:#4ecdc41a;border-left:3px solid #4ECDC4;padding:.875rem;border-radius:6px;color:#ffffffe6;font-size:.9rem;line-height:1.5;margin-top:1rem}.insight-recommendation strong{color:#4ecdc4}.insight-meta{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.85rem}.insight-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.insight-modal{background:linear-gradient(135deg,#1a1a2efa,#26263cfa);border-radius:20px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:2.5rem;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-icon{font-size:3rem}.modal-header h3{color:#fff;font-size:1.75rem;margin:0}.modal-content{color:#ffffffe6}.modal-insight{font-size:1.15rem;line-height:1.7;margin-bottom:1.5rem}.modal-recommendation{background:#4ecdc426;border:1px solid rgba(78,205,196,.3);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.modal-recommendation strong{color:#4ecdc4;display:block;margin-bottom:.5rem}.modal-recommendation p{margin:0;line-height:1.6}.modal-meta{background:#ffffff0d;border-radius:10px;padding:1rem;margin-bottom:1.5rem}.modal-meta p{margin:.5rem 0;font-size:.95rem}.modal-meta strong{color:#667eea}.modal-details{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:10px;padding:1.25rem}.modal-details h4{color:#667eea;font-size:1.1rem;margin:0 0 1rem}.time-window{color:#fff;font-size:1.5rem;font-weight:600;text-align:center;padding:.75rem;background:#ffffff0d;border-radius:8px;margin:0}.sound-rankings{display:flex;flex-direction:column;gap:.75rem}.sound-rank-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:8px}.sound-name{color:#fffffff2;font-weight:600}.sound-sessions{color:#fff9;font-size:.9rem}@media (max-width: 768px){.insights-panel.full{padding:0}.insights-header h2{font-size:1.5rem}.insights-grid,.recommendations-grid{grid-template-columns:1fr}.insight-modal{padding:1.5rem;max-height:90vh}.modal-header h3{font-size:1.4rem}.modal-icon{font-size:2.5rem}}@media (prefers-reduced-motion: reduce){.insight-card,.recommendation-card,.modal-close{transition:none}.loading-spinner{animation:none}}.quick-checkin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2500;padding:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quick-checkin-modal{background:linear-gradient(135deg,#1a1a2efa,#26263cfa);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.checkin-header{background:linear-gradient(135deg,#4ecdc433,#667eea33);padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.checkin-header h3{color:#fff;font-size:1.5rem;margin:0 2rem .5rem 0}.checkin-subtitle{color:#ffffffb3;font-size:.95rem;margin:0}.close-btn{position:absolute;top:1.25rem;right:1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.checkin-content{padding:2rem}.rating-section{margin-bottom:2rem}.rating-label{display:flex;align-items:center;gap:.5rem;color:#fffffff2;font-size:1.05rem;font-weight:600;margin-bottom:1rem}.label-icon{font-size:1.5rem}.slider-container{margin-top:.75rem}.rating-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#4ecdc4,#667eea,#e74c3c);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #4ECDC4;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px #4ecdc480}.rating-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #4ECDC4;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s}.slider-labels{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.85rem;color:#fff9}.current-value{color:#4ecdc4;font-weight:700;font-size:1.25rem}.activity-section{margin-bottom:2rem}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.75rem}.activity-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;color:#fffc}.activity-btn:hover{background:#ffffff1a;border-color:#4ecdc44d}.activity-btn.selected{background:#4ecdc433;border-color:#4ecdc4;color:#fff}.activity-emoji{font-size:1.5rem}.activity-label{font-size:.9rem;font-weight:500}.notes-section{margin-bottom:2rem}.notes-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.875rem;color:#fff;font-size:.95rem;font-family:inherit;resize:vertical;margin-top:.75rem;transition:all .2s}.notes-input:focus{outline:none;border-color:#4ecdc4;background:#ffffff14}.notes-input::placeholder{color:#fff6}.char-count{text-align:right;font-size:.75rem;color:#ffffff80;margin-top:.25rem}.submit-btn{width:100%;background:linear-gradient(135deg,#4ecdc4,#44b3aa);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4ecdc44d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.submit-btn:active{transform:translateY(0)}.checkin-hint{text-align:center;color:#fff9;font-size:.85rem;margin:1.5rem 0 0;line-height:1.5}.checkin-success{padding:3rem 2rem;text-align:center;animation:fadeIn .3s ease}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#44b3aa);color:#fff;font-size:3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:scaleIn .4s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.checkin-success h4{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.checkin-success p{color:#ffffffb3;margin:0}.quick-checkin-fab{position:fixed;bottom:6rem;left:1.5rem;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4e6,#667eeae6);color:#fff;border:2px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 4px 16px #4ecdc44d;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:900;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-checkin-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #4ecdc480;background:linear-gradient(135deg,#4ecdc4,#667eea)}.quick-checkin-fab:hover .fab-tooltip{opacity:1;transform:translate(10px)}.fab-icon{font-size:1.5rem}.fab-badge{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid rgba(26,26,46,1)}.fab-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#1a1a2ef2;color:#fff;padding:.5rem 1rem;border-radius:8px;white-space:nowrap;font-size:.85rem;font-weight:600;opacity:0;transition:all .3s;pointer-events:none;box-shadow:0 4px 12px #0000004d;margin-left:1rem;border:1px solid rgba(78,205,196,.3)}@media (max-width: 600px){.quick-checkin-modal{border-radius:20px 20px 0 0;max-height:85vh}.checkin-header{padding:1.25rem 1.5rem}.checkin-content{padding:1.5rem}.activity-grid{grid-template-columns:1fr}.quick-checkin-fab{bottom:5.5rem;left:1rem;width:48px;height:48px}.checkin-history-fab{bottom:5.5rem;right:1rem;width:44px;height:44px}.fab-icon{font-size:1.25rem}.checkin-history-fab .fab-icon{font-size:1.125rem}.fab-tooltip{display:none}.fab-badge{width:20px;height:20px;font-size:.7rem}}@media (prefers-reduced-motion: reduce){.quick-checkin-modal-overlay,.quick-checkin-modal,.success-icon{animation:none}.quick-checkin-fab:hover{transform:none}}.checkin-card-inline{background:linear-gradient(135deg,#4ecdc426,#667eea26);border:2px solid rgba(78,205,196,.3);border-radius:16px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #4ecdc426;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;position:relative}.checkin-card-inline:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4ecdc41a,#667eea1a);opacity:0;transition:opacity .3s;pointer-events:none}.checkin-card-inline:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4ecdc440;border-color:#4ecdc480}.checkin-card-inline:hover:before{opacity:1}.checkin-card-inline:active{transform:translateY(-1px)}.checkin-card-content{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem}.checkin-card-icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ecdc433,#667eea33);border-radius:20px;position:relative;overflow:hidden}.checkin-card-icon:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(78,205,196,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.checkin-icon-img{width:60px;height:60px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(78,205,196,.3))}.checkin-icon-fallback{font-size:3rem;position:relative;z-index:1}.checkin-card-text{flex:1;min-width:0}.checkin-card-title{color:#fff;font-size:1.125rem;font-weight:700;margin:0 0 .25rem;line-height:1.2}.checkin-card-subtitle{color:#ffffffb3;font-size:.875rem;margin:0;line-height:1.3}.checkin-card-stats{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;padding-left:1rem;border-left:1px solid rgba(255,255,255,.1)}.checkin-stat-badge{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;box-shadow:0 4px 12px #4ecdc44d}.checkin-stat-label{color:#fff9;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.checkin-stat-cta{color:#fff9;font-size:.875rem;font-weight:600;white-space:nowrap;text-align:center;transition:all .2s}.checkin-card-inline:hover .checkin-stat-cta{color:#4ecdc4}.checkin-card-footer{padding:.75rem 1.5rem;background:#00000026;border-top:1px solid rgba(255,255,255,.05)}.checkin-last-time{color:#ffffff80;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.checkin-last-time:before{content:"🕐";font-size:1rem}@media (max-width: 600px){.checkin-card-content{padding:1rem;gap:.75rem}.checkin-card-icon{width:70px;height:70px}.checkin-icon-img{width:52px;height:52px}.checkin-card-title{font-size:1rem}.checkin-card-subtitle{font-size:.8125rem}.checkin-stat-badge{width:36px;height:36px;font-size:1rem}.checkin-card-footer{padding:.625rem 1rem}.checkin-last-time{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.checkin-card-inline{transition:none}.checkin-card-inline:hover{transform:none}.checkin-card-icon:before{animation:none}.checkin-stat-cta{transition:none}}.offline-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:9999;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.indicator-content{background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:.875rem 1.5rem;box-shadow:0 8px 24px #0006;display:flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.1)}.offline-indicator.offline .indicator-content{border-color:#ffb74d66;background:#ffb74d26}.offline-indicator.online .indicator-content{border-color:#4ecdc466;background:#4ecdc426}.indicator-icon{font-size:1.25rem}.offline-indicator.offline .indicator-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.indicator-text{color:#fff;font-weight:600;font-size:.95rem;white-space:nowrap}@media (max-width: 600px){.offline-indicator{bottom:6rem;left:1rem;right:1rem;transform:none}.indicator-content{padding:.75rem 1.25rem;justify-content:center}.indicator-text{font-size:.875rem}}@media (prefers-reduced-motion: reduce){.offline-indicator{animation:none}.indicator-icon{animation:none!important}}.disclaimer-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.disclaimer-modal-content{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(78,205,196,.3);border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.disclaimer-header{padding:20px 24px 16px;text-align:center;border-bottom:1px solid rgba(78,205,196,.2)}.disclaimer-header .disclaimer-icon{font-size:40px;margin-bottom:8px}.disclaimer-header h2{color:#4ecdc4;font-size:24px;font-weight:700;margin:0 0 6px}.disclaimer-subtitle{color:#ffffffb3;font-size:13px;margin:0}.disclaimer-scroll-content{flex:1;overflow-y:auto;padding:20px 24px;color:#e0e0e0;font-size:15px;line-height:1.7}.disclaimer-scroll-content h3{color:#4ecdc4;font-size:18px;font-weight:600;margin:0 0 12px}.disclaimer-progress{padding:20px 30px 10px;border-bottom:1px solid rgba(78,205,196,.2)}.disclaimer-progress-text{color:#4ecdc4;font-size:14px;font-weight:600;margin-bottom:10px;text-align:center}.disclaimer-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.disclaimer-progress-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);border-radius:3px;transition:width .3s ease}.disclaimer-step{padding:30px;overflow-y:auto;flex:1}.disclaimer-icon{font-size:48px;text-align:center;margin-bottom:16px}.disclaimer-step h2{color:#4ecdc4;font-size:28px;font-weight:700;text-align:center;margin:0 0 24px}.disclaimer-step h3{color:#fff;font-size:18px;font-weight:600;margin:16px 0 12px}.disclaimer-content{color:#e0e0e0;font-size:15px;line-height:1.7}.disclaimer-important{background:#ffc10726;border-left:4px solid #FFC107;padding:16px;border-radius:6px;color:#fff;font-size:16px;margin-bottom:24px}.disclaimer-section{margin-bottom:18px;padding:14px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.disclaimer-section p{margin:8px 0}.disclaimer-section ul{margin:12px 0;padding-left:24px}.disclaimer-section li{margin:8px 0;line-height:1.6}.disclaimer-section strong{color:#4ecdc4;font-weight:600}.disclaimer-emergency{background:#f443361a;border:2px solid rgba(244,67,54,.4)}.disclaimer-emergency h3{color:#ff6b6b}.disclaimer-checkboxes{padding:16px 24px;border-top:1px solid rgba(78,205,196,.2);display:flex;flex-direction:column;gap:10px}.disclaimer-checkbox{padding:14px;background:#4ecdc414;border:2px solid rgba(78,205,196,.3);border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.disclaimer-checkbox:hover{background:#4ecdc41f;border-color:#4ecdc480}.disclaimer-checkbox input[type=checkbox]{width:20px;height:20px;margin-right:12px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#4ECDC4}.disclaimer-checkbox span{color:#fff;font-size:14px;font-weight:500;line-height:1.5}.disclaimer-buttons{display:flex;gap:12px;padding:16px 24px;border-top:1px solid rgba(78,205,196,.2)}.disclaimer-btn{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.disclaimer-btn-back{background:#ffffff1a;color:#fff;flex:0 0 auto;min-width:100px}.disclaimer-btn-back:hover{background:#ffffff26}.disclaimer-btn-next,.disclaimer-btn-accept{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.disclaimer-btn-next:hover:not(.disabled),.disclaimer-btn-accept:hover:not(.disabled){background:linear-gradient(135deg,#5de0d8,#4fb99e);transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.disclaimer-btn-next.disabled,.disclaimer-btn-accept.disabled{background:#4ecdc433;color:#fff6;cursor:not-allowed;opacity:.5}.disclaimer-footer{padding:12px 24px 20px;text-align:center}.disclaimer-footer p{color:#ffffff80;font-size:13px;margin:0;line-height:1.5}.disclaimer-step::-webkit-scrollbar,.disclaimer-scroll-content::-webkit-scrollbar{width:8px}.disclaimer-step::-webkit-scrollbar-track,.disclaimer-scroll-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.disclaimer-step::-webkit-scrollbar-thumb,.disclaimer-scroll-content::-webkit-scrollbar-thumb{background:#4ecdc466;border-radius:4px}.disclaimer-step::-webkit-scrollbar-thumb:hover,.disclaimer-scroll-content::-webkit-scrollbar-thumb:hover{background:#4ecdc499}.disclaimer-scroll-hint{display:none}@media (max-width: 768px){.disclaimer-modal-backdrop{padding:0;align-items:stretch}.disclaimer-modal-content{max-width:100%;max-height:100vh;border-radius:0;border-left:none;border-right:none;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch}.disclaimer-scroll-content{padding:16px 18px;overflow-y:visible}.disclaimer-scroll-hint{display:block;text-align:center;padding:8px 18px;color:#4ecdc4cc;font-size:12px;font-weight:500;border-bottom:1px solid rgba(78,205,196,.15);animation:pulseHint 2s ease-in-out infinite}@keyframes pulseHint{0%,to{opacity:.5}50%{opacity:1}}.disclaimer-header{padding:12px 18px 10px}.disclaimer-header .disclaimer-icon{font-size:32px;margin-bottom:4px}.disclaimer-header h2{font-size:18px;margin-bottom:4px}.disclaimer-subtitle{font-size:12px}.disclaimer-scroll-content h3{font-size:16px;margin-bottom:10px}.disclaimer-progress{padding:16px 20px 8px}.disclaimer-step{padding:20px}.disclaimer-step h2{font-size:24px}.disclaimer-step h3{font-size:16px}.disclaimer-content{font-size:14px}.disclaimer-important{font-size:14px;padding:12px;margin-bottom:16px}.disclaimer-section{padding:12px;margin-bottom:14px}.disclaimer-checkboxes{padding:14px 18px;gap:8px}.disclaimer-checkbox{padding:12px}.disclaimer-checkbox span{font-size:13px}.disclaimer-buttons{padding:14px 18px;flex-direction:column-reverse}.disclaimer-btn-back{min-width:auto}.disclaimer-footer{padding:10px 18px 16px}}@media (max-width: 480px){.disclaimer-icon{font-size:36px;margin-bottom:12px}.disclaimer-step h2{font-size:20px;margin-bottom:16px}.disclaimer-content{font-size:13px}}@media print{.disclaimer-modal-backdrop{position:relative;background:#fff}.disclaimer-modal-content{background:#fff;border:1px solid black;box-shadow:none}.disclaimer-buttons,.disclaimer-progress{display:none}.disclaimer-step{page-break-inside:avoid}}.welcome-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.welcome-content{max-width:700px;width:100%;text-align:center;animation:fadeIn .5s ease;margin-bottom:20px}.welcome-logo{margin-bottom:24px;animation:bounce 1s ease;display:flex;justify-content:center;align-items:center}.logo-image{width:120px;height:120px;object-fit:contain;background:#4ecdc426;border-radius:50%;padding:20px;box-shadow:0 8px 24px #4ecdc44d;border:3px solid rgba(78,205,196,.3)}.welcome-title{font-size:38px;font-weight:700;background:linear-gradient(135deg,#4ecdc4,#44b3aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.welcome-subtitle{font-size:16px;color:#fffc;margin-bottom:20px}.clinical-highlights{background:linear-gradient(135deg,#ffd70026,#ffb74d1a);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:20px;margin-bottom:24px;text-align:center}.highlight-badge{display:inline-block;background:#ffd7004d;color:gold;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.highlight-text{color:#ffffffe6;font-size:14px;line-height:1.6;margin:0}.highlight-text strong{color:gold}.welcome-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.welcome-feature{background:#ffffff0d;border:1px solid rgba(78,205,196,.2);border-radius:12px;padding:14px;transition:all .3s ease}.welcome-feature.clickable-card{cursor:pointer;-webkit-user-select:none;user-select:none}.welcome-feature.feature-highlight{background:linear-gradient(135deg,#667eea26,#764ba21a);border:1.5px solid rgba(102,126,234,.4);position:relative;overflow:hidden}.welcome-feature.feature-highlight:before{content:"NEW";position:absolute;top:8px;right:8px;background:#667eea;color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:8px;letter-spacing:.5px}.welcome-feature:hover{transform:translateY(-5px);background:#4ecdc41a;border-color:#4ecdc466;box-shadow:0 10px 30px #4ecdc433}.welcome-feature.feature-highlight:hover{background:linear-gradient(135deg,#667eea40,#764ba226);border-color:#667eea99;box-shadow:0 10px 30px #667eea4d}.welcome-feature:active{transform:translateY(-2px) scale(.98)}.feature-icon{font-size:32px;margin-bottom:8px}.welcome-feature h3{font-size:15px;font-weight:700;color:#4ecdc4;margin-bottom:6px}.welcome-feature p{font-size:12px;color:#ffffffb3;line-height:1.4}.welcome-info{background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:16px;margin-bottom:20px}.welcome-info p{font-size:14px;color:#ffffffd9;line-height:1.5;margin:0}.welcome-btn-continue{background:linear-gradient(135deg,#4ecdc4,#44b3aa);color:#fff;border:none;border-radius:30px;padding:16px 50px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #4ecdc44d;margin-bottom:12px}.welcome-btn-continue:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4ecdc466}.welcome-btn-continue:active{transform:translateY(0)}.welcome-footer{font-size:14px;color:#ffffff80;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.welcome-backdrop{padding:16px}.welcome-content{margin-bottom:16px}.welcome-title{font-size:28px;margin-bottom:6px}.welcome-subtitle{font-size:14px;margin-bottom:16px}.welcome-logo{margin-bottom:12px}.logo-image{width:90px;height:90px;padding:18px}.welcome-features{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.welcome-feature{padding:10px}.welcome-feature h3{font-size:13px;margin-bottom:5px}.welcome-feature p{font-size:11px}.feature-icon{font-size:24px;margin-bottom:5px}.welcome-info{padding:12px;margin-bottom:14px}.welcome-info p{font-size:13px;line-height:1.4}.welcome-btn-continue{width:100%;padding:14px 40px;font-size:16px;margin-bottom:8px}.welcome-footer{font-size:12px;margin-bottom:0}}.feature-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease;overflow-y:auto}.feature-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid rgba(78,205,196,.3);box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.modal-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;z-index:10;flex-shrink:0}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-header{text-align:center;padding:40px 60px 20px 30px;border-bottom:1px solid rgba(78,205,196,.2);position:relative}.modal-icon{font-size:60px;margin-bottom:16px;width:100%}.modal-title{color:#4ecdc4;font-size:28px;font-weight:700;margin:0;letter-spacing:-.5px;width:100%;word-wrap:break-word;line-height:1.3}.modal-subtitle{color:#ffffffb3;font-size:16px;margin:0;font-weight:500;width:100%;word-wrap:break-word;line-height:1.5}.modal-body{padding:30px}.modal-description{color:#ffffffd9;font-size:15px;line-height:1.7;margin:0 0 24px}.modal-features h3{color:#4ecdc4;font-size:18px;font-weight:700;margin:0 0 16px}.modal-features ul{list-style:none;padding:0;margin:0 0 24px}.modal-features li{color:#ffffffd9;font-size:14px;line-height:1.8;margin-bottom:12px;padding-left:8px}.modal-clinical-note{background:linear-gradient(135deg,#4ecdc426,#4ecdc414);border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start}.clinical-note-icon{font-size:24px;flex-shrink:0}.modal-clinical-note p{color:#ffffffe6;font-size:13px;line-height:1.6;margin:0;font-style:italic}.modal-footer{padding:20px 30px 30px;display:flex;flex-direction:column;gap:12px}.modal-cta-btn{background:linear-gradient(135deg,#4ecdc4,#44b3aa);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 20px #4ecdc44d}.modal-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4ecdc466}.modal-cta-btn:active{transform:translateY(0)}.modal-secondary-btn{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 32px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-secondary-btn:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.feature-modal-overlay{padding:10px}.feature-modal{max-height:95vh;border-radius:16px}.modal-close-btn{top:12px;right:12px;width:32px;height:32px;font-size:24px;z-index:10}.modal-header{padding:36px 50px 16px 20px}.modal-icon{font-size:48px;margin-bottom:12px;width:100%}.modal-title{font-size:22px;margin:0;width:100%}.modal-body{padding:20px}.modal-description{font-size:14px}.modal-features h3{font-size:16px;margin-bottom:12px}.modal-features li{font-size:13px;margin-bottom:10px}.modal-clinical-note{padding:12px}.clinical-note-icon{font-size:20px}.modal-clinical-note p{font-size:12px}.modal-footer{padding:16px 20px 24px}.modal-cta-btn{padding:14px 24px;font-size:15px}.modal-secondary-btn{padding:10px 24px;font-size:13px}}@keyframes si-fade-in{0%{opacity:0}to{opacity:1}}@keyframes si-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes si-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes si-score-pop{0%{transform:scale(1)}40%{transform:scale(1.3);color:#ffb74d}to{transform:scale(1)}}.si-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;background:#0a0a1a;animation:si-fade-in .3s ease-out both;font-family:system-ui,-apple-system,sans-serif}.si-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 12px;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;background:#141e30a6;border-bottom:1px solid rgba(78,205,196,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-shrink:0}.si-header-left,.si-header-center,.si-header-right{display:flex;align-items:center;gap:12px}.si-header-left{flex:1}.si-header-center{flex:0 0 auto}.si-header-right{flex:1;justify-content:flex-end;gap:8px}.si-score,.si-high-score,.si-level{font-size:13px;font-weight:700;color:#4ecdc4;letter-spacing:.5px;font-variant-numeric:tabular-nums}.si-high-score{font-size:11px;color:#ffffff80}.si-lives{display:flex;align-items:center;gap:4px}.si-life-icon{display:inline-block;width:12px;height:12px;background:#4ecdc4;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.si-btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(78,205,196,.15);border-radius:8px;background:transparent;color:#ffffffb3;font-size:17px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;-webkit-tap-highlight-color:transparent;flex-shrink:0;padding:0}.si-btn-icon:hover,.si-btn-icon:focus-visible{color:#4ecdc4;border-color:#4ecdc4;background:#4ecdc426;outline:none}.si-btn-close:hover{color:#f38181;border-color:#f38181;background:#f3818126}.si-canvas-container{flex:1;position:relative;overflow:hidden;background:#0a0a1a}.si-canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.si-overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5010;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1ad9;animation:si-fade-in .25s ease-out both}.si-overlay-panel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 28px;max-width:340px;width:85%;border-radius:20px;border:1px solid rgba(78,205,196,.15);background:#141e30e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000080;text-align:center;animation:si-slide-up .35s ease-out both}.si-title{font-size:28px;font-weight:700;color:#4ecdc4;margin:0;letter-spacing:2px}.si-subtitle{font-size:13px;color:#ffffff80;margin:0}.si-instructions{font-size:13px;color:#fff9;line-height:1.7;margin:0}.si-instructions p{margin:4px 0}.si-high-score-display{color:#ffb74d;font-weight:600}.si-pause-title{font-size:28px;font-weight:700;color:#fff;margin:0}.si-pause-hint{font-size:13px;color:#ffffff80;margin:0;font-style:italic}.si-gameover-title{font-size:32px;font-weight:700;color:#f38181;margin:0}.si-gameover-stats{font-size:16px;color:#ffffffb3;line-height:1.8}.si-gameover-stats p{margin:4px 0}.si-accent{color:#4ecdc4;font-weight:700}.si-new-highscore{color:#ffb74d;font-weight:700;font-size:18px;animation:si-pulse 1.5s ease-in-out infinite}.si-btn-primary{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;background:#4ecdc4;color:#0a0a1a;box-shadow:0 4px 16px #4ecdc44d;transition:transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent;letter-spacing:1px}.si-btn-primary:hover{box-shadow:0 6px 24px #4ecdc473}.si-btn-primary:active{transform:scale(.96)}.si-btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border:1px solid rgba(78,205,196,.15);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;background:#ffffff14;color:#ffffffb3;transition:transform .1s,background .2s;-webkit-tap-highlight-color:transparent}.si-btn-secondary:hover{background:#ffffff24;color:#fff}.si-btn-secondary:active{transform:scale(.96)}.si-touch-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#0a0a1a;border-top:1px solid rgba(78,205,196,.15);flex-shrink:0}.si-touch-zone{display:flex;gap:12px;align-items:center}.si-touch-zone-left{justify-content:flex-start;flex:1}.si-touch-zone-right{justify-content:flex-end;flex:1}.si-touch-btn{display:flex;align-items:center;justify-content:center;border:2px solid rgba(78,205,196,.15);border-radius:16px;background:#141e30a6;color:#fff;cursor:pointer;transition:transform .1s ease,border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;padding:0}.si-touch-arrow{width:72px;height:72px;font-size:26px;border-radius:18px}.si-arrow-icon{line-height:1;color:#fffc}.si-touch-fire{width:90px;height:72px;font-size:17px;font-weight:700;letter-spacing:2px;color:#4ecdc4;border-color:#4ecdc44d;border-radius:18px}.si-touch-swap{width:40px;height:40px;font-size:18px;color:#fff6;border-color:#ffffff1a;flex-shrink:0}.si-touch-swap:active{color:#4ecdc4}.si-touch-btn:active{transform:scale(.88);border-color:#4ecdc4;background:#4ecdc433}.si-touch-btn:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}@media (max-width: 374px){.si-touch-arrow{width:60px;height:60px;font-size:22px}.si-touch-fire{width:74px;height:60px;font-size:15px}.si-touch-controls{padding:14px 8px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.si-header{height:44px;padding:0 8px}.si-score,.si-level{font-size:11px}.si-overlay-panel{padding:24px 20px;gap:14px}}@media (min-width: 768px){.si-touch-controls{max-width:500px;margin:0 auto;border-radius:16px 16px 0 0}.si-touch-arrow{width:80px;height:80px;font-size:30px}.si-touch-fire{width:100px;height:80px;font-size:19px}.si-overlay-panel{max-width:400px;padding:40px 36px}}@media (max-height: 500px) and (orientation: landscape){.si-touch-controls{padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.si-touch-arrow{width:56px;height:56px;font-size:20px}.si-touch-fire{width:70px;height:56px;font-size:14px}.si-header{height:38px}.si-overlay-panel{padding:20px 24px;gap:12px}}@media (min-height: 800px){.si-touch-arrow{width:76px;height:76px}.si-touch-fire{width:94px;height:76px}}@media (hover: hover) and (pointer: fine){.si-touch-controls{display:none}}@keyframes tm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tm-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes tm-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tm-score-pop{0%{transform:scale(1)}40%{transform:scale(1.3);color:#ffb74d}to{transform:scale(1)}}.tm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;background:#0a0a1a;animation:tm-fade-in .3s ease-out both;font-family:system-ui,-apple-system,sans-serif}.tm-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 12px;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;background:#141e30a6;border-bottom:1px solid rgba(78,205,196,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-shrink:0}.tm-header-left,.tm-header-center,.tm-header-right{display:flex;align-items:center;gap:12px}.tm-header-left{flex:1}.tm-header-center{flex:0 0 auto}.tm-header-right{flex:1;justify-content:flex-end;gap:8px}.tm-score,.tm-high-score,.tm-level{font-size:13px;font-weight:700;color:#4ecdc4;letter-spacing:.5px;font-variant-numeric:tabular-nums}.tm-high-score{font-size:11px;color:#ffffff80}.tm-lives{display:flex;align-items:center;gap:4px}.tm-life-icon{display:inline-block;width:12px;height:12px;background:#4ecdc4;border-radius:50%}.tm-btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(78,205,196,.15);border-radius:8px;background:transparent;color:#ffffffb3;font-size:17px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;-webkit-tap-highlight-color:transparent;flex-shrink:0;padding:0}.tm-btn-icon:hover,.tm-btn-icon:focus-visible{color:#4ecdc4;border-color:#4ecdc4;background:#4ecdc426;outline:none}.tm-btn-close:hover{color:#f38181;border-color:#f38181;background:#f3818126}.tm-canvas-container{flex:1;position:relative;overflow:hidden;background:#0a0a1a;display:flex;align-items:center;justify-content:center}.tm-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tm-overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5010;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1ad9;animation:tm-fade-in .25s ease-out both}.tm-overlay-panel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 28px;max-width:340px;width:85%;border-radius:20px;border:1px solid rgba(78,205,196,.15);background:#141e30e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000080;text-align:center;animation:tm-slide-up .35s ease-out both}.tm-title{font-size:28px;font-weight:700;color:#4ecdc4;margin:0;letter-spacing:2px}.tm-subtitle{font-size:13px;color:#ffffff80;margin:0}.tm-instructions{font-size:13px;color:#fff9;line-height:1.7;margin:0}.tm-instructions p{margin:4px 0}.tm-high-score-display{color:#ffb74d;font-weight:600}.tm-pause-title{font-size:28px;font-weight:700;color:#fff;margin:0}.tm-pause-hint{font-size:13px;color:#ffffff80;margin:0;font-style:italic}.tm-gameover-title{font-size:32px;font-weight:700;color:#f38181;margin:0}.tm-gameover-stats{font-size:16px;color:#ffffffb3;line-height:1.8}.tm-gameover-stats p{margin:4px 0}.tm-accent{color:#4ecdc4;font-weight:700}.tm-new-highscore{color:#ffb74d;font-weight:700;font-size:18px;animation:tm-pulse 1.5s ease-in-out infinite}.tm-btn-primary{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;background:#4ecdc4;color:#0a0a1a;box-shadow:0 4px 16px #4ecdc44d;transition:transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent;letter-spacing:1px}.tm-btn-primary:hover{box-shadow:0 6px 24px #4ecdc473}.tm-btn-primary:active{transform:scale(.96)}.tm-btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border:1px solid rgba(78,205,196,.15);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;background:#ffffff14;color:#ffffffb3;transition:transform .1s,background .2s;-webkit-tap-highlight-color:transparent}.tm-btn-secondary:hover{background:#ffffff24;color:#fff}.tm-btn-secondary:active{transform:scale(.96)}.tm-touch-controls{display:flex;align-items:center;justify-content:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#0a0a1a;border-top:1px solid rgba(78,205,196,.15);flex-shrink:0}.tm-dpad{display:grid;grid-template-columns:64px 64px 64px;grid-template-rows:64px 64px 64px;gap:4px;justify-items:center;align-items:center}.tm-dpad-up{grid-column:2;grid-row:1}.tm-dpad-left{grid-column:1;grid-row:2}.tm-dpad-right{grid-column:3;grid-row:2}.tm-dpad-down{grid-column:2;grid-row:3}.tm-touch-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid rgba(78,205,196,.15);border-radius:16px;background:#141e30a6;color:#fffc;font-size:24px;cursor:pointer;transition:transform .1s ease,border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;padding:0}.tm-touch-btn:active{transform:scale(.88);border-color:#4ecdc4;background:#4ecdc433}.tm-touch-btn:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}@media (max-width: 374px){.tm-dpad{grid-template-columns:52px 52px 52px;grid-template-rows:52px 52px 52px;gap:2px}.tm-touch-btn{width:50px;height:50px;font-size:20px}.tm-touch-controls{padding:10px 8px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.tm-header{height:44px;padding:0 8px}.tm-score,.tm-level{font-size:11px}.tm-overlay-panel{padding:24px 20px;gap:14px}}@media (min-width: 768px){.tm-touch-controls{max-width:500px;margin:0 auto;border-radius:16px 16px 0 0}.tm-dpad{grid-template-columns:72px 72px 72px;grid-template-rows:72px 72px 72px;gap:6px}.tm-touch-btn{width:68px;height:68px;font-size:28px}.tm-overlay-panel{max-width:400px;padding:40px 36px}}@media (max-height: 500px) and (orientation: landscape){.tm-touch-controls{padding:6px 16px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.tm-dpad{grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;gap:2px}.tm-touch-btn{width:46px;height:46px;font-size:18px}.tm-header{height:38px}.tm-overlay-panel{padding:20px 24px;gap:12px}}@media (min-height: 800px){.tm-dpad{grid-template-columns:68px 68px 68px;grid-template-rows:68px 68px 68px}.tm-touch-btn{width:64px;height:64px}}@media (hover: hover) and (pointer: fine){.tm-touch-controls{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.feedback-button{position:fixed;bottom:24px;right:24px;background:#3b82f6;color:#fff;border:none;padding:14px 24px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #3b82f666;transition:all .3s;z-index:1000;display:flex;align-items:center;gap:8px}.feedback-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.feedback-button:active{transform:translateY(0)}@media (max-width: 640px){.feedback-button{bottom:16px;right:16px;padding:12px 20px;font-size:.9rem}}