.mos-tool-root{--bg-void:#050a0d;--bg-deep:#080f14;--bg-primary:#0a1318;--bg-card:#0d1920;--bg-elevated:#112028;--bg-input:#0a1419;--bg-hover:#152a35;--border-faint:#0f1e28;--border-subtle:#142430;--border-default:#1a3040;--border-focus:#245060;--text-primary:#d8e6ec;--text-secondary:#7098a8;--text-muted:#3e5e6e;--text-dim:#253540;--accent-teal:#2cb4cc;--accent-teal-glow:#2cb4cc40;--accent-cyan:#2cb4cc;--accent-cyan-soft:#2cb4cc1f;--accent-cyan-glow:#2cb4cc40;--accent-green:#38b07a;--accent-green-soft:#38b07a1a;--accent-green-glow:#38b07a40;--accent-red:#c04848;--accent-red-soft:#c048481a;--accent-amber:#c8a040;--accent-amber-soft:#c8a0401a;--font-body:"Outfit", sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:14px;--space-lg:20px;--space-xl:28px;--space-2xl:40px}.mos-tool-root *,.mos-tool-root :before,.mos-tool-root :after{box-sizing:border-box;margin:0;padding:0}.mos-tool-root{font-family:var(--font-body);color:var(--text-primary);overflow-x:hidden}.mos-tool-inner{max-width:460px;margin:0 auto;padding:0 20px 64px;position:relative}.topbar{border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px 0 14px;display:none}.topbar.visible{display:flex}.topbar__brand{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);font-size:8px;font-weight:400}.topbar__title{font-family:var(--font-display);color:var(--text-muted);margin-top:2px;font-size:13px;font-weight:300}.narration-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.narration-toggle__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:9px;transition:color .3s}.narration-toggle.active .narration-toggle__label{color:var(--accent-cyan)}.narration-toggle__switch{background:var(--border-subtle);border-radius:9px;width:32px;height:18px;transition:background .3s;position:relative}.narration-toggle__switch:after{content:"";background:var(--text-muted);border-radius:50%;width:12px;height:12px;transition:all .3s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px}.narration-toggle.active .narration-toggle__switch{background:var(--accent-cyan-soft)}.narration-toggle.active .narration-toggle__switch:after{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan-glow);left:17px}.live-bw{background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-md);margin-bottom:16px;padding:14px 16px 12px;position:relative;overflow:hidden}.live-bw:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan-glow), transparent);height:1px;animation:4s linear infinite scanline;position:absolute;top:0;left:0;right:0}@keyframes scanline{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.live-bw__row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.live-bw__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.live-bw__dot{background:var(--accent-cyan);border-radius:50%;width:5px;height:5px;margin-right:6px;animation:2s ease-in-out infinite dot-blink;display:inline-block}@keyframes dot-blink{0%,to{opacity:.4}50%{opacity:1}}.live-bw__value{font-family:var(--font-mono);font-size:22px;font-weight:600;transition:color .5s}.live-bw__track{background:var(--bg-void);border-radius:2px;width:100%;height:4px;overflow:hidden}.live-bw__fill{border-radius:2px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1),background .5s}.bw-chart-container{background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-md);margin-bottom:16px;padding:14px 14px 10px}.bw-chart-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bw-chart-header__title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.bw-chart-legend{gap:12px;display:flex}.bw-chart-legend__item{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;font-size:8px;display:flex}.bw-chart-legend__dot{border-radius:50%;width:6px;height:6px}.bw-chart-legend__dot--avail{background:var(--accent-green)}.bw-chart-legend__dot--used{background:var(--accent-red)}.mod-progress{justify-content:center;align-items:flex-start;margin-bottom:20px;padding:0 8px;display:flex}.mod-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.mod-dot{border:2px solid var(--border-default);z-index:1;background:0 0;border-radius:50%;width:9px;height:9px;transition:all .4s}.mod-dot--active{border-color:var(--accent-cyan);background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}.mod-dot--done{border-color:var(--accent-green);background:var(--accent-green)}.mod-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin-top:5px;font-size:7px;line-height:1.3;transition:color .4s}.mod-label--active{color:var(--text-secondary)}.mod-label--done{color:var(--accent-green)}.mod-line{background:var(--border-faint);width:calc(100% - 12px);height:1px;transition:background .4s;position:absolute;top:4.5px;left:calc(50% + 6px)}.mod-line--done{background:var(--accent-green);opacity:.4}.screen{opacity:0;display:none;transform:translateY(16px)}.screen.active{animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeUp;display:block}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:8px;font-size:10px;font-weight:500}.heading{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:16px;font-size:20px;font-weight:300;line-height:1.35}.subtext{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.65}.instruction{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:14px;font-size:10px}.option-group{flex-direction:column;gap:5px;margin-bottom:20px;display:flex}.opt-btn{border:1px solid var(--border-faint);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:11px;padding:13px 15px;font-size:13.5px;transition:all .2s;display:flex}.opt-btn:hover{background:var(--bg-hover);border-color:var(--border-default)}.opt-btn:active{transform:scale(.985)}.opt-btn.selected{background:var(--bg-elevated);border-color:var(--accent-cyan);color:var(--text-primary);box-shadow:0 0 20px var(--accent-cyan-soft)}.opt-btn.flash-warn{border-color:var(--accent-red)!important}.opt-check{border:1.5px solid var(--border-default);width:17px;height:17px;color:var(--bg-void);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:all .2s;display:flex}.opt-check--radio{border-radius:50%}.opt-btn.selected .opt-check{background:var(--accent-cyan);border-color:var(--accent-cyan)}.opt-val{font-family:var(--font-mono);color:var(--accent-cyan);min-width:38px;font-size:13px;font-weight:600}.btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;margin-top:8px;padding:14px 20px;font-size:12px;font-weight:500;transition:all .25s;display:block}.btn:hover{background:var(--bg-hover);border-color:var(--accent-cyan)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.25;cursor:not-allowed}.btn:disabled:hover{background:var(--bg-elevated);border-color:var(--border-default)}.btn--green{background:var(--accent-green-soft);color:var(--accent-green);border-color:#38b07a40}.btn--green:hover{border-color:var(--accent-green);background:#38b07a26}.btn--outline{border-color:var(--border-subtle);color:var(--text-secondary);letter-spacing:.08em;background:0 0;font-size:10px}.btn--outline:hover{border-color:var(--accent-cyan);color:var(--text-primary);background:var(--bg-hover)}.gated-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;margin-bottom:16px;display:grid}.sys{background:var(--bg-input);border:1px solid var(--border-faint);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:14px;padding:13px 15px;font-size:11px;line-height:1.7}.sys .hi{color:var(--text-primary)}.sys .cy{color:var(--accent-cyan)}.sys .gn{color:var(--accent-green)}.sys--ok{color:var(--accent-green);border-color:#38b07a33}.sys--alert{background:var(--accent-red-soft);border-color:#c0484833}.sys--amber{color:var(--accent-amber);border-color:#c8a04033}.alert-banner{background:var(--accent-red-soft);border-radius:var(--radius-md);border:1px solid #c0484833;margin-bottom:16px;padding:16px}.alert-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-red);margin-bottom:8px;font-size:10px}.alert-text{color:#c89090;font-size:13px;line-height:1.6}.text-input{background:var(--bg-input);border:1px solid var(--border-faint);border-radius:var(--radius-md);width:100%;min-height:80px;color:var(--text-primary);font-family:var(--font-display);resize:vertical;-webkit-appearance:none;outline:none;margin-bottom:14px;padding:13px;font-size:13.5px;line-height:1.6;transition:border-color .2s}.text-input::placeholder{color:var(--text-dim)}.text-input:focus{border-color:var(--border-focus)}.loop-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.loop-tag{font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border-faint);color:var(--text-muted);border-radius:18px;align-items:center;gap:4px;padding:5px 11px;font-size:10px;transition:all .3s;display:inline-flex}.loop-tag--compressed{background:var(--accent-green-soft);color:var(--accent-green);border-color:#38b07a33}.loop-tag--current{border-color:var(--accent-cyan);color:var(--accent-cyan)}.loop-circle-wrap{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.loop-circle{width:120px;height:120px;position:relative}.loop-circle svg{width:100%;height:100%}.loop-circle__bg{fill:none;stroke:var(--border-faint);stroke-width:4px}.loop-seg{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1),stroke .4s}.loop-seg--1{stroke:var(--accent-cyan)}.loop-seg--2{stroke:var(--accent-amber)}.loop-seg--3{stroke:var(--accent-green)}.loop-circle__center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loop-circle__icon{color:var(--text-secondary);margin-bottom:2px;font-size:18px;transition:all .4s}.loop-circle--complete .loop-circle__icon{color:var(--accent-green)}.loop-circle__name{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.loop-circle__status{font-family:var(--font-mono);color:var(--text-dim);margin-top:2px;font-size:8px}.loop-circle--complete .loop-circle__status{color:var(--accent-green)}.loop-seg-labels{gap:14px;margin-top:10px;display:flex}.loop-seg-label{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-size:8px;display:flex}.loop-seg-label__dot{border-radius:50%;width:5px;height:5px}.welcome{text-align:center;min-height:80vh;padding-top:var(--space-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome__logo-btn{border-radius:var(--radius-full);cursor:pointer;width:160px;height:160px;margin-bottom:var(--space-xl);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.welcome__logo-btn:hover{transform:scale(1.06)}.welcome__logo-btn:active{transform:scale(.93)}.welcome__logo-btn:hover .welcome__logo-img{filter:drop-shadow(0 0 18px #2cb4cc8c)drop-shadow(0 0 36px #2cb4cc40)}.welcome__logo-btn:after{content:"";border-radius:var(--radius-full);opacity:0;pointer-events:none;background:radial-gradient(circle,#2cb4cc2e 0%,#0000 70%);transition:opacity .2s;position:absolute;inset:-14px}.welcome__logo-btn:active:after{opacity:1}.welcome__logo-img{border-radius:var(--radius-full);object-fit:cover;z-index:2;filter:drop-shadow(0 0 8px #2cb4cc33);width:140px;height:140px;transition:filter .3s;position:relative}.welcome__logo-ring{border-radius:var(--radius-full);border:1px solid var(--accent-cyan);pointer-events:none;z-index:1;position:absolute}.welcome__logo-ring--outer{opacity:.18;animation:3s ease-in-out infinite logo-ring-pulse;inset:-14px}.welcome__logo-ring--inner{opacity:.3;animation:3s ease-in-out .8s infinite logo-ring-pulse;inset:-5px}@keyframes logo-ring-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.4;transform:scale(1.04)}}.welcome__brand{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:9px}.welcome__title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-size:22px;font-weight:300;line-height:1.3}.welcome__sub{color:var(--text-muted);max-width:300px;margin:0 auto var(--space-sm);font-size:13px;line-height:1.7}.welcome__hint{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px;animation:2.5s ease-in-out infinite hint-blink}@keyframes hint-blink{0%,to{opacity:.4}50%{opacity:.85}}.complete-icon{background:var(--accent-green-soft);border:2px solid #38b07a4d;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:28px auto 20px;font-size:28px;animation:.6s cubic-bezier(.22,1,.36,1) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.complete-tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-green);text-align:center;margin-bottom:6px;font-size:11px}.complete-status{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.7}.divider{background:linear-gradient(90deg, transparent, var(--border-faint), transparent);width:100%;height:1px;margin:20px 0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-faint);border-radius:2px}@media (max-width:360px){.heading{font-size:18px}.welcome__title{font-size:20px}.mos-tool-inner{padding:0 16px 48px}}@keyframes vbar{0%,to{opacity:.2;height:4px}50%{opacity:.6;height:16px}}