:root{--ink:#0a0a0b;--ink-2:#111113;--ink-3:#18181b;--ink-4:#222226;--line:#ffffff14;--line-2:#ffffff26;--chalk:#f5f5f3;--steel:#b4b4bc;--muted:#8b8b94;--blue:#1b6feb;--blue-hover:#1458c4;--blue-light:#5b9bff;--blue-soft:#1b6feb1f;--blue-line:#1b6feb80;--ok:#3ecf8e;--err:#f06262;--r:10px;--r-lg:14px;--hdr-h:56px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-serif:"DM Serif Display", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--chalk);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}button{color:inherit;font-family:inherit}a{color:inherit}#hdr{height:var(--hdr-h);background:var(--ink);border-bottom:1px solid var(--line);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.logo-link{align-items:center;display:flex}.logo-img{filter:brightness(0)invert();width:auto;height:30px}.hdr-right{align-items:center;gap:20px;display:flex}.hdr-call{color:var(--chalk);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.hdr-call:hover{border-color:var(--blue);background:var(--blue-soft)}.hdr-back{color:var(--muted);font-size:.85rem;font-weight:600;text-decoration:none}.hdr-back:hover{color:var(--chalk)}.main{flex:1;min-height:0;display:flex}#ctrl{background:var(--ink-2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:clamp(380px,32vw,480px);min-height:0;display:flex}.main.no-map #ctrl{border-left:1px solid var(--line);width:100%;max-width:600px;margin:0 auto}#prog-area{flex-shrink:0;padding:18px 28px 0}.prog-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}#prog-step{color:var(--blue-light);letter-spacing:.02em;font-size:.78rem;font-weight:700}#prog-name{color:var(--muted);font-size:.78rem;font-weight:600}.prog-bar{background:var(--ink-4);border-radius:4px;height:4px;overflow:hidden}#prog-fill{background:var(--blue);border-radius:4px;width:0;height:100%;transition:width .35s cubic-bezier(.16,1,.3,1)}.sp{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:22px;min-height:0;padding:22px 28px 32px;display:none;overflow-y:auto}.sp.on{animation:.25s both stepIn;display:flex}@keyframes stepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#step-nav{padding:12px 28px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--ink-2);flex-shrink:0;gap:10px;display:flex}.title{letter-spacing:-.025em;font-size:1.6rem;font-weight:800;line-height:1.15}.title-sm{letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.2}.lead{color:var(--steel);margin-top:8px;font-size:.975rem;line-height:1.6}.section-lbl{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.section-lbl small{color:var(--muted);font-size:.8rem;font-weight:500}.note{color:var(--muted);font-size:.85rem;line-height:1.55}.note strong{color:var(--steel)}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--steel);font-size:.85rem;font-weight:600}.field .err{color:var(--err);font-size:.8rem;font-weight:600;display:none}.field.has-err .err{display:block}.field.has-err input{border-color:var(--err)}input[type=text],input[type=email],input[type=tel],textarea{background:var(--ink-3);border:1px solid var(--line-2);border-radius:var(--r);width:100%;min-height:50px;font-size:16px;font-family:var(--font-sans);color:var(--chalk);appearance:none;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;min-height:90px}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.addr-wrap{position:relative}.addr-wrap svg{color:var(--blue-light);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.addr-wrap input{min-height:56px;padding-left:44px;font-weight:500}.btn{border-radius:var(--r);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-size:.975rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .1s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--blue);color:#fff;flex:1}.btn-primary:not(:disabled):hover{background:var(--blue-hover)}.btn-sec{background:var(--ink-3);border-color:var(--line-2);color:var(--chalk)}.btn-sec:not(:disabled):hover{border-color:#ffffff4d}.btn-text{color:var(--muted);background:0 0;border:none;min-height:40px;padding:0 4px;font-size:.875rem;font-weight:600}.btn-text:hover{color:var(--chalk)}.btn-block{width:100%}#btn-back{flex:none;padding:0 16px}.how{background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);gap:2px;list-style:none;display:grid;overflow:hidden}.how li{background:var(--ink-2);color:var(--steel);align-items:center;gap:14px;padding:13px 16px;font-size:.92rem;display:flex}.how-num{background:var(--blue-soft);width:28px;height:28px;color:var(--blue-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.trust{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:.85rem;display:flex}.trust span{align-items:center;gap:6px;display:inline-flex}.trust svg{color:var(--ok);flex-shrink:0}.alert{border-radius:var(--r);color:#ffc9c9;background:#f0626214;border:1px solid #f0626259;padding:12px 14px;font-size:.9rem;line-height:1.55}.alert a{color:#fff;font-weight:700}.run-list{flex-direction:column;gap:8px;display:flex}.run-row{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:12px;padding:10px 8px 10px 14px;display:flex}.run-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.run-name{flex:1;font-size:.95rem;font-weight:600}.run-ft{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.run-del{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.run-del:hover{color:var(--err);background:#f0626214}.run-total{justify-content:space-between;padding:4px 4px 0;font-size:.95rem;font-weight:700;display:flex}.run-total span:last-child{color:var(--blue-light);font-variant-numeric:tabular-nums}.empty-box{border:1.5px dashed var(--line-2);border-radius:var(--r-lg);color:var(--muted);padding:18px;font-size:.9rem;line-height:1.6}.empty-box strong{color:var(--chalk)}.tips{color:var(--muted);flex-direction:column;gap:8px;font-size:.875rem;line-height:1.5;list-style:none;display:flex}.tips li{gap:10px;display:flex}.tips li:before{content:"";background:var(--blue);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}.same-row{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.run-block{flex-direction:column;gap:12px;display:flex}.run-block+.run-block{border-top:1px solid var(--line);padding-top:22px}.run-hdr{align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.run-hdr .run-ft{color:var(--muted);margin-left:auto;font-size:.9rem;font-weight:600}.fence-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fence-card{background:var(--ink-3);border:2px solid var(--line);border-radius:var(--r-lg);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:border-color .15s,transform .1s;display:flex;position:relative;overflow:hidden}.fence-card:active{transform:scale(.98)}@media (hover:hover){.fence-card:hover{border-color:var(--line-2)}}.fence-card.sel{border-color:var(--blue);background:#121a2a}.fc-img{aspect-ratio:4/3;object-fit:cover;background:var(--ink-4);width:100%;height:auto;display:block}.fc-info{padding:10px 12px 12px}.fc-name{font-size:.95rem;font-weight:700;line-height:1.25}.fc-price{color:var(--muted);margin-top:2px;font-size:.8rem;font-weight:500}.fence-card.sel .fc-price{color:var(--blue-light)}.fc-check{background:var(--blue);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:8px;right:8px;transform:scale(.6);box-shadow:0 2px 8px #00000080}.fence-card.sel .fc-check{opacity:1;transform:none}.chip-lbl{color:var(--steel);margin-bottom:8px;font-size:.85rem;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--ink-3);border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer;text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:84px;min-height:52px;padding:8px 10px;font-size:.92rem;font-weight:700;line-height:1.2;transition:border-color .15s,background .15s,color .15s;display:flex}.chip small{color:var(--muted);font-size:.78rem;font-weight:500}@media (hover:hover){.chip:hover{border-color:#ffffff4d}}.chip.sel{border-color:var(--blue);background:var(--blue-soft);color:#fff}.chip.sel small{color:var(--blue-light)}.card{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-lg);padding:4px 16px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.row:last-child{border-bottom:none}.row-main{min-width:0}.row-title{font-size:.95rem;font-weight:600;line-height:1.3}.row-sub{color:var(--muted);margin-top:3px;font-size:.82rem;line-height:1.4}.row-group{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:14px 0 0;font-size:.78rem;font-weight:700}.stepper{border:1px solid var(--line-2);border-radius:999px;flex-shrink:0;align-items:center;display:flex}.stepper button{cursor:pointer;width:40px;height:40px;color:var(--chalk);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.stepper button:disabled{color:var(--ink-4);cursor:default}.stepper button:not(:disabled):hover{background:var(--blue-soft)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-weight:800}.switch{background:var(--ink-4);width:52px;height:30px;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000059}.switch[aria-checked=true]{background:var(--blue);box-shadow:none}.switch[aria-checked=true]:after{transform:translate(22px)}.sub-opts{border-bottom:1px solid var(--line);padding:0 0 14px}.sub-opts:last-child{border-bottom:none}.consent{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:flex-start;gap:12px;padding:14px;display:flex}.consent input{width:22px;height:22px;accent-color:var(--blue);cursor:pointer;flex-shrink:0;margin-top:1px}.consent span{color:var(--steel);font-size:.85rem;line-height:1.55}.privacy{color:var(--muted);font-size:.8rem;line-height:1.5}.privacy a{color:var(--steel)}.loading{text-align:center;color:var(--muted);padding:64px 20px;font-size:.95rem;font-weight:600}.spin{border:3px solid var(--ink-4);border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;margin:0 auto 16px;animation:.7s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.range-box{text-align:center;border:1px solid var(--blue-line);border-radius:var(--r-lg);background:radial-gradient(120% 140% at 50% 0,#1b6feb38,#1b6feb0f 60%);padding:26px 20px 22px}.range-label{color:var(--steel);font-size:.85rem;font-weight:700}.range-val{font-family:var(--font-serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:8px 0 10px;font-size:clamp(2rem,9vw,2.6rem);line-height:1.1}.range-sub{color:var(--muted);font-size:.85rem;line-height:1.5}.est-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 0;display:flex}.est-line:last-child{border-bottom:none}.est-line .el{font-size:.92rem;font-weight:600;line-height:1.35}.est-line .esub{color:var(--muted);margin-top:3px;font-size:.8rem}.est-line .ev{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem;font-weight:700}.est-line.total .el,.est-line.total .ev{font-size:1rem;font-weight:800}.status{border-radius:var(--r);align-items:flex-start;gap:12px;padding:14px 16px;font-size:.9rem;line-height:1.55;display:flex}.status.ok{color:#c8f5e0;background:#3ecf8e14;border:1px solid #3ecf8e59}.status.ok svg{color:var(--ok);flex-shrink:0;margin-top:2px}.status strong{color:#fff;overflow-wrap:anywhere}.next-steps{counter-reset:ns;flex-direction:column;gap:12px;list-style:none;display:flex}.next-steps li{color:var(--steel);counter-increment:ns;gap:12px;font-size:.9rem;line-height:1.5;display:flex}.next-steps li:before{content:counter(ns);background:var(--ink-4);width:24px;height:24px;color:var(--chalk);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.cta-col{flex-direction:column;gap:10px;display:flex}#map-panel{background:#000;flex:1;min-width:0;display:none;position:relative}.main.map-on #map-panel{display:block}#map{position:absolute;inset:0}#sv-pano{z-index:5;background:#000;display:none;position:absolute;inset:0}#sv-overlay{z-index:6;padding:40px 16px calc(16px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0000,#0a0a0beb 45%);flex-direction:column;align-items:center;gap:10px;display:none;position:absolute;bottom:0;left:0;right:0}#sv-confirm-addr{color:var(--steel);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}#sv-confirm-btn{min-width:min(320px,100%)}#sv-wrong{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.85rem;font-weight:600;text-decoration:underline}.map-chip{z-index:4;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);color:var(--chalk);background:#0a0a0be0;border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:700;position:absolute;box-shadow:0 4px 16px #0006}#draw-hint{border-color:var(--blue-line);width:fit-content;max-width:calc(100% - 140px);line-height:1.35;display:none;top:12px;left:12px;right:120px}#ft-badge{font-variant-numeric:tabular-nums;display:none;top:12px;right:12px}#ft-badge b{color:var(--blue-light)}#preview-btn{cursor:pointer;display:none;top:56px;right:12px}#preview-btn.on{background:var(--blue);border-color:var(--blue)}#draw-tools{z-index:4;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:#0a0a0be6;border-radius:999px;gap:8px;padding:6px;display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}#draw-tools .btn{border-radius:999px;flex:none;min-height:46px;padding:0 18px}#draw-tools .btn-sec{background:0 0;border-color:#0000}.ok-btn{background:var(--ok);color:#05281a}.ok-btn:not(:disabled):hover{background:#5be0a3}.seg-label{color:#111;font-family:var(--font-sans);white-space:nowrap;pointer-events:none;background:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0000004d}.sp::-webkit-scrollbar{width:6px}.sp::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:6px}@media (width>=1024px){.main.no-map{background:linear-gradient(#0a0a0bdb,#0a0a0bf0),url(/estimator/wood.webp) 50%/cover}}@media (width<=1023px){#hdr{padding:0 16px}.hdr-back{display:none}.main{flex-direction:column}#ctrl,.main.no-map #ctrl{border:none;flex:auto;width:100%;max-width:none;margin:0}.main.map-on #map-panel{flex:auto;order:-1;min-height:0}.main.map-on #ctrl{border-top:1px solid var(--line-2);flex:0 auto;max-height:44%}.main.map-on #prog-area{display:none}.main.map-on .sp{gap:14px;padding-top:16px;padding-bottom:16px}#prog-area{padding:14px 16px 0}.sp{padding:20px 16px 28px}#step-nav{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.title{font-size:1.4rem}}@media (width<=640px){.hdr-call span{display:none}.hdr-call{padding:9px}}@media (width<=360px){.two-col{grid-template-columns:1fr}#draw-tools .btn{padding:0 14px;font-size:.9rem}}@media (width<=1023px) and (height<=500px){.main.map-on{flex-direction:row}.main.map-on #ctrl{border-top:none;border-right:1px solid var(--line-2);flex:none;width:46%;max-height:none}.main.map-on #map-panel{order:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}