.brake-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;transition:opacity 1.5s ease-out}.brake-screen--visible{opacity:1}.brake-void{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.brake-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;max-width:600px;padding:2rem;text-align:center}.brake-question{display:flex;flex-direction:column;gap:1rem}.brake-question h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:2.25rem;font-weight:400;line-height:1.3;letter-spacing:.04em;color:#a1a1aa;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.brake-question h1{font-size:1.75rem;letter-spacing:.03em}}@media (max-width: 480px){.brake-question h1{font-size:1.5rem;letter-spacing:.025em}}.brake-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;width:100%}@media (max-width: 480px){.brake-buttons{flex-direction:column;gap:1rem}}.brake-button{padding:1rem 2.5rem;min-width:150px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;border:.5px solid #A1A1AA;border-radius:0;background-color:transparent;color:#a1a1aa;cursor:pointer;transition:all .2s ease;outline:none;position:relative}.brake-button:focus-visible{outline:1px solid #A1A1AA;outline-offset:2px}.brake-button:hover:not(:disabled){background-color:#a1a1aa0d;border-color:#c4c4c8;color:#c4c4c8}.brake-button:active:not(:disabled){background-color:#a1a1aa1a}.brake-button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 480px){.brake-button{width:100%;padding:.875rem 1.5rem;font-size:.9rem;min-width:auto}}.brake-loading{position:absolute;bottom:2rem;display:flex;align-items:center;justify-content:center}.loading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#a1a1aa;animation:subtle-pulse 1.5s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:.3}50%{opacity:.8}}@media (prefers-reduced-motion: reduce){.brake-screen{transition:opacity .1s ease-out}.brake-button{transition:none}.loading-dot{animation:none;opacity:.6}}@media (prefers-color-scheme: light){.brake-screen,.brake-void{background-color:#000}.brake-question h1{color:#a1a1aa}.brake-button{border-color:#a1a1aa;color:#a1a1aa}.brake-button:hover:not(:disabled){border-color:#c4c4c8;color:#c4c4c8}.loading-dot{background-color:#a1a1aa}}.reflection-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reflection-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.98;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reflection-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;max-width:600px;padding:2rem;text-align:center}.reflection-question{display:flex;flex-direction:column;gap:1rem}.reflection-question h1{font-size:2.5rem;font-weight:400;letter-spacing:-.02em;line-height:1.2;color:#fff;margin:0;font-family:Georgia,serif}@media (max-width: 768px){.reflection-question h1{font-size:1.75rem}}@media (max-width: 480px){.reflection-question h1{font-size:1.5rem}}.reflection-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}@media (max-width: 480px){.reflection-buttons{flex-direction:column;width:100%;gap:.75rem}}.reflection-button{padding:.875rem 2rem;font-size:.95rem;font-weight:500;letter-spacing:.02em;border:2px solid;border-radius:0;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;outline:none;position:relative}.reflection-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.reflection-button:disabled{opacity:.5;cursor:not-allowed}.reflection-button--yes{border-color:#fff;color:#000;background-color:#fff}.reflection-button--yes:hover:not(:disabled){background-color:#f0f0f0;border-color:#f0f0f0}.reflection-button--yes:active:not(:disabled){background-color:#e0e0e0;border-color:#e0e0e0}.reflection-button--no{border-color:#666;color:#ccc;background-color:transparent}.reflection-button--no:hover:not(:disabled){border-color:#999;color:#fff;background-color:#ffffff0d}.reflection-button--no:active:not(:disabled){background-color:#ffffff1a}.reflection-button--skip{border-color:#444;color:#888;background-color:transparent}.reflection-button--skip:hover:not(:disabled){border-color:#666;color:#aaa;background-color:#ffffff05}.reflection-button--skip:active:not(:disabled){background-color:#ffffff0d}@media (max-width: 480px){.reflection-button{width:100%;padding:.75rem 1.5rem;font-size:.9rem}}.reflection-loading{position:absolute;bottom:2rem;display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.loading-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#666;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.reflection-button{transition:none}.loading-indicator{animation:none;opacity:.6}}.demo-dashboard{position:fixed;left:0;top:0;width:280px;height:100vh;background-color:#1a1a1a;border-right:1px solid #333333;overflow-y:auto;padding:20px;z-index:1000}.dashboard-section{margin-bottom:32px}.section-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#666;margin:0 0 16px}.status-grid{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center}.status-label{font-size:13px;color:#888}.status-value{font-size:14px;font-weight:500;color:#ccc}.hrv-display{display:flex;flex-direction:column;gap:16px}.hrv-main{display:flex;align-items:baseline;gap:12px}.hrv-value{font-size:28px;font-weight:600;font-family:SF Mono,Monaco,Courier New,monospace}.hrv-change{font-size:16px;font-weight:500}.hrv-details{display:flex;flex-direction:column;gap:8px}.hrv-detail-item{display:flex;justify-content:space-between;font-size:12px;color:#888}.hrv-detail-item span:last-child{color:#ccc}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{padding:12px;background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px}.event-title{font-size:13px;font-weight:500;color:#ccc;margin-bottom:4px}.event-time{font-size:11px;color:#666;margin-bottom:6px}.event-risk{font-size:10px;font-weight:600;letter-spacing:.05em}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:12px;background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;font-size:11px}.history-time{color:#666;margin-bottom:6px}.history-decision{color:#888;margin-bottom:4px}.history-decision strong{color:#ccc}.history-outcome{color:#666}.empty-state{font-size:12px;color:#555;font-style:italic;text-align:center;padding:20px 0}.demo-dashboard::-webkit-scrollbar{width:6px}.demo-dashboard::-webkit-scrollbar-track{background:#0a0a0a}.demo-dashboard::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.demo-dashboard::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 1024px){.demo-dashboard{width:240px;padding:16px}.hrv-value{font-size:24px}.hrv-change{font-size:14px}}@media (max-width: 768px){.demo-dashboard{width:100%;height:auto;max-height:50vh;bottom:0;top:auto;border-right:none;border-top:1px solid #333333}}.demo-controls{position:fixed;bottom:0;left:280px;right:0;background-color:#1a1a1a;border-top:1px solid #333333;padding:20px;z-index:1000;display:flex;gap:32px;overflow-x:auto}.control-section{display:flex;flex-direction:column;gap:12px;min-width:200px}.timeline-section{flex:1;min-width:400px}.control-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#666;margin:0}.control-buttons{display:flex;flex-wrap:wrap;gap:8px}.control-btn{padding:8px 16px;font-size:12px;font-weight:500;letter-spacing:.02em;border:1px solid #444444;border-radius:4px;background-color:transparent;color:#888;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.control-btn:hover{background-color:#6464641a;border-color:#666;color:#aaa}.control-btn.active{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.control-btn.action-btn{border-color:#666;color:#aaa}.control-btn.action-btn:hover{background-color:#4a9eff1a;border-color:#4a9eff;color:#4a9eff}.timeline{display:flex;gap:8px;margin-bottom:12px}.timeline-day{flex:1;padding:12px;font-size:14px;font-weight:600;border:1px solid #444444;border-radius:4px;background-color:transparent;color:#888;cursor:pointer;transition:all .2s ease}.timeline-day:hover{background-color:#6464641a;border-color:#666}.timeline-day.active{border-width:2px;color:#fff}.timeline-day.phase-silence{border-color:#666}.timeline-day.phase-silence.active{background-color:#6663;border-color:#888}.timeline-day.phase-intervention{border-color:#4a9eff}.timeline-day.phase-intervention.active{background-color:#4a9eff33;border-color:#4a9eff}.timeline-day.phase-reflection{border-color:#51cf66}.timeline-day.phase-reflection.active{background-color:#51cf6633;border-color:#51cf66}.timeline-legend{display:flex;gap:24px;font-size:11px;color:#666}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.phase-silence{background-color:#888}.legend-dot.phase-intervention{background-color:#4a9eff}.legend-dot.phase-reflection{background-color:#51cf66}.demo-controls::-webkit-scrollbar{height:6px}.demo-controls::-webkit-scrollbar-track{background:#0a0a0a}.demo-controls::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.demo-controls::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 1024px){.demo-controls{left:240px;padding:16px;gap:24px}.control-section{min-width:180px}.timeline-section{min-width:350px}}@media (max-width: 768px){.demo-controls{left:0;flex-direction:column;max-height:40vh;overflow-y:auto}.control-section,.timeline-section{min-width:auto}.timeline{flex-wrap:wrap}.timeline-day{min-width:40px}}.mode-toggle{position:fixed;top:20px;right:20px;display:flex;gap:0;background-color:#1a1a1a;border:1px solid #444444;border-radius:6px;padding:4px;z-index:2000}.mode-btn{padding:8px 20px;font-size:12px;font-weight:500;letter-spacing:.02em;border:none;border-radius:4px;background-color:transparent;color:#666;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.mode-btn:hover:not(:disabled){color:#888}.mode-btn.active{background-color:#4a9eff;color:#fff;cursor:default}.mode-btn:disabled{cursor:default}.mode-toast{position:fixed;top:70px;right:20px;padding:12px 20px;background-color:#2a2a2a;border:1px solid #444444;border-radius:6px;color:#ccc;font-size:13px;font-weight:500;letter-spacing:.02em;z-index:3000;opacity:0;transform:translateY(-10px);transition:all .3s ease}.mode-toast.show{opacity:1;transform:translateY(0)}@media (max-width: 768px){.mode-toggle{top:10px;right:10px;padding:3px}.mode-btn{padding:6px 16px;font-size:11px}.mode-toast{top:60px;right:10px;padding:10px 16px;font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000;color:#a1a1aa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.app{width:100%;height:100%;background-color:#000}.digital-void{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000}.onboarding-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000}.onboarding-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:500px;padding:2rem;text-align:center}.onboarding-container h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:3rem;font-weight:400;letter-spacing:.05em;color:#a1a1aa;margin:0}.onboarding-subtitle{font-size:.95rem;color:#727278;margin:0;letter-spacing:.02em}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-top:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-size:.875rem;font-weight:500;letter-spacing:.03em;color:#a1a1aa;text-transform:uppercase}.form-group input{padding:.875rem 1rem;font-size:1rem;border:.5px solid #A1A1AA;border-radius:0;background-color:transparent;color:#a1a1aa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.02em;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#c4c4c8;background-color:#a1a1aa0d}.form-group input:disabled{opacity:.4;cursor:not-allowed}.form-group input::placeholder{color:#727278}.onboarding-button{padding:1rem 2rem;font-size:.95rem;font-weight:500;letter-spacing:.03em;border:.5px solid #A1A1AA;border-radius:0;background-color:transparent;color:#a1a1aa;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin-top:1rem}.onboarding-button:hover:not(:disabled){background-color:#a1a1aa0d;border-color:#c4c4c8;color:#c4c4c8}.onboarding-button:active:not(:disabled){background-color:#a1a1aa1a}.onboarding-button:disabled{opacity:.4;cursor:not-allowed}.onboarding-info{font-size:.875rem;color:#727278;margin-top:1rem;line-height:1.6;letter-spacing:.01em}@media (max-width: 480px){.onboarding-container{padding:1.5rem}.onboarding-container h1{font-size:2.5rem;letter-spacing:.04em}.onboarding-subtitle{font-size:.875rem}.onboarding-form{gap:1rem}.form-group input{padding:.75rem .875rem;font-size:.95rem}.onboarding-button{padding:.875rem 1.5rem;font-size:.9rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: light){body{background-color:#000;color:#a1a1aa}.app,.digital-void,.onboarding-screen{background-color:#000}}