:root{--ink:#173440;--muted:#687b80;--paper:#f5f6f1;--line:#dfe5df;--lime:#c6ee8b;--green:#3d7057}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #82ba60;outline-offset:4px}[hidden]{display:none!important}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#142c38;color:#eff5ed;padding:38px 24px;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;line-height:1.05;letter-spacing:3px;font-size:18px}.brand b{font-size:28px;letter-spacing:4px}.logo{display:grid;place-items:center;width:44px;height:54px;font-size:54px;color:var(--lime)}.nav-label{font-size:11px;letter-spacing:2px;color:#90a6ad;margin:58px 10px 18px}nav a{display:flex;gap:12px;padding:14px 12px;align-items:center;color:#b7c5c7;text-decoration:none;border-radius:8px;margin-bottom:8px;font-size:14px}nav a>span{font-size:21px;width:18px}nav a small{margin-left:auto;font-size:10px;opacity:.65}nav a.active{background:#27434b;color:var(--lime)}nav a:hover{background:#223b45}.side-note{margin-top:auto;font-size:12px;color:#d9e4df;padding:25px 8px 0}.side-note p{font-size:11px;color:#91a5ac;line-height:1.9}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px}main{margin-left:224px;padding:0 46px;max-width:1700px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--muted)}.edition{letter-spacing:0}.edition i{margin-left:12px;color:var(--green)}.page{padding-top:34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);margin-bottom:10px}h1{font-size:clamp(26px,3vw,40px);line-height:1.35;letter-spacing:-1px;margin:0;font-weight:650}h1 span{color:#6e9f55}.intro{color:var(--muted);margin:12px 0 28px;font-size:14px}.title-row{display:flex;align-items:center;justify-content:space-between}.stamp{text-align:center;font-size:24px;font-family:monospace;color:#75907f;line-height:1.4;padding:0 16px}.stamp span{font-size:9px;letter-spacing:3px}.tool-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tool-tabs button{padding:10px 18px;background:none;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:16px;font-weight:650}.tool-tabs button span{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}.tool-tabs button.selected{background:var(--ink);color:white;border-color:var(--ink)}.tool-tabs button.selected span{color:#b9ccca}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}h2{font-size:16px;margin:0;font-weight:650}h3{font-size:13px;margin:0 0 12px}.tag{background:#edf5e8;color:#60804d;font-size:10px;padding:3px 8px;border-radius:4px}.field{display:block;font-size:12px;font-weight:600;margin:0 0 18px}.field>input,.field>select,.field>textarea{display:block;width:100%;margin-top:7px}input,select,textarea{min-width:0;border:1px solid #dce2df;background:#fafbf8;color:var(--ink);border-radius:6px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#659267;box-shadow:0 0 0 3px #96bb7020}input[type=number]{width:100%;font-family:monospace;font-size:17px}.input-unit{display:flex;margin-top:7px}.input-unit input{border-radius:6px 0 0 6px;border-right:0;flex:1}.input-unit select{width:78px;border-radius:0 6px 6px 0;font-weight:400;font-size:12px}.divider{height:1px;background:var(--line);margin:22px 0}.secondary,.primary{padding:10px 16px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px}.primary{background:var(--ink);color:white;border-color:var(--ink)}.parameters>.secondary{width:100%;margin-top:3px}.error{color:#b43e31;font-size:12px;white-space:pre-line;margin-bottom:0}.error:empty{display:none}.results{display:grid;gap:14px;align-content:start}.result-hero{background:#173d42;color:#edf5ed;padding:24px 28px;border-radius:12px;display:flex;justify-content:space-between;position:relative;overflow:hidden;min-height:160px}.result-hero span{font-size:12px;color:#bdcdc3}.result-hero strong{display:block;color:var(--lime);font-family:ui-monospace,monospace;font-size:38px;line-height:1.4;font-weight:500;letter-spacing:-1px}.result-hero code{font-size:12px;color:#b7cbc0}.result-hero .hero-wave{font-size:130px;line-height:1;align-self:center;transform:rotate(-10deg);color:#a4cf9b38;margin-left:10px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--line);border-radius:8px;background:#eef1e9;padding:13px 16px;min-height:76px}.metric span{font-size:10px;color:var(--muted);display:block}.metric strong{font-family:ui-monospace,monospace;font-size:17px;font-weight:500;display:block;margin-top:3px;overflow-wrap:anywhere}.chart-card{padding-bottom:14px}.chart-card .card-head{margin-bottom:0}.legend{font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:14px;height:2px;background:#4a8254;margin-right:6px;vertical-align:middle}#chart{width:100%;display:block;overflow:visible}#chart text{font-family:ui-monospace,monospace;fill:#758682;font-size:10px}.chart-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.topology{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-top:22px}.topology p,.note p,.syntax p,.byte-card p{font-size:12px;color:var(--muted);line-height:1.9}.topology code{font-size:12px;display:block;color:var(--green);overflow-wrap:anywhere}.assumption{border-left:1px solid var(--line);padding-left:28px}.assumption strong{font-size:12px}.crc-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.text-button{border:0;background:none;color:var(--green);font-size:12px;padding:0}textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:15px}.parameter-table{display:grid;grid-template-columns:1fr 1fr;gap:10px}.param{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;padding:7px 10px;background:#f5f7f1;border-radius:4px}.param code{color:var(--ink)}.crc-hero{display:block;min-height:200px}.crc-hero strong{margin:15px 0;overflow-wrap:anywhere}.copy{border:1px solid #809b81;color:var(--lime);background:none;padding:7px 14px;border-radius:5px;font-size:12px}.byte-card{margin-top:20px}dl{margin:0}dt{font-size:11px;color:var(--muted);margin:14px 0 4px}dd{margin:0;font:16px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.note{margin-top:22px}.note p{margin-bottom:0}.calc-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.expression{font-family:ui-monospace,monospace;font-size:16px}.calc-actions{display:flex;gap:10px}.math-result{display:block;font:32px/1.5 ui-monospace,monospace;color:var(--green);margin-top:24px;overflow-wrap:anywhere}.history{padding-left:20px;margin-bottom:0;font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.history li{padding:7px 0;overflow-wrap:anywhere}.history b{color:var(--ink);display:block}footer{border-top:1px solid var(--line);margin-top:32px;padding:22px 0 28px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}footer b{color:#8baf6a;margin:0 6px}footer a{text-underline-offset:3px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}
@media(min-width:1500px){main{padding:0 65px}.workspace{grid-template-columns:320px 1fr}}@media(max-width:1100px){.sidebar{width:185px;padding:32px 16px}main{margin-left:185px;padding:0 25px}.workspace{grid-template-columns:245px minmax(0,1fr)}.tool-tabs button{padding:9px 12px}.tool-tabs button span{display:none}.card{padding:19px}.result-hero strong{font-size:30px}.metrics{gap:7px}.metric{padding:11px}.stamp{display:none}.crc-layout,.calc-layout{grid-template-columns:1fr}.crc-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.byte-card{margin-top:0}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:18px 20px;display:block}.brand{font-size:12px;gap:7px}.brand br{display:none}.brand b{font-size:18px;margin-left:6px;letter-spacing:2px}.logo{width:26px;height:28px;font-size:36px}.nav-label,.side-note{display:none}nav{display:flex;gap:6px;margin-top:18px}nav a{margin:0;padding:8px 10px;font-size:12px;flex:1;justify-content:center;gap:5px;white-space:nowrap}nav a>span{font-size:16px;width:auto}nav a small{display:none}main{margin:0;padding:0 18px}.topbar{height:48px;font-size:9px;letter-spacing:.5px}.page{padding-top:24px}h1{font-size:27px}.intro{font-size:12px;margin-bottom:22px}.workspace{grid-template-columns:1fr;gap:14px}.parameters #component-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.parameters .divider{margin:12px 0}.parameters .field{margin-bottom:12px}.parameters>.secondary{width:auto}.tool-tabs{gap:8px;margin-bottom:14px}.tool-tabs button{flex:1}.result-hero{min-height:140px;padding:22px}.result-hero strong{font-size:35px}.topology{grid-template-columns:1fr;gap:18px}.assumption{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.metrics{gap:8px}.metric strong{font-size:15px}.metric{padding:10px}.chart-foot{font-size:9px}.legend{font-size:9px}.crc-layout>div{display:block}.byte-card{margin-top:16px}.two-col{grid-template-columns:1fr;gap:0}.parameter-table{grid-template-columns:1fr}.crc-hero strong{font-size:36px}footer{flex-direction:column;gap:6px;margin-top:24px}.calc-actions{flex-wrap:wrap}.math-result{font-size:25px}}