:root{--bg: #fdfcf8;--surface: #ffffff;--surface-alt: #f5f4ef;--primary: #22c55e;--primary-dark: #16a34a;--primary-glow: rgba(34, 197, 94, .14);--text: #111827;--text-dim: #6b7280;--border: rgba(17, 24, 39, .09);--radius: 12px;--font: "Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh}.shell{max-width:640px;margin:0 auto;padding:16px 16px 40px;display:flex;flex-direction:column;gap:20px;min-height:100dvh}@media(min-width:900px){.shell-wide{max-width:1080px;padding-left:28px;padding-right:28px}}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;object-fit:contain}.brand h1{font-size:1.15rem;font-weight:700}.brand p{font-size:.8rem;color:var(--text-dim)}.lang-switcher{display:flex;gap:4px}.lang-btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 10px;font-family:var(--font);font-size:.8rem;cursor:pointer}.lang-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.stepper{display:flex;list-style:none;gap:4px}.stepper-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.stepper-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:var(--surface-alt);color:var(--text-dim);border:1px solid var(--border)}.stepper-item.active .stepper-dot{background:var(--primary);border-color:var(--primary);color:#fff}.stepper-item.done .stepper-dot{background:var(--primary-glow);border-color:var(--primary);color:var(--primary-dark)}.stepper-label{font-size:.68rem;color:var(--text-dim)}.stepper-item.active .stepper-label{color:var(--text);font-weight:600}.shell-main{display:flex;flex-direction:column;gap:16px;flex:1}.page-title{font-size:1.25rem;font-weight:700}.field-label{font-size:.85rem;font-weight:600;color:var(--text-dim);margin-bottom:6px;display:block}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.option-card{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:12px;text-align:start;cursor:pointer;font-family:var(--font);display:flex;flex-direction:column;gap:2px}.option-card.selected{border-color:var(--primary);background:var(--primary-glow)}.option-card .icon{font-size:1.3rem}.option-card .label{font-weight:700;font-size:.9rem}.option-card .desc{font-size:.75rem;color:var(--text-dim)}select,input[type=text],input[type=tel],input[type=email],input[type=number]{width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:12px;font-family:var(--font);font-size:1rem;background:var(--surface);color:var(--text)}input:focus,select:focus{outline:2px solid var(--primary);border-color:var(--primary)}input.invalid{border-color:#dc2626}.category-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.category-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px;background:none;border:none;font-family:var(--font);font-weight:700;font-size:.9rem;cursor:pointer;color:var(--text)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.chip{border:1px solid var(--border);background:var(--surface-alt);border-radius:999px;padding:6px 12px;font-size:.8rem;font-family:var(--font);cursor:pointer}.chip:disabled{opacity:.45;cursor:default}.selection-summary{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;padding:9px 12px;border-radius:10px;background:var(--surface-alt);color:var(--text-dim);font-size:.78rem;font-variant-numeric:tabular-nums}.selection-summary strong{color:var(--text)}.selected-list{display:flex;flex-direction:column;gap:8px}.selected-list-header,.selected-row{display:grid;grid-template-columns:minmax(0,1fr) 86px 64px 20px;gap:8px;align-items:center}.selected-list-header{padding:0 12px;color:var(--text-dim);font-size:.72rem;font-weight:700;text-align:center}.selected-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.selected-row .name{font-size:.85rem;font-weight:600}.selected-row .meta{font-size:.72rem;color:var(--text-dim)}.qty-ctl{display:flex;align-items:center;justify-content:center;gap:6px}.qty-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--surface-alt);font-size:1rem;cursor:pointer}.hours-input{width:64px;padding:6px 8px!important;font-size:.85rem!important}.remove-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-dim)}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px}.contact-card .explain{font-size:.9rem;color:var(--text-dim);line-height:1.5}.phone-row{display:flex;gap:8px;align-items:center}.phone-prefix{border:1.5px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--surface-alt);font-weight:700}.error-msg{color:#dc2626;font-size:.82rem}.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.calculation-card{min-height:190px;justify-content:center;text-align:center}.calculation-skeleton{display:grid;gap:8px;width:min(100%,360px);margin:2px auto}.calculation-skeleton span{height:12px;border-radius:6px;background:var(--surface-alt);animation:skeletonpulse 1.2s ease-in-out infinite}.calculation-skeleton span:nth-child(2){width:82%;justify-self:center;animation-delay:.12s}.calculation-skeleton span:nth-child(3){width:64%;justify-self:center;animation-delay:.24s}.calculation-status{color:var(--text);font-size:.88rem;font-weight:700}@keyframes skeletonpulse{50%{opacity:.42}}.confirm-card{text-align:center;padding:40px 20px;display:flex;flex-direction:column;gap:14px;align-items:center}.confirm-card .big{font-size:3rem}.simulation-capture{display:flex;flex-direction:column;gap:14px;padding:4px}.result-head{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.result-head .big{font-size:2.6rem}.result-ref{display:inline-block;background:var(--primary-glow);color:var(--primary-dark);border:1px solid var(--primary);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:700;letter-spacing:.3px}.result-intro{font-size:.88rem;color:var(--text-dim);line-height:1.6;text-align:center}.result-section{display:flex;flex-direction:column;gap:8px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.result-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.result-item .v{font-size:1.05rem;font-weight:700;color:var(--primary-dark)}.result-item .l{font-size:.72rem;color:var(--text-dim);margin-top:2px}.result-blocks{display:flex;flex-direction:column;gap:8px}.result-block{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.result-block .l{font-size:.72rem;color:var(--text-dim)}.result-block .v{font-size:1rem;font-weight:700;margin-top:2px}.result-block .sub{font-size:.75rem;color:var(--text-dim);margin-top:2px}[dir=rtl] .result-item,[dir=rtl] .result-block{text-align:right}.sim4-stage{background:radial-gradient(120% 80% at 18% 0%,#fff7e6 0%,transparent 55%),linear-gradient(180deg,#fffdf7,#f6f8f4);border:1px solid var(--border);border-radius:var(--radius);padding:14px 8px 10px;overflow:hidden}.sim4-diagram{width:100%;height:auto;display:block}.node-value{font-size:8.5px;font-weight:800;fill:var(--text);text-anchor:middle}.node-label{font-size:7.5px;font-weight:600;fill:var(--text-dim);text-anchor:middle}.node-sublabel{font-size:6.5px;font-weight:600;fill:var(--text-dim);text-anchor:middle}.node-label-start{text-anchor:start}.node-off{opacity:.32;transition:opacity .3s}.ic-sun-halo{fill:#fde68a;opacity:.45;animation:sunpulse 3s ease-in-out infinite}.ic-sun-ray{stroke:#f59e0b;stroke-width:2;stroke-linecap:round}.ic-stand{stroke:#9aa4b2;stroke-width:2;stroke-linecap:round}.ic-batt-fill{transition:y .35s ease,height .35s ease}.ic-grid{transition:opacity .3s}.ic-grid-off{opacity:.4}.flow-base{fill:none;stroke:#d3d7dd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.flow-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 7;animation:flowdash .9s linear infinite}.flow-amber{stroke:#f59e0b}.flow-green{stroke:var(--primary)}.flow-blue{stroke:#3b82f6}.flow-grey{stroke:#94a3b8}.sun-beam{stroke-dasharray:1.5 5}.wire-node{fill:#9aa4b2}.node-start{text-anchor:start}.flow-off{opacity:.24}.flow-off .flow-line{animation:none}@keyframes flowdash{to{stroke-dashoffset:-9}}@keyframes sunpulse{0%,to{opacity:.28}50%{opacity:.55}}.sim4-layout{display:grid;grid-template-columns:1fr;gap:14px}.sim4-energy-sec,.sim4-diagram-sec,.sim4-system-sec{display:flex;flex-direction:column;gap:8px}.sim4-side{display:flex;flex-direction:column}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;display:flex;flex-direction:column;gap:16px}.side-title{font-size:.9rem;font-weight:800;color:var(--text)}.sim4-dial-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.sim4-hint{font-size:.74rem;color:var(--text-dim);text-align:center;max-width:26ch;line-height:1.5}.side-field{display:flex;flex-direction:column;gap:7px}.side-label{font-size:.82rem;font-weight:700;color:var(--text-dim)}.side-inverter{display:flex;gap:8px;align-items:center}.side-inverter select{flex:1}.side-note{font-size:.74rem;line-height:1.4}.sim4-actions{display:flex;gap:12px;margin-top:4px}.sim4-actions .btn{flex:1}.capture-status{color:var(--primary-dark);font-size:.85rem;font-weight:700;text-align:center}.reset-link{align-self:center;border:0;background:none;color:var(--text-dim);font:600 .82rem var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.spec-grid{display:grid;grid-template-columns:1fr;gap:10px}.spec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.spec-head{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--text-dim)}.spec-ic{font-size:1.05rem}.spec-count{font-size:1.7rem;font-weight:800;color:var(--text);line-height:1;display:flex;align-items:baseline;gap:5px}.spec-count span{font-size:.85rem;font-weight:700;color:var(--text-dim)}.spec-sub{font-size:.78rem;color:var(--text-dim)}.spec-ok{color:var(--primary-dark);font-weight:700}.spec-warn{color:#d97706;font-weight:700}@media(min-width:620px){.spec-grid{grid-template-columns:repeat(3,1fr)}.result-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px){.sim4-layout{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"energy side" "diagram side" "system side";align-items:start}.sim4-energy-sec{grid-area:energy}.sim4-diagram-sec{grid-area:diagram}.sim4-system-sec{grid-area:system}.sim4-side{grid-area:side;position:sticky;top:12px}.sim4-stage{display:flex;align-items:center}.sim4-stage .sim4-diagram{margin:auto}}.dial{position:relative}.dial svg{display:block;outline:none}.dial svg:focus,.dial svg:focus-visible{outline:none}.dial:focus-within{border-radius:50%;box-shadow:0 0 0 4px #f59e0b38}.dial-track{fill:none;stroke:var(--surface-alt);stroke-width:14;stroke-linecap:round}.dial-fill{fill:none;stroke:url(#dialGrad);stroke-width:14;stroke-linecap:round;filter:drop-shadow(0 2px 5px rgba(245,158,11,.4))}.dial-handle{fill:#fff;stroke:#f59e0b;stroke-width:4;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.dial-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.dial-value{font-size:2.15rem;font-weight:800;color:var(--text);line-height:1}.dial-value i{font-style:normal;font-size:1.05rem;font-weight:700;color:#d97706;margin-left:1px}.dial-label{font-size:.72rem;font-weight:600;color:var(--text-dim);max-width:66%;text-align:center;line-height:1.3}.pill-group{display:flex;gap:8px}.pill{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:60px;padding:10px 12px;border:1.5px solid var(--border);background:var(--surface);border-radius:14px;cursor:pointer;font-family:var(--font);transition:border-color .15s,background .15s,transform .1s}.pill:hover{border-color:var(--primary)}.pill:active{transform:scale(.96)}.pill.selected{background:var(--primary-glow);border-color:var(--primary)}.pill-num{font-size:1.35rem;font-weight:800;color:var(--text);line-height:1}.pill.selected .pill-num{color:var(--primary-dark)}.pill-unit{font-size:.68rem;font-weight:600;color:var(--text-dim)}@media(prefers-reduced-motion:reduce){.flow-line,.ic-sun-halo,.calculation-skeleton span{animation:none}}.step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.btn{font-family:var(--font);font-size:1rem;font-weight:700;border-radius:var(--radius);padding:14px 22px;cursor:pointer;border:none}.btn-primary{background:var(--primary);color:#fff;flex:1}.btn:disabled{opacity:.5;cursor:default}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{background:none;border:1.5px solid var(--border);color:var(--text-dim)}.btn:active:not(:disabled){transform:translateY(1px)}@media(max-width:619px){.step-nav,.sim4-actions{position:sticky;bottom:0;padding:10px 0 4px;background:#fdfcf8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.shell-footer{text-align:center;font-size:.75rem;color:var(--text-dim)}.shell-footer a{color:var(--primary-dark);font-weight:700;text-decoration:none}[dir=rtl] .selected-row{direction:rtl}