:root{color-scheme:light;--paper:#f5f4ef;--surface:#fbfaf6;--ink:#222824;--muted:#687069;--line:#cfd3cc;--line-strong:#9fa79f;--accent:#245b49;--accent-soft:#e2ebe5;--danger:#9b2f2f;--symbol-font:"Segoe UI Symbol","Noto Sans Symbols 2","Noto Sans Symbols","DejaVu Sans","Arial Unicode MS",sans-serif;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);line-height:1.65}button,input,textarea{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.eyebrow,.section-kicker{margin:0 0 5px;color:var(--accent);font-size:.78rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}h2{margin:0;font-size:clamp(1.2rem,2vw,1.48rem);line-height:1.35}.tool-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid var(--line-strong);background:var(--surface)}.calculator-panel,.motion-panel{min-width:0;padding:24px}.calculator-panel{border-right:1px solid var(--line)}.section-heading{margin-bottom:15px}.input-label{display:block;margin-bottom:5px;font-weight:700}.input-help{margin:6px 0 0;color:var(--muted);font-size:.82rem}.calculator-panel textarea{display:block;width:100%;min-height:84px;resize:vertical;border:1px solid var(--line-strong);padding:10px 11px;color:var(--ink);background:var(--surface);font-family:var(--symbol-font),monospace;line-height:1.5}.calculator-panel textarea[aria-invalid=true]{border-color:var(--danger);background:#fff8f8}.field-error{min-height:1.3em;margin:5px 0 0;color:var(--danger);font-size:.84rem}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.button{min-height:42px;border:1px solid var(--accent);border-radius:2px;padding:8px 15px;cursor:pointer;font-weight:760}.button-primary{background:var(--accent);color:#fff}.button-secondary,.button-small{background:var(--surface);color:var(--accent)}.button:hover:not(:disabled){border-color:var(--ink)}.button:disabled{border-color:var(--line);background:var(--paper);color:#8a918b;cursor:not-allowed}.form-status{min-height:1.3em;margin:10px 0 0;color:var(--muted);font-size:.86rem}.result-box{margin-top:20px;padding:15px 16px;border:1px solid var(--accent);border-left-width:4px;background:var(--accent-soft)}.result-label{margin:0;color:var(--accent);font-size:.8rem;font-weight:780}.result-value{margin-top:2px;font-size:clamp(1.1rem,2.8vw,1.55rem);line-height:1.42;font-weight:780;overflow-wrap:anywhere;font-family:var(--symbol-font),monospace}.result-formula{margin:5px 0 0;color:#3f4c46;font-size:.9rem;overflow-wrap:anywhere}.coefficient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.coefficient-list[hidden]{display:none}.coefficient-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:7px 9px;border:1px solid #afc3b7;background:#f5faf6;font-size:.82rem;overflow-wrap:anywhere}.coefficient-item button{min-width:28px;min-height:28px;border:1px solid var(--line-strong);background:var(--surface);color:var(--accent);cursor:pointer;font-weight:800}.motion-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.status-badge{flex:0 0 auto;padding:3px 8px;border:1px solid var(--line-strong);background:var(--paper);color:var(--muted);font-size:.75rem;font-weight:760}.status-badge[data-state=balanced],.status-badge[data-state=complete]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.status-badge[data-state=playing]{border-color:var(--accent);color:var(--accent)}.balance-summary{display:grid;gap:3px;margin:15px 0 0;padding:10px 11px;border:1px solid var(--line);font-family:var(--symbol-font),monospace;font-size:.85rem}.balance-summary[hidden]{display:none}.balance-summary p{margin:0;overflow-wrap:anywhere}.canvas-frame{margin-top:15px;overflow:hidden;border:1px solid var(--line-strong);background:var(--paper)}canvas{display:block;width:100%;font-family:var(--symbol-font),sans-serif}.canvas-description{min-height:2.8em;margin:11px 0 0;color:#38413b;font-size:.9rem}.normalization-note{margin:7px 0 0;padding-left:11px;border-left:3px solid var(--line-strong);color:var(--muted);font-size:.78rem}.motion-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.motion-details[hidden]{display:none}.motion-details>div{min-width:0;padding:9px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.motion-details h3{margin:0;color:var(--muted);font-size:.76rem}.motion-details p{margin:3px 0 0;color:var(--ink);font-size:.84rem;font-weight:650;overflow-wrap:anywhere;font-family:var(--symbol-font),monospace}.motion-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.button-small{min-height:38px;padding:6px 12px;font-size:.87rem}.content-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--line-strong)}.steps-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;border-block:1px solid var(--line);list-style:none;counter-reset:steps}.steps-list li{position:relative;min-width:0;padding:35px 12px 13px;border-right:1px solid var(--line);counter-increment:steps;font-size:.88rem;overflow-wrap:anywhere}.steps-list li:last-child{border-right:0}.steps-list li::before{content:counter(steps,decimal-leading-zero);position:absolute;top:7px;left:12px;color:var(--accent);font-size:.75rem;font-weight:800}.scope-box{border:1px solid var(--line)}.scope-box ul{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none}.scope-box li{padding:10px 13px 10px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.86rem}.scope-box li:nth-child(2n){border-right:0}.scope-box li:nth-last-child(-n+2){border-bottom:0}.scope-box li::before{content:'—';margin-left:-17px;margin-right:7px;color:var(--accent)}@media(max-width:900px){.tool-shell{grid-template-columns:1fr}.calculator-panel{border-right:0;border-bottom:1px solid var(--line)}.steps-list{grid-template-columns:repeat(2,1fr)}.steps-list li{border-bottom:1px solid var(--line)}}@media(max-width:700px){.coefficient-list{grid-template-columns:1fr}}@media(max-width:600px){.calculator-panel,.motion-panel{padding:17px 14px}.form-actions{display:grid;grid-template-columns:1fr}.button{width:100%}.motion-controls{display:grid;grid-template-columns:1fr 1fr}.motion-controls .button:last-child{grid-column:1 / -1}.motion-details{grid-template-columns:1fr}.scope-box ul{grid-template-columns:1fr}.scope-box li,.scope-box li:nth-child(2n),.scope-box li:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.scope-box li:last-child{border-bottom:0}.steps-list{grid-template-columns:1fr}.steps-list li{border-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}