:root{color:#17343a;background:#e9e4da;font-family:Avenir Next,Noto Sans JP,Yu Gothic,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17343a;--muted: #64777a;--line: #d8d3c9;--paper: #fbfaf6;--teal: #1d7782;--teal-dark: #145c65;--orange: #e66a42;--green: #2f8f69;--red: #c74e3a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.9),transparent 30rem),linear-gradient(135deg,#eeeae2,#e3ded3)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.simulator-shell{width:min(1420px,calc(100% - 40px));margin:0 auto;padding:36px 0 28px}.page-header{display:grid;grid-template-columns:minmax(400px,1fr) minmax(320px,520px);align-items:end;gap:48px;margin-bottom:26px}.eyebrow{margin:0 0 7px;color:var(--teal);font-size:.72rem;font-weight:700;letter-spacing:.2em}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:var(--ink);font-size:clamp(2rem,4vw,3.5rem);font-weight:600;letter-spacing:-.055em;line-height:1.05}h1 span{color:var(--teal)}.lede{margin:0 0 5px;color:var(--muted);font-size:1rem;line-height:1.8}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(355px,.72fr);min-height:680px;overflow:hidden;border:1px solid rgba(69,78,75,.12);border-radius:24px;background:var(--paper);box-shadow:0 24px 70px #2d34301f}.stage-card{position:relative;min-width:0;min-height:680px;overflow:hidden;background:#f3f0e9}.stage-card:before{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(38,91,99,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(38,91,99,.04) 1px,transparent 1px);background-size:32px 32px;content:"";-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.viewport{position:absolute;inset:0}.viewport canvas{display:block;width:100%;height:100%;cursor:grab}.viewport canvas:active{cursor:grabbing}.stage-toolbar{position:absolute;z-index:5;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.stage-toolbar button{pointer-events:auto}.segmented{display:flex;gap:3px;padding:4px;border:1px solid rgba(32,71,76,.12);border-radius:12px;background:#fffc;box-shadow:0 7px 22px #2a3a3814;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.segmented button,.icon-button{border:0;border-radius:8px;color:#607477;background:transparent;cursor:pointer;font-size:.78rem;font-weight:600}.segmented button{min-width:58px;padding:8px 11px}.segmented button:hover,.segmented button.is-active{color:#fff;background:var(--teal-dark)}.icon-button{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(32,71,76,.12);background:#ffffffd1;box-shadow:0 7px 22px #2a3a3814;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button:hover,.icon-button.is-active{color:#fff;background:var(--teal-dark)}.section-icon{width:13px;height:13px;border:1.5px solid currentColor;border-radius:50%;box-shadow:inset 5px 0 currentColor}.view-hint{position:absolute;z-index:4;left:50%;bottom:120px;display:flex;align-items:center;gap:7px;transform:translate(-50%);color:#738487;font-size:.72rem;white-space:nowrap;pointer-events:none}.orbit-mark{font-size:1rem}.result-card{position:absolute;z-index:4;bottom:26px;left:26px;display:flex;align-items:center;gap:12px;width:min(390px,calc(100% - 52px));padding:14px 16px;border:1px solid rgba(49,76,75,.12);border-radius:14px;background:#ffffffd4;box-shadow:0 10px 35px #2838361a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.result-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#90a0a0;box-shadow:0 0 0 5px #7a8f8f1f}.result-card div{display:grid;gap:2px}.result-card strong{font-size:.84rem}.result-card span:last-child{color:var(--muted);font-size:.7rem}.result-card.is-testing .result-dot{background:var(--orange);animation:pulse 1s infinite}.result-card.is-success .result-dot{background:var(--green);box-shadow:0 0 0 5px #2f8f6921}.result-card.is-failure .result-dot{background:var(--red);box-shadow:0 0 0 5px #c74e3a21}@keyframes pulse{50%{transform:scale(1.35)}}.legend{position:absolute;z-index:4;top:84px;right:25px;display:grid;gap:8px;color:#667a7c;font-size:.68rem;pointer-events:none}.legend span{display:flex;align-items:center;gap:7px}.swatch{width:9px;height:9px;border-radius:2px;background:#e9dcc1;box-shadow:inset 0 0 0 1px #00000014}.swatch.crown{background:#54b1c2b8}.swatch.resistance{background:var(--orange)}.control-card{position:relative;z-index:6;display:flex;flex-direction:column;gap:27px;padding:34px;border-left:1px solid var(--line);background:#ffffffeb}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.control-heading h2{margin:0;font-size:1.35rem;letter-spacing:-.025em}.width-badge{padding:7px 9px;border-radius:6px;color:#6b7b7c;background:#f0eee8;font-size:.66rem;white-space:nowrap}.slider-block{display:grid;gap:9px}.slider-label-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.slider-label-row label{font-size:.84rem;font-weight:600}.slider-label-row label small{margin-left:4px;color:var(--teal);font-size:.67rem}.slider-label-row output{color:var(--ink);font-size:1.25rem;font-weight:700}.slider-label-row output small{color:var(--muted);font-size:.68rem;font-weight:500}input[type=range]{width:100%;height:4px;margin:8px 0 0;border-radius:4px;outline:none;appearance:none;background:linear-gradient(90deg,var(--teal),#c8d5d3)}input[type=range]::-webkit-slider-thumb{width:19px;height:19px;border:3px solid white;border-radius:50%;appearance:none;background:var(--teal);box-shadow:0 2px 8px #18555d59;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid white;border-radius:50%;background:var(--teal);box-shadow:0 2px 8px #18555d59;cursor:pointer}input:disabled{opacity:.55}.range-labels{display:flex;justify-content:space-between;color:#92a0a0;font-size:.62rem}.validation-note{margin:1px 0 0;padding:8px 10px;border-radius:7px;font-size:.68rem;line-height:1.5}.validation-note strong{margin-right:5px}.validation-note.is-ok{color:#27694f;background:#e9f5ef}.validation-note.is-warning{color:#8b503c;background:#fff0e9}.subvalue{margin:0;color:var(--muted);font-size:.68rem}.subvalue strong{margin-left:4px;color:var(--ink)}.parker-card{padding:17px;border:1px solid #d8e2e0;border-radius:13px;background:#f2f7f6}.parker-title-row{display:flex;align-items:center;gap:11px;margin-bottom:16px}.formula-mark{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;color:#fff;background:var(--teal);font-family:Georgia,serif;font-style:italic}.parker-title-row div{display:grid}.parker-title-row strong{font-size:.79rem}.parker-title-row small{color:var(--muted);font-size:.62rem}.threshold-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem}.threshold-row strong{color:var(--teal-dark);font-size:.85rem}.threshold-track{position:relative;height:5px;margin:11px 0 9px;border-radius:6px;background:#dce5e3}.threshold-track span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--teal)}.threshold-track i{position:absolute;top:50%;width:2px;height:13px;transform:translate(-1px,-50%);background:var(--orange)}.parker-card p{margin:0;color:var(--muted);font-size:.65rem}.parker-card p.is-safe{color:var(--green)}.parker-card p.is-risk{color:var(--red)}.primary-action{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin-top:auto;padding:15px 18px;border:0;border-radius:11px;color:#fff;background:var(--teal-dark);box-shadow:0 10px 22px #145c6538;cursor:pointer;transition:transform .2s,background .2s}.primary-action:hover{transform:translateY(-2px);background:#0d4f57}.primary-action:disabled{transform:none;opacity:.7;cursor:wait}.primary-action>span:last-child{display:grid;text-align:left}.primary-action strong{font-size:.86rem}.primary-action small{color:#ffffffab;font-size:.62rem}.force-arrow{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;color:var(--teal-dark);background:#fff;font-size:1.1rem}.material-section{margin-top:26px;padding:34px;border:1px solid rgba(69,78,75,.12);border-radius:24px;background:#fbfaf6f0;box-shadow:0 18px 55px #2d343017}.material-header{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,480px);align-items:end;gap:34px}.material-header h2{margin:0;font-size:1.55rem;letter-spacing:-.035em}.material-header>p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.7}.material-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:27px 0 22px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#efede7}.material-tabs button{padding:11px 12px;border:0;border-radius:9px;color:#68797a;background:transparent;cursor:pointer;font-size:.8rem;font-weight:700;transition:color .2s,background .2s,box-shadow .2s}.material-tabs button:hover{color:var(--teal-dark);background:#ffffff8c}.material-tabs button.is-active{color:#fff;background:var(--teal-dark);box-shadow:0 6px 16px #145c6533}.material-content{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:22px}.profile-card,.standard-card{min-width:0;border:1px solid #d8e2e0;border-radius:17px;background:#f3f7f6}.profile-card{position:relative;display:grid;place-items:center;min-height:340px;padding:20px;overflow:hidden}.profile-card svg{width:min(100%,480px);height:auto;overflow:visible}.profile-card>strong{margin-top:-22px;color:var(--ink);font-size:.9rem}.baseline{stroke:#91a0a0;stroke-width:2}.crown-outline{fill:none;stroke:#aeb7b5;stroke-dasharray:6 7;stroke-linecap:round;stroke-width:2.3}.prep-outline{fill:#1d778214;stroke:var(--teal);stroke-linecap:round;stroke-linejoin:round;stroke-width:4;transition:d .25s}.margin-junction{fill:#fff;stroke:var(--teal-dark);stroke-width:2.5}.measure-line{stroke:#5c7072;stroke-width:1.5}.measure-label rect{fill:#fff;stroke:#d8e2e0}.measure-label text{fill:var(--ink);font-size:11px;font-weight:700;text-anchor:middle}.diagram-legend text{fill:#627576;font-size:10px}.prep-dot{fill:var(--teal)}.crown-dot{fill:#aeb7b5}.standard-card{padding:25px;background:#fff}.standard-title-row{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:21px}.standard-title-row>div{display:grid;gap:4px}.standard-title-row>div span{color:var(--teal);font-size:1.35rem;font-weight:700}.standard-title-row>div strong{color:var(--muted);font-size:.74rem;font-weight:500}.video-source-badge{padding:7px 9px;border-radius:7px;color:#6b7b7c;background:#f0eee8;font-size:.62rem;white-space:nowrap}.standard-values{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.standard-values>div{min-width:0;padding:20px 18px}.standard-values>div:first-child{padding-left:0}.standard-values>div:last-child{padding-right:0}.standard-values>div+div{border-left:1px solid var(--line)}.standard-values dt{min-height:34px;color:var(--muted);font-size:.68rem;line-height:1.45}.standard-values dd{min-height:33px;margin:6px 0 4px;color:var(--ink);font-size:1.18rem;font-weight:700;line-height:1.4}.standard-values dd small{color:var(--muted);font-size:.64rem;font-weight:500}.standard-values p{margin:0;color:#83908f;font-size:.62rem;line-height:1.5}.material-note{margin:20px 0 0;padding:12px 14px;border-left:3px solid var(--teal);color:#5d7071;background:#f3f7f6;font-size:.72rem;line-height:1.65}.method-note{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:16px 5px 0;color:#788785;font-size:.68rem;line-height:1.7}.method-note strong{color:#5d706f}@media(max-width:980px){.simulator-shell{width:min(100% - 24px,760px);padding-top:24px}.page-header{grid-template-columns:1fr;gap:14px}.workspace{grid-template-columns:1fr}.stage-card{min-height:560px}.control-card{border-top:1px solid var(--line);border-left:0}.primary-action{margin-top:4px}.material-header{grid-template-columns:1fr;gap:10px}.material-content{grid-template-columns:1fr}}@media(max-width:560px){.simulator-shell{width:100%;padding:18px 10px}.page-header{padding:0 5px}h1{font-size:2.05rem}.lede{font-size:.86rem}.workspace{border-radius:17px}.stage-card{min-height:470px}.stage-toolbar{top:13px;left:13px;right:13px}.segmented button{min-width:49px;padding:8px 7px}.icon-button{padding:10px}.legend{top:70px;right:15px}.view-hint{bottom:103px}.result-card{bottom:15px;left:15px;width:calc(100% - 30px)}.control-card{gap:24px;padding:26px 20px}.material-section{margin-top:14px;padding:25px 20px;border-radius:17px}.material-header h2{font-size:1.32rem}.material-header>p{font-size:.74rem}.material-tabs{grid-template-columns:repeat(2,1fr);margin-top:21px}.profile-card{min-height:280px;padding:10px}.standard-card{padding:21px 18px}.standard-title-row{align-items:center}.standard-values{grid-template-columns:1fr}.standard-values>div,.standard-values>div:first-child,.standard-values>div:last-child{padding:14px 0}.standard-values>div+div{border-top:1px solid var(--line);border-left:0}.standard-values dt,.standard-values dd{min-height:0}.method-note{grid-template-columns:1fr;gap:2px;padding:14px 5px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}