:root{--bg: #0B0A1F;--surface: #151329;--surface-el: #1E1B35;--surface-sel: #241F40;--border: rgba(55, 49, 82, .85);--border-str: #5B4B8A;--primary: #A78BFA;--primary-hov: #8B5CF6;--primary-act: #7C3AED;--primary-dim: rgba(167, 139, 250, .12);--primary-glow: rgba(167, 139, 250, .28);--accent-warm: #F59E0B;--error: #F87171;--success: #34D399;--warn-bg: rgba(245, 158, 11, .1);--warn-border: rgba(245, 158, 11, .3);--text: #F8F7FF;--text-sec: #D6D0EF;--text-muted: #A7A0C3;--text-dis: #6B647F;--focus: #C4B5FD;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--card-pad: 28px;--nav-h: 0px}@media(max-width:767px){:root{--card-pad: 16px;--nav-h: calc(72px + env(safe-area-inset-bottom, 0px)) }}@media(min-width:768px)and (max-width:1023px){:root{--card-pad: 22px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;min-height:100dvh}body{background-color:var(--bg);background-image:radial-gradient(ellipse 90% 55% at 12% 0%,rgba(30,27,58,.7) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 88% 100%,rgba(26,21,51,.55) 0%,transparent 50%);color:var(--text);font-family:Heebo,Assistant,Rubik,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0;line-height:1.6}:lang(he){line-height:1.6}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font-family:inherit;cursor:pointer;transition:transform .15s ease,filter .15s ease,background-color .15s ease,border-color .15s ease}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)!important;filter:none}button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:767px){button,[role=button],label[role=button]{min-height:44px}}input,textarea,select{font-family:inherit}textarea{background-color:#141228e6!important;color:var(--text)!important;border:1px solid var(--border);transition:border-color .2s,box-shadow .2s;line-height:1.55}textarea::placeholder{color:var(--text-dis)!important}textarea:focus-visible{outline:none!important;border-color:#a78bfa99!important;box-shadow:0 0 0 3px #a78bfa1f!important}input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}textarea[dir=ltr]{text-align:start}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spinGear{to{transform:rotate(360deg)}}@keyframes bounceDown{0%,to{transform:translateY(0)}55%{transform:translateY(8px)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:.45}50%{transform:translate(8px);opacity:1}}@keyframes slideInEnd{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes hintGlow{0%,to{box-shadow:0 0 0 1px #a78bfa47,0 4px 24px -8px #a78bfa26}50%{box-shadow:0 0 0 1px #a78bfa73,0 6px 32px -6px #a78bfa47}}@keyframes progressBar{0%{width:0}to{width:100%}}.fade{animation:fadeIn .35s ease both}.app-shell{width:100%;max-width:760px;position:relative;z-index:1}@media(max-width:767px){.app-shell{padding-bottom:var(--nav-h)}}.stage-card{background:#151329a6;border:1px solid rgba(55,49,82,.75);border-radius:var(--r-lg);padding:var(--card-pad);min-height:360px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stepper-full{display:flex!important}.stepper-compact{display:none!important}@media(max-width:767px){.stepper-full{display:none!important}.stepper-compact{display:block!important}}@media(max-height:560px)and (orientation:landscape){.stepper-full{display:none!important}.stepper-compact{display:block!important}}.compact-stepper{padding:0 0 14px}.compact-stepper__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.compact-stepper__counter{color:var(--primary);font-weight:700;font-size:12px;letter-spacing:.03em}.compact-stepper__name{color:var(--text-sec);font-weight:600}.compact-stepper__track{height:3px;background:var(--border);border-radius:4px;overflow:hidden}.compact-stepper__fill{height:100%;background:var(--primary);border-radius:4px;transition:width .4s cubic-bezier(.22,1,.36,1)}.nav-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}@media(max-width:767px){.nav-bar{position:fixed;inset-inline:0;bottom:0;z-index:300;margin-top:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#0b0a1ff7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(55,49,82,.6);box-shadow:0 -6px 32px #0006}.nav-bar>button{flex:1;min-height:48px;font-size:15px}.nav-bar>button:first-child:not(:only-child){flex:0 0 auto;padding-inline:20px}}.sort-move-btn{display:none;position:absolute;width:26px;height:26px;border-radius:6px;background:#0b0a1fe0;border:1px solid rgba(167,139,250,.32);color:#a78bfae6;font-size:13px;align-items:center;justify-content:center;padding:0;z-index:12;cursor:pointer;transition:background .15s,border-color .15s}.sort-move-btn:hover{background:#a78bfa2e;border-color:#a78bfa99}@media(max-width:1023px){.sort-move-btn{display:flex}}.sort-move-btn:focus-visible{display:flex}.sort-delete-btn{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#000000c7;border:none;cursor:pointer;line-height:1;padding:0;color:#f87171;font-size:15px;width:24px;height:24px;transition:background .15s;top:4px;inset-inline-start:4px;z-index:11}.sort-delete-btn:hover{background:#f8717133}@media(max-width:767px){.sort-delete-btn{width:32px;height:32px;font-size:17px;top:3px}}.mode-cards-row{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:540px){.mode-cards-row{flex-direction:column}}.model-cards-row{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:440px){.model-cards-row{flex-direction:column}}@media(max-height:560px)and (orientation:landscape){.app-header{margin-bottom:10px!important}.mf-wrap{display:none!important}}.scatter-board{max-height:200px!important}@media(min-width:768px){.scatter-board{max-height:none!important}}.dur-stepper{display:flex;align-items:center;gap:0}.dur-stepper__btn{width:28px;height:28px;border-radius:6px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);color:var(--primary);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;transition:background .15s;min-height:unset}.dur-stepper__btn:hover{background:#a78bfa33}.dur-stepper__input{width:40px;height:28px;background:#141228e6;border:1px solid var(--border);border-inline:none;color:var(--primary)!important;font-size:13px;font-weight:700;text-align:center;padding:0 2px}.dur-stepper__input::-webkit-inner-spin-button,.dur-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none}.ratio-cards{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.ratio-card{flex:1 1 80px;min-width:0}@media(max-width:400px){.ratio-card{flex:1 1 64px}}.alert-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--r-sm);background:var(--warn-bg);border:1px solid var(--warn-border);font-size:13px;line-height:1.5;margin-bottom:12px}.alert-banner__icon{font-size:16px;flex-shrink:0;margin-top:1px}.alert-banner__body{flex:1}.alert-banner__title{font-weight:700;color:var(--accent-warm);margin-bottom:2px;font-size:13px}.alert-banner__text{color:var(--text-sec);font-size:12px}.cost-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#a78bfa12;border:1px solid rgba(167,139,250,.18);border-radius:var(--r-md);margin-top:20px}.cost-bar__label{font-size:14px;color:var(--text-sec)}.cost-bar__amount{font-size:22px;font-weight:800;color:var(--primary);margin-inline-start:auto}.cost-bar__sub{font-size:11px;color:var(--text-muted)}.section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:20px 0 10px}body{overflow-x:hidden}