:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif;color:#20231f;background:#f1f2ed;font-synthesis:none;--ink: #20231f;--muted: #747a70;--line: rgba(31, 36, 31, .11);--paper: rgba(255, 255, 252, .82);--acid: #d7ff64;--green: #205b40;--mono: "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 4%,rgba(215,255,100,.4),transparent 25rem),radial-gradient(circle at 96% 24%,rgba(124,184,255,.2),transparent 30rem),#f1f2ed}button,input{font:inherit}a{color:#245f45;text-underline-offset:4px}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.hero{min-height:440px;display:flex;flex-direction:column;justify-content:center;position:relative;border-bottom:1px solid var(--line)}.hero:after{content:"2×";position:absolute;right:2%;top:8%;font:500 clamp(8rem,20vw,18rem)/1 var(--mono);letter-spacing:-.12em;color:#205b4012;pointer-events:none}.hero__badge,.section-kicker,.eyebrow{color:var(--green);font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero__badge span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#56b867;box-shadow:0 0 0 5px #56b86721}.hero h1{max-width:900px;margin:22px 0 20px;font-size:clamp(3.2rem,8vw,7rem);line-height:.98;letter-spacing:-.075em}.hero h1 em{color:var(--green);font-style:normal}.hero p{max-width:580px;margin:0;color:var(--muted);font-size:17px;line-height:1.8}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:48px 0 24px}.input-card.n-card,.metric-card.n-card,.hero-result.n-card{border:1px solid rgba(255,255,255,.65);border-radius:24px;background:var(--paper);box-shadow:0 18px 50px #2731280f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.monitor-card.n-card{background:#eef6edd6}.card-heading h2,.section-heading h2,.guide-section h2{margin:8px 0 0;font-size:24px;letter-spacing:-.04em}.sizes-label{margin:4px 0 10px;color:var(--muted);font-size:13px}.validation{margin:0 0 12px;color:#bd3d3d;font-size:13px}.results-section,.guide-section{padding:58px 0;border-bottom:1px solid var(--line)}.result-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:18px}.hero-result{grid-column:span 4;grid-row:span 2;min-height:330px}.hero-result .n-card__content{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,5vw,58px)}.hero-result__label{color:var(--muted);font:500 12px var(--mono);letter-spacing:.1em}.hero-result__value{margin:14px 0 12px;font:500 clamp(3.1rem,8vw,6.8rem)/1 var(--mono);letter-spacing:-.1em;color:var(--green)}.hero-result__value span{color:#9aab99;font-size:.55em;margin:0 .08em}.hero-result__hint{margin-bottom:28px;color:var(--muted)}.metric-card{grid-column:span 2}.metric-card__label{display:block;margin-bottom:20px;color:var(--muted);font:500 11px var(--mono);letter-spacing:.08em}.metric-card strong{display:block;margin-bottom:18px;font:500 28px var(--mono);letter-spacing:-.06em}.metric-card strong small{color:var(--muted);font-size:13px}.metric-card__row{display:flex;justify-content:space-between;gap:12px;padding-top:9px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.metric-card__row b{color:var(--ink);font-family:var(--mono)}.rating{color:var(--green);font-size:13px}.render-card,.one-key-card{grid-column:span 3}.render-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.advice{margin-top:14px;padding:18px 22px;border-radius:18px;background:#205b40;color:#f2f5ed}.advice span{margin-right:14px;color:var(--acid);font:500 11px var(--mono);letter-spacing:.08em}.empty-result{margin:24px 0;padding:32px;border:1px dashed #bd3d3d;border-radius:20px;color:#bd3d3d;text-align:center}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading p{max-width:680px;color:var(--muted);line-height:1.8}.guide-intro{color:var(--muted);line-height:1.8}.guide-intro a{display:inline-block;white-space:nowrap}.table-actions{margin-bottom:14px}.guide-section{padding-bottom:70px}.command-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:#1f2923;color:#e8f0e6}.steps{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:28px 0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px 0;border-top:1px solid var(--line)}.steps li>span{color:var(--green);font:500 12px var(--mono)}.steps strong{font-size:15px}.steps p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.notes{margin:28px 0}.notes ul{color:var(--muted);line-height:2}footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;color:var(--muted);font-size:12px}footer a{color:var(--green);white-space:nowrap}.footer-brand{color:var(--muted);font-size:15px;text-decoration:none}@media(max-width:820px){.page-shell{width:min(100% - 22px,620px)}.hero{min-height:400px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.input-grid{grid-template-columns:1fr;padding-top:32px}.result-grid{grid-template-columns:1fr 1fr}.hero-result,.metric-card,.render-card,.one-key-card{grid-column:span 2}.section-heading{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr}.command-box{align-items:flex-start;flex-direction:column}footer{flex-direction:column}}@media(prefers-color-scheme:dark){:root{color:#e7ebe4;background:#151916;--ink: #e7ebe4;--muted: #a1aaa0;--line: rgba(231,235,228,.13);--paper: rgba(33, 39, 34, .88);--green: #a8dc8f;--acid: #d7ff64}body{background:radial-gradient(circle at 8% 4%,rgba(103,151,75,.22),transparent 25rem),#151916}.monitor-card.n-card{background:#223026e6}.advice{background:#263d2e}}