:root{--bg0: #f7f9fb;--bg1: #eef3f7;--ink: #1a2332;--ink-muted: #5a6a7a;--muted: var(--ink-muted);--accent: #2f7a6b;--accent-hover: #246357;--accent-ink: #ffffff;--warn: #a67c2a;--panel: #ffffff;--panel-soft: #f1f5f8;--line: rgba(26, 35, 50, .12);--line-strong: rgba(26, 35, 50, .2);--shade: rgba(26, 35, 50, .04);--shade-strong: rgba(26, 35, 50, .08);--menu-bg: #ffffff;--menu-shadow: 0 12px 32px rgba(26, 35, 50, .12);--estimate-tint: rgba(47, 122, 107, .08);--estimate-line: rgba(47, 122, 107, .22);--estimate-strong: #1f6b5c;--chart-axis: rgba(26, 35, 50, .18);--chart-label: #7a8a9a;--radius: 12px;--font: "DM Sans", system-ui, sans-serif;--display: "Instrument Serif", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1100px 520px at 8% -8%,#dceaf0 0%,transparent 55%),radial-gradient(900px 480px at 100% 0%,#ddece6 0%,transparent 52%),linear-gradient(165deg,var(--bg0),var(--bg1) 55%,#e8eef3);background-attachment:fixed}#app{width:min(560px,100%)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.25rem 3rem;width:100%}.seo-brand h1{letter-spacing:.01em}.seo-block{width:min(560px,100%);margin-top:2.5rem;color:var(--ink-muted);font-size:.9rem;line-height:1.65}.seo-block h2{margin:1.6rem 0 .55rem;color:var(--ink);font-size:1.05rem;font-weight:650}.seo-block h2:first-child{margin-top:0}.seo-block h3{margin:1rem 0 .35rem;color:var(--ink);font-size:.95rem;font-weight:600}.seo-block p{margin:0 0 .5rem}.seo-block ul,.seo-block ol{margin:.35rem 0 .6rem;padding-left:1.25rem}.seo-block li{margin:.25rem 0}.seo-footer{width:min(560px,100%);margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--ink-muted);font-size:.8rem;text-align:center}.seo-footer p{margin:0}.seo-footer a,.seo-block a,.site-nav a{color:var(--accent);text-decoration:none;text-underline-offset:.15em}.seo-footer a:hover,.seo-block a:hover,.site-nav a:hover{color:var(--accent-hover);text-decoration:underline}.brand-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}.brand-top h1{margin:0;min-width:0}.brand-top .lang-switch{margin-top:.45rem}.lang-switch{display:flex;justify-content:flex-end;flex-shrink:0;margin:0;width:auto;position:relative;z-index:5}.lang-menu{position:relative}.lang-menu-btn{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.35rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font:inherit;font-size:.86rem;cursor:pointer;box-shadow:0 1px 2px #1a23320a}.lang-menu-btn:hover{color:var(--ink);border-color:var(--line-strong)}.lang-menu-btn[aria-expanded=true]{color:var(--ink)}.lang-globe,.lang-caret{flex-shrink:0}.lang-menu-current{line-height:1}.lang-menu-list{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:.35rem;list-style:none;min-width:8.5rem;border-radius:8px;border:1px solid var(--line);background:var(--menu-bg);box-shadow:var(--menu-shadow)}.lang-menu-list[hidden]{display:none}.lang-menu-list a{display:block;padding:.5rem .65rem;border-radius:6px;color:var(--muted);text-decoration:none;font-size:.9rem}.lang-menu-list a:hover{color:var(--ink);background:var(--shade)}.lang-menu-list a.is-active{color:var(--accent);font-weight:600}.site-nav{width:min(560px,100%);margin-bottom:1.25rem;font-size:.9rem}.faq-page h2{font-size:1rem}.stats-table{width:100%;border-collapse:collapse;margin-top:.75rem;font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line);color:var(--ink)}.stats-table th{color:var(--ink-muted);font-weight:600;font-size:.82rem}.stats-refresh{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.6rem}.stats-unlock-label{display:block;margin:.85rem 0 .35rem;font-size:.9rem;color:var(--muted)}.stats-unlock-input{width:min(360px,100%);padding:.65rem .75rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit}.stats-unlock-msg{color:#b54a4a;margin:.5rem 0 0}.stats-unlock code{font-size:.92em}.page-wide .seo-brand,.page-wide .seo-block,.page-wide .seo-footer,.page-wide .site-nav{width:min(820px,100%)}.stats-h2{margin:1.75rem 0 .75rem;color:var(--ink);font-size:1.05rem;font-weight:650}.stats-hint{margin:-.35rem 0 .65rem;font-size:.85rem;color:var(--muted)}.chart-wrap{margin:.5rem 0 .25rem;padding:.75rem;border-radius:10px;background:var(--panel-soft);border:1px solid var(--line)}.chart-stage{position:relative}.chart-svg{width:100%;height:auto;display:block}.chart-line{transition:opacity .15s ease,stroke-width .15s ease}.chart-dot{cursor:pointer;stroke:#fff;stroke-width:1.5;transition:opacity .15s ease}.chart-wrap.is-series-focus .chart-line.is-dim,.chart-wrap.is-series-focus .chart-dot.is-dim{opacity:.18}.chart-wrap.is-series-focus .chart-line.is-active{stroke-width:3.8px;opacity:1}.chart-wrap.is-series-focus .chart-dot.is-active{opacity:1}.chart-tooltip{position:absolute;z-index:3;max-width:240px;padding:.4rem .55rem;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:.8rem;line-height:1.35;box-shadow:var(--menu-shadow);pointer-events:none;white-space:nowrap}.chart-legend{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:.45rem;font-size:.8rem;color:var(--ink-muted)}.chart-legend-item{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:.1rem .2rem;transition:opacity .15s ease,color .15s ease}.chart-legend-item:hover,.chart-legend-item.is-active{color:var(--ink)}.chart-legend-item.is-dim{opacity:.35}.chart-legend-item i{width:10px;height:10px;border-radius:2px;display:inline-block}.stats-range{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;margin:1rem 0 .35rem}.stats-range-label{font-size:.85rem;color:var(--ink-muted);margin-right:.15rem}.stats-range .range-btn.is-active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.stats-range-custom{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.stats-range-custom[hidden]{display:none!important}.stats-range-custom input[type=date]{font:inherit;font-size:.85rem;padding:.3rem .4rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink)}.log-scroll{max-height:320px;overflow:auto;border-radius:8px;border:1px solid var(--line)}.stats-table-wide{min-width:1080px;font-size:.82rem}.stats-table-wide td.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.78rem;white-space:nowrap}.band-dist{margin:.35rem 0 .5rem}.brand{width:min(560px,100%);margin-bottom:1.75rem}.brand h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,6vw,3.1rem);letter-spacing:.02em;line-height:1.05}.brand p{margin:.55rem 0 0;color:var(--ink-muted);font-size:.98rem;line-height:1.45;max-width:36em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.4rem 1.5rem;box-shadow:0 8px 28px #1a23320f}.drop{border:1.5px dashed var(--line-strong);border-radius:10px;padding:1.6rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;background:var(--shade)}.drop:hover,.drop.dragover{border-color:var(--accent);background:var(--estimate-tint);transform:translateY(-1px)}.drop strong{display:block;font-size:1.05rem;margin-bottom:.35rem}.drop span{color:var(--ink-muted);font-size:.88rem}.file-meta{margin-top:1rem;font-size:.92rem;color:var(--ink-muted);min-height:1.4em}.file-meta em{color:var(--ink);font-style:normal;font-weight:600}.smart{margin-top:1.25rem;padding:1rem 1.05rem 1.05rem;border-radius:10px;background:var(--panel-soft);border:1px solid var(--line)}.smart-head{margin-bottom:.85rem}.smart-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.smart-title{font-size:1.02rem;font-weight:650;letter-spacing:.01em}.smart-band{font-weight:650;font-size:1.05rem;letter-spacing:.02em;color:var(--accent);transition:color .12s linear}.smart-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,#b85c38,#c4a35a 10%,var(--accent) 55%,#6ec4b0);outline:none;cursor:pointer}.smart-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--panel);border:3px solid var(--accent);box-shadow:0 2px 8px #1a23322e;cursor:pointer;transition:transform .15s}.smart-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}.smart-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--panel);border:3px solid var(--accent);box-shadow:0 2px 8px #1a23322e;cursor:pointer}.smart-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.smart-ends{display:flex;justify-content:space-between;margin-top:.45rem;font-size:.78rem;color:var(--ink-muted)}.estimate{margin-top:.9rem;padding:.7rem .8rem;border-radius:8px;background:var(--estimate-tint);border:1px solid var(--estimate-line);font-size:.9rem;line-height:1.45;color:var(--ink)}.estimate strong{font-size:1.05rem;color:var(--estimate-strong)}.estimate-detail{display:inline;color:var(--ink-muted);font-size:.82rem}.actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.65rem}button{font:inherit;font-weight:600;border:none;border-radius:8px;padding:.68rem 1.15rem;cursor:pointer;transition:background .15s,transform .15s,opacity .15s}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px)}button.ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--line)}button.ghost:not(:disabled):hover{color:var(--ink);border-color:var(--line-strong)}.progress-wrap{margin-top:1.15rem}.progress-bar{height:6px;border-radius:99px;background:var(--shade-strong);overflow:hidden}.progress-bar>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#4aa392);border-radius:inherit;transition:width .15s ease-out}.status{margin-top:.55rem;font-size:.86rem;color:var(--ink-muted);min-height:1.35em;word-break:break-all}.result{margin-top:1rem;padding:.85rem .95rem;border-radius:8px;background:var(--estimate-tint);border:1px solid var(--estimate-line);font-size:.9rem;line-height:1.5;display:none}.result.visible{display:block}.result-title{font-weight:650;margin-bottom:.35rem}.result-ratio{color:var(--ink-muted);font-size:.86rem;margin-left:.25rem}@keyframes rise{0%{transform:translateY(8px)}to{transform:none}}.page-guide{align-items:center}.page-guide .seo-brand,.page-guide .site-nav,.page-guide .seo-footer,.page-guide .guide-list,.page-guide .guide-article,.page-guide>.lang-switch{width:min(720px,100%);max-width:720px;margin-left:auto;margin-right:auto;box-sizing:border-box}.page-guide>.lang-switch{margin-bottom:.35rem}.page-guide>.site-nav{display:flex;align-items:center;justify-content:space-between}.guide-list{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.guide-card{display:grid;grid-template-columns:88px 1fr;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:0 6px 20px #1a23320d;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.guide-card:hover{border-color:var(--estimate-line);transform:translateY(-2px);box-shadow:0 10px 28px #1a233214}.guide-card-visual{width:88px;height:72px;border-radius:10px;background:var(--panel-soft);display:grid;place-items:center;overflow:hidden}.guide-card-visual svg{width:76px;height:60px}.guide-card h2{margin:0 0 .35rem;font-size:1.05rem;font-weight:650;color:var(--ink)}.guide-card p{margin:0;font-size:.88rem;line-height:1.5;color:var(--ink-muted)}.guide-card-meta{display:inline-block;margin-top:.45rem;font-size:.75rem;color:var(--accent);font-weight:600}.guide-article{margin-top:.25rem}.guide-hero{margin:0 0 1.5rem;padding:1.15rem 1.2rem;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(500px 180px at 100% 0%,rgba(110,196,176,.18),transparent 60%),var(--panel)}.guide-hero-visual{margin:.85rem 0 0;border-radius:10px;background:var(--panel-soft);border:1px solid var(--line);overflow:hidden}.guide-hero-visual svg{display:block;width:100%;height:auto}.guide-kicker{margin:0 0 .4rem;font-size:.78rem;font-weight:650;letter-spacing:.04em;color:var(--accent);text-transform:uppercase}.guide-lead{margin:.55rem 0 0;color:var(--ink-muted);font-size:.98rem;line-height:1.55}.guide-section{margin:1.75rem 0 0}.guide-section h2{margin:0 0 .65rem;font-size:1.12rem;color:var(--ink)}.guide-section p{margin:0 0 .75rem;color:var(--ink-muted);font-size:.95rem;line-height:1.7}.guide-steps{display:grid;gap:.75rem;margin:.85rem 0 0;padding:0;list-style:none}.guide-step{display:grid;grid-template-columns:36px 1fr;gap:.75rem;align-items:start;padding:.85rem .95rem;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.guide-step-num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.95rem;color:var(--accent-ink);background:var(--accent)}.guide-step strong{display:block;margin-bottom:.2rem;color:var(--ink);font-size:.95rem}.guide-step span{color:var(--ink-muted);font-size:.88rem;line-height:1.5}.guide-compare{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}@media(max-width:560px){.guide-card{grid-template-columns:1fr}.guide-card-visual{width:100%;height:88px}.guide-compare{grid-template-columns:1fr}}.guide-compare-item{padding:.9rem 1rem;border-radius:10px;border:1px solid var(--line);background:var(--panel-soft)}.guide-compare-item h3{margin:0 0 .4rem;font-size:.92rem;color:var(--ink)}.guide-compare-item p{margin:0;font-size:.85rem;line-height:1.5;color:var(--ink-muted)}.guide-compare-item.is-good{border-color:var(--estimate-line);background:var(--estimate-tint)}.guide-callout{margin:1rem 0 0;padding:.9rem 1rem;border-radius:10px;border-left:3px solid var(--accent);background:var(--panel-soft);color:var(--ink-muted);font-size:.9rem;line-height:1.6}.guide-callout strong{color:var(--ink)}.guide-size-bar{margin:1rem 0 0;padding:1rem;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.guide-size-row{display:grid;grid-template-columns:72px 1fr 64px;gap:.65rem;align-items:center;margin:.45rem 0;font-size:.85rem;color:var(--ink-muted)}.guide-size-track{height:10px;border-radius:99px;background:var(--shade-strong);overflow:hidden}.guide-size-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c4a35a,var(--accent))}.guide-size-track>i.small{background:linear-gradient(90deg,var(--accent),#6ec4b0)}.guide-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;margin:1.75rem 0 .5rem;padding:1.15rem 1.2rem;border-radius:var(--radius);border:1px solid var(--estimate-line);background:radial-gradient(420px 160px at 0% 50%,rgba(47,122,107,.12),transparent 65%),var(--panel)}.guide-cta h2{margin:0 0 .3rem;font-size:1.05rem;color:var(--ink)}.guide-cta p{margin:0;font-size:.88rem;color:var(--ink-muted);line-height:1.45}.guide-cta a.primary{display:inline-flex;align-items:center;justify-content:center;padding:.68rem 1.15rem;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;white-space:nowrap}.guide-cta a.primary:hover{background:var(--accent-hover)}.guide-related{margin:1.5rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line)}.guide-related h2{margin:0 0 .65rem;font-size:.95rem;color:var(--ink)}.guide-related ul{margin:0;padding-left:1.15rem;color:var(--ink-muted);font-size:.9rem;line-height:1.7}.guide-related a{color:var(--accent-hover);text-decoration:none}.guide-related a:hover{text-decoration:underline}