:root{--bg-black: #0a0a0a;--bg-panel: #141414;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-cyan: #00f0ff;--accent-amber: #ffb800;--accent-green: #00ff66;--accent-red: #ff4d4d;--border-muted: #2d2d2d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-black);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.flex-1{flex:1 1 0%}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-4{grid-column:span 4 / span 4}}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}@media (min-width: 768px){.md\:p-8{padding:2rem}}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.w-full{width:100%}.h-full{height:100%}.w-16{width:4rem}.h-16{height:4rem}.w-24{width:6rem}.w-48{width:12rem}.w-64{width:16rem}.h-64{height:16rem}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.max-w-xl{max-width:36rem}.max-w-lg{max-width:32rem}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-\[10px\]{font-size:10px}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-tighter{letter-spacing:0}.tracking-widest{letter-spacing:.1em}.text-center{text-align:center}.text-right{text-align:right}.text-accent-cyan{color:var(--accent-cyan)}.text-accent-green{color:var(--accent-green)}.text-accent-amber{color:var(--accent-amber)}.text-accent-red{color:var(--accent-red)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-white{color:#fff}.text-black{color:#000}.bg-black\/80{background-color:#000c}.bg-black\/40{background-color:#0006}.bg-black\/90{background-color:#000000e6}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-accent-cyan{background-color:var(--accent-cyan)}.bg-accent-green\/10{background-color:#00ff661a}.bg-accent-green\/20{background-color:#0f63}.bg-accent-red\/10{background-color:#ff4d4d1a}.bg-accent-cyan\/5{background-color:#00f0ff0d}.bg-accent-amber\/5{background-color:#ffb8000d}.border{border:1px solid var(--border-muted)}.border-t{border-top:1px solid var(--border-muted)}.border-b{border-bottom:1px solid var(--border-muted)}.border-2{border-width:2px}.border-4{border-width:4px}.border-dashed{border-style:dashed}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-accent-cyan\/20{border-color:#00f0ff33}.border-accent-cyan\/30{border-color:#00f0ff4d}.border-accent-green\/20{border-color:#0f63}.border-accent-amber\/10{border-color:#ffb8001a}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.fixed{position:fixed}.center-x{left:50%;transform:translate(-50%)}.absolute.center-x{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-40{z-index:40}.z-50{z-index:50}.top-4{top:1rem}.left-4{left:1rem}.bottom-4{bottom:1rem}.right-4{right:1rem}.top-1\/2{top:50%}.left-0{left:0}.left-1\/2{left:50%}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-x-1\/2{transform:translate(-50%)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.min-h-screen{min-height:100vh}.min-h-\[400px\]{min-height:400px}.h-48{height:12rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-1000{transition-duration:1s}.animate-in{animation-duration:.5s;animation-fill-mode:both}.fade-in{animation-name:fade-in}.zoom-in{animation-name:zoom-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.touch-none{touch-action:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}button{cursor:pointer;font-family:inherit;transition:all .2s ease}input[type=range]{width:100%;accent-color:var(--accent-cyan)}.console-panel{background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:8px;padding:1rem}.btn-primary{background:var(--accent-cyan);color:#000;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 15px #00f0ff4d}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:6px;padding:.75rem 1.5rem;font-weight:500;font-size:.9rem;display:flex;align-items:center;justify-content:center}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.metric-label{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.metric-value{color:var(--accent-cyan);font-family:monospace;font-size:1.1rem}.compliance-label{font-size:.7rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.orientation-strip{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:1.5rem;padding:1rem 1.15rem}.orientation-copy{display:flex;flex-direction:column;gap:.55rem}.orientation-copy p,.orientation-step p,.control-description,.metric-description{color:var(--text-secondary);font-size:.76rem;line-height:1.45}.orientation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.orientation-step{display:grid;grid-template-columns:auto 1fr;gap:.65rem;padding-left:.85rem;border-left:1px solid rgba(255,255,255,.08)}.orientation-step-index{color:var(--accent-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;opacity:.85}.orientation-step-label{color:var(--text-primary);font-size:.75rem;font-weight:700;text-transform:uppercase}.control-description{margin-top:-.2rem}.metric-copy{display:flex;flex-direction:column;gap:.16rem;max-width:68%}.metric-description{font-size:.68rem}.synapse-canvas{display:block;background:#090b0b}.loop-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.8rem}.loop-profile-button{align-items:flex-start;background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--text-primary);display:flex;flex-direction:column;gap:.25rem;min-height:4.4rem;padding:.7rem;text-align:left}.loop-profile-button.active{background:#00f0ff14;border-color:#00f0ff52}.loop-profile-button span{font-size:.76rem;font-weight:700}.loop-profile-button small{color:var(--text-secondary);font-size:.66rem;line-height:1.35}.profile-meta-grid{border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.9rem;padding-top:.75rem}.profile-meta-grid div{display:flex;flex-direction:column;gap:.15rem}.profile-meta-grid span{color:var(--text-secondary);font-size:.62rem;text-transform:uppercase}.profile-meta-grid strong{color:var(--accent-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.timeline-track-wrap{position:relative;padding:2.2rem .8rem 1rem}.timeline-track,.timeline-track-progress{height:1px;left:.8rem;position:absolute;right:.8rem;top:2.55rem}.timeline-track{background:#ffffff14}.timeline-track-progress{background:var(--accent-cyan);box-shadow:0 0 14px #00f0ff40;right:auto;max-width:calc(100% - 1.6rem)}.timeline-milestone-row{display:flex;justify-content:space-between;position:relative}.timeline-milestone{align-items:center;display:flex;flex-direction:column;gap:.35rem;max-width:7rem;text-align:center}.timeline-dot{background:var(--border-muted);border-radius:999px;height:.7rem;width:.7rem;z-index:1}.timeline-dot.unlocked{background:var(--accent-cyan);box-shadow:0 0 12px #00f0ff7a}.timeline-day{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.64rem;font-weight:700}.timeline-label{color:var(--text-secondary);font-size:.65rem;font-weight:700;line-height:1.25;text-transform:uppercase}.timeline-label.unlocked{color:var(--accent-cyan)}.milestone-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.milestone-card{background:#00000047;border:1px solid rgba(255,255,255,.055);border-radius:8px;padding:.8rem}.milestone-card.unlocked{border-color:#00f0ff38}.milestone-card-header{display:flex;justify-content:space-between;margin-bottom:.45rem}.milestone-card-header span,.milestone-card-header strong{color:var(--text-secondary);font-size:.62rem;text-transform:uppercase}.milestone-card.unlocked .milestone-card-header strong{color:var(--accent-green)}.milestone-card h4{color:var(--text-primary);font-size:.8rem;margin-bottom:.4rem}.milestone-card p{color:var(--text-secondary);font-size:.68rem;line-height:1.45;margin-top:.35rem}.sos-wave-panel,.sos-info-card,.variance-reframe{background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.85rem}.sos-wave-panel{margin-top:4rem;max-width:28rem;width:100%}.sos-wave-panel h3,.sos-info-card h3,.variance-reframe h3{color:var(--text-primary);font-size:.72rem;text-transform:uppercase}.sos-wave-panel p,.sos-info-card p,.variance-reframe p{color:var(--text-secondary);font-size:.7rem;line-height:1.45;margin-top:.45rem}.urge-wave{display:block;height:5rem;margin-top:.5rem;overflow:visible;width:100%}.urge-wave-shadow{fill:none;stroke:#ffb80021;stroke-width:7}.urge-wave-line{fill:none;stroke:var(--accent-cyan);stroke-width:1.3}.urge-wave-cursor{stroke:var(--accent-green);stroke-dasharray:2 3;stroke-width:.8}.sos-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.variance-reframe{border-color:#ffb8002e}.model-caption{position:absolute;bottom:1rem;left:1rem;right:1rem;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.78}.glass{background:#0f0f0fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.card{background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:12px;padding:1.25rem}.primary-btn{background:var(--accent-cyan);color:#000;border:none;border-radius:8px;padding:.85rem 1.5rem;font-weight:700;width:100%;cursor:pointer;transition:all .2s ease}.secondary-btn{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-muted);border-radius:8px;padding:.85rem 1.5rem;font-weight:600;cursor:pointer}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.onboarding-card{max-width:420px;width:100%}.onboarding-card h1{font-size:1.5rem;margin-bottom:.5rem;color:var(--accent-cyan)}.subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.explanation-box{background:#00f0ff0d;border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:.85rem;color:var(--text-primary)}.target-selection label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem}.target-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.target-btn{background:#ffffff08;border:1px solid var(--border-muted);border-radius:8px;padding:.75rem;color:var(--text-secondary);font-size:.85rem;cursor:pointer}.target-btn.active{background:#00f0ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.today-page{display:flex;flex-direction:column;gap:1rem;padding:4rem 1.5rem 1.5rem;max-width:500px;margin:0 auto}.today-header{display:flex;justify-content:space-between;align-items:baseline}.day-badge{font-size:1.5rem;font-weight:800;color:var(--accent-cyan)}.profile-info{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.coach-sentence{font-size:1rem;font-style:italic;color:var(--text-primary);line-height:1.5;text-align:center}.model-section{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden}.canvas-container{width:100%;height:100%}.model-overlay-ui{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between}.legend-trigger{background:#0006;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.35rem .65rem;border-radius:99px;font-size:.7rem;cursor:pointer}.maturity-indicator{background:#00f0ff1a;color:var(--accent-cyan);padding:.35rem .65rem;border-radius:99px;font-size:.7rem;font-weight:700}.training-slots{display:flex;flex-direction:column;gap:.75rem}.slots-header h3{font-size:.85rem;text-transform:uppercase;color:var(--text-secondary)}.slots-grid{display:flex;gap:.5rem}.slot{flex:1;height:6px;background:#ffffff0d;border-radius:3px}.slot.filled{background:var(--accent-cyan);box-shadow:0 0 10px #00f0ff66}.slots-note{font-size:.75rem;color:var(--text-secondary);font-style:italic}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.action-btn{background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:8px;padding:1rem .5rem;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer}.action-btn.primary{background:#00f0ff1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.action-btn.urgent{background:#ff4d4d1a;border-color:var(--accent-red);color:var(--accent-red)}.action-btn.outline{border-style:dashed;color:var(--text-secondary)}.advanced-section{margin-top:1rem}.advanced-toggle{background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;width:100%;text-align:center;cursor:pointer;padding:.5rem}.compliance-footer{font-size:.7rem;color:var(--text-secondary);text-align:center;opacity:.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000c;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.legend-grid{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.legend-item h3{font-size:.95rem;color:var(--accent-cyan);margin-bottom:.35rem}.legend-item p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.legend-item strong{color:var(--text-primary)}.debrief-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1.5rem}.debrief-card{max-width:450px;width:100%}.debrief-intro{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-bottom:1.5rem;line-height:1.5}.debrief-question label{display:block;font-size:1rem;font-weight:600;margin-bottom:1rem}.debrief-question textarea{width:100%;height:120px;background:#0003;border:1px solid var(--border-muted);border-radius:8px;padding:1rem;color:var(--text-primary);font-family:inherit;resize:none}.debrief-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.step-indicator{font-size:.85rem;color:var(--text-secondary)}.training-card{min-height:300px;display:flex;flex-direction:column}.training-counter{font-size:.8rem;color:var(--text-secondary);background:#ffffff0d;padding:.25rem .5rem;border-radius:4px}.training-body{flex:1;padding:1rem 0}.training-body h3{font-size:1.25rem;margin-bottom:1rem;color:var(--accent-cyan)}.training-body p{line-height:1.6}.limit-notice{font-size:.75rem;color:var(--accent-amber);margin-bottom:1rem;text-align:center}.options-list{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0}.option-btn{text-align:left;background:#ffffff08;border:1px solid var(--border-muted);border-radius:8px;padding:.85rem;color:var(--text-primary);font-size:.9rem}.option-btn.active{border-color:var(--accent-cyan);background:#00f0ff0d}.modal-actions{display:flex;gap:1rem}.secondary-btn{flex:1}.maturity-preview .preview-canvas-container{width:100%;aspect-ratio:16 / 9;border-radius:8px;margin:1rem 0;position:relative;overflow:hidden}.preview-label{position:absolute;top:.5rem;left:.5rem;background:#0009;padding:.25rem .5rem;border-radius:4px;font-size:.6rem;text-transform:uppercase;color:var(--accent-cyan)}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}