:root{color-scheme:dark;--bg:#101216;--panel:#181b20;--line:#30343b;--muted:#969da8;--text:#eff1f3;--l:#75d6d9;--h:#e9b36e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #424750;background:#23272e;color:var(--text);border-radius:5px;padding:10px 16px;transition:.15s}button:hover{background:#343a44;border-color:#89919d}button:disabled{cursor:not-allowed;opacity:.36}button:focus-visible,a:focus-visible{outline:2px solid var(--l);outline-offset:4px}input:focus{outline:1px solid var(--l);border-color:var(--l)}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%}.brand{color:inherit;text-decoration:none;letter-spacing:2px;font-size:16px}.brand b{font-weight:400;color:#aeb4bc}.mark{display:inline-grid;place-items:center;border:1px solid #666f7b;width:34px;height:34px;margin-right:12px;font-weight:800;transform:skew(-8deg)}.header-note,.eyebrow{font:10px/1.5 monospace;letter-spacing:1.9px;color:var(--muted)}.header-note i{display:inline-block;width:6px;height:6px;background:var(--l);border-radius:50%;margin-left:12px}main{max-width:1440px;margin:auto;padding:40px 4.5% 0}.hero{display:flex;justify-content:space-between;align-items:center;margin:8px 0 30px}h1{font-size:36px;line-height:1.5;letter-spacing:.03em;margin:0;font-weight:650}h2{font-size:19px;margin:5px 0 0}.hero p{color:var(--muted);margin:10px 0 0;font-size:13px}.format{font:44px monospace;text-align:right}.format span{font-size:12px;letter-spacing:2px}.format em{display:block;font:9px monospace;color:var(--muted);letter-spacing:1px;margin-top:10px}.steps{display:flex;gap:35px;border-bottom:1px solid var(--line);margin-bottom:28px;color:#777f8b}.steps>span{padding:14px 0;font-family:monospace}.steps b{font:13px sans-serif;margin-left:9px}.steps .active{color:var(--l);border-bottom:2px solid var(--l)}.steps .steps-note{margin-left:auto;font:11px sans-serif;align-self:center}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:24px}.quiet{font-size:12px;background:transparent;border-color:transparent;color:#bbc2cb}.table-head,.entry{display:grid;grid-template-columns:35px minmax(100px,1fr) 100px 40px 28px;gap:12px;align-items:center}.table-head{color:var(--muted);font-size:11px;background:#1e2228;padding:10px 24px}.entry{padding:9px 24px;border-bottom:1px solid #252a31}.entry .num{font:11px monospace;color:#818996}.entry input{width:100%;min-width:0;background:#111419;border:1px solid #343942;border-radius:4px;color:var(--text);padding:9px 11px;font-size:13px}.entry input.invalid{border-color:#e88888}.entry button{padding:4px;border:0;background:none;color:#818996;font-size:19px}.pill{display:inline-grid;place-items:center;width:25px;height:23px;border-radius:3px;font:12px monospace}.L{color:var(--l)}.H{color:var(--h)}.pill.L{background:#75d6d916;border:1px solid #75d6d940}.pill.H{background:#e9b36e16;border:1px solid #e9b36e40}.add{width:calc(100% - 48px);margin:16px 24px;background:transparent;border-style:dashed;font-size:12px;color:#bfc5ce}.summary{padding:24px;position:sticky;top:20px}.count{display:flex;align-items:baseline;gap:12px;margin-top:20px}.count strong{font:56px/1 monospace}.count span{color:var(--muted);font:20px monospace}.count small{font-size:10px}.progress{height:3px;background:#353942;margin:20px 0}.progress>div{background:var(--l);height:100%;transition:width .2s}.bands>div{display:flex;align-items:center;gap:9px;padding:8px 0;color:#b1b8c3;font-size:12px}.bands strong{margin-left:auto;color:var(--text);font:20px monospace}.forecast{font-size:12px;color:#bac2cb;border-top:1px solid var(--line);margin-top:17px;padding:18px 0}.primary{background:var(--l);color:#0f2528;border-color:var(--l);font-weight:700}.primary:hover{background:#9de3e5;border-color:#9de3e5}.summary .primary{width:100%;font-size:13px}.hint{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}.rules{padding:25px 8px}.rules ol{list-style:none;counter-reset:rule;padding:0;margin:15px 0}.rules li{counter-increment:rule;position:relative;padding-left:30px;margin:20px 0;font-size:12px}.rules li:before{content:'0' counter(rule);position:absolute;left:0;font:11px monospace;color:var(--l);top:3px}.rules b{font-weight:500}.rules li span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.errors{color:#f1a4a4;font-size:12px;padding:12px 0}.errors:empty{padding:0}footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0;display:flex;justify-content:space-between;color:#808995;font-size:10px;gap:20px}footer b{margin:0 9px;color:var(--l)}.result-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.result-top h2{font-size:23px}.result-top p{color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.result-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:24px;gap:15px}.tabs{display:flex;gap:8px}.tabs button{border:0;background:transparent;color:var(--muted);border-radius:0;padding:13px}.tabs .selected{color:var(--text);border-bottom:2px solid var(--l)}.legend{display:flex;gap:15px;font-size:10px}.bracket-scroll{overflow-x:auto;background:#13161b;border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px}#bracket{min-width:1000px}#bracket svg{display:block;width:100%;height:auto}.result-foot{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:var(--muted)}.result-foot span{font:11px sans-serif;letter-spacing:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);background:var(--panel)}td{font-size:13px}.transfer-note{color:var(--muted);font-size:12px;margin:22px 0}textarea{width:100%;height:220px;margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e4ecee;color:#182227;padding:12px 22px;border-radius:5px;box-shadow:0 8px 40px #0008;opacity:0;pointer-events:none;transition:.2s;font-size:13px;max-width:90vw}#toast.show{opacity:1}.mobile{display:none}[hidden]{display:none!important}@media(min-width:1000px){aside{align-self:start}}@media(max-width:900px){.workspace{grid-template-columns:1fr 260px;gap:16px}.summary{padding:20px}.panel-title{padding:20px}.entry,.table-head{padding-left:16px;padding-right:16px;gap:8px;grid-template-columns:24px minmax(80px,1fr) 70px 28px 24px}.result-top{display:block}.legend{gap:8px}.format{display:none}}@media(max-width:650px){header{height:64px}.header-note{display:none}main{padding-top:28px}.hero h1{font-size:29px}.hero p{font-size:12px;max-width:280px}.mobile{display:block}.eyebrow{font-size:9px;letter-spacing:1px}.steps{gap:25px}.steps .steps-note{display:none}.workspace{display:flex;flex-direction:column}.workspace aside{order:-1}.summary{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.summary>h2,.summary>.eyebrow,.summary>.hint{display:none}.count{margin:0;align-items:center}.count strong{font-size:38px}.count span{font-size:15px}.bands{grid-row:1/3;grid-column:2}.bands>div{padding:4px}.progress{margin:8px 0}.forecast{grid-column:1/3;margin-top:0;padding:10px 0 5px;font-size:11px}.summary .primary{grid-column:1/3}.rules{display:none}.panel-title{padding:18px 14px}.quiet{padding:8px 0;font-size:11px}.entry,.table-head{grid-template-columns:20px minmax(85px,1fr) 62px 25px 22px;padding-left:12px;padding-right:12px;gap:6px}.entry input{padding:10px 7px;font-size:12px}.result-bar{align-items:flex-start;flex-direction:column;gap:0}.legend{padding:10px 8px;flex-wrap:wrap}.actions button{flex:1;padding:10px 8px;white-space:nowrap}.result-foot{display:block}.result-foot span{display:block;margin-top:10px}footer{flex-direction:column;gap:7px}.table-head{font-size:10px}}
