@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans TC,sans-serif;color:#dce6f1;background:#0b1523;font-size:16px;font-synthesis:none;color-scheme:dark;--line:#29394d;--muted:#93a6bc;--accent:#79e5cc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;background:#182538;border:1px solid #334257;border-radius:7px;padding:.55rem .7rem;font-size:.875rem;transition:background .15s,border-color .15s}button:hover{background:#24364c;border-color:#71869d}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.active,button[aria-selected=true]{background:#254b50;color:#bffded;border-color:#5abfae}button:disabled{opacity:.45;cursor:default}button small{display:block;color:#a6b8cb}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem}select{width:100%;padding:.65rem .5rem;border:1px solid #3c4c61;border-radius:6px;background:#152235;color:#e3edf6;font-size:.875rem}h1,h2,h3,p{margin:0}h2{font-size:1rem;font-weight:600}h3{font-size:1.1rem}p{line-height:1.6}[hidden]{display:none!important}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#0e1928}.brand{display:flex;gap:14px;align-items:center}.brand-icon{font-size:2.2rem;color:var(--accent);font-weight:400}.brand h1{font-size:1.38rem;letter-spacing:-.5px;font-weight:600}.brand h1>span:first-child{color:#526a81;font-weight:400}.brand-sub{font-weight:400;color:#a0b4cb}.brand p{font-size:.8125rem;color:#94a8bd;margin-top:3px}.top-actions{display:flex;align-items:center;gap:22px}.version{font-size:.75rem;letter-spacing:1.5px;color:#92a9c0}.icon-button{font-size:1.55rem;line-height:1;padding:7px 10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 348px;max-width:1920px;margin:auto}.visual-column{min-width:0;display:flex;flex-direction:column}.viewport{position:relative;min-height:490px;height:calc(100vh - 336px);max-height:980px;overflow:hidden;background:radial-gradient(ellipse at 48% 43%,#1a2c41,#101e30 49%,#0b1523 85%)}.viewport>canvas{display:block;width:100%;height:100%;touch-action:none}.view-tools{position:absolute;top:19px;left:22px;z-index:2;display:flex;gap:4px}.view-tools button{background:#0d1928c9;padding:.35rem .65rem}.view-hint{position:absolute;bottom:61px;left:24px;color:#8096af;font-size:.8125rem;pointer-events:none}.legend{position:absolute;bottom:20px;left:22px;display:flex;gap:8px;z-index:2;flex-wrap:wrap}.legend button{font-size:.8125rem;border-color:transparent;background:transparent;padding:5px 7px;color:#9dafc3;display:flex;align-items:center;gap:7px}.legend button.active{color:#f0f5fa;background:#233349;border-color:#3d526b}.legend i{width:9px;height:9px;border-radius:50%;background:var(--canal)}.model-note{position:absolute;right:22px;bottom:67px;font-size:.75rem;color:#7188a2;pointer-events:none}.model-label{position:absolute;transform:translate(-50%,-50%);font-size:.8125rem;white-space:nowrap;pointer-events:none;color:#dae6f1;text-shadow:0 1px 5px #08111b,0 1px 5px #08111b}.model-label.side{font-weight:700;font-size:1rem;border:1px solid #6c829b;background:#152438c9;border-radius:50%;width:27px;height:27px;text-align:center;line-height:25px}.model-label.ear-title{font-size:.75rem;letter-spacing:1.6px;color:#a0b7ce}.model-label.detail{font-size:.8125rem;color:#d9e4f1;background:#0b1523c2;padding:3px 6px;border-radius:4px}.gravity-label{color:#9caec3;font-size:.75rem}.webgl-error{position:absolute;inset:25%;background:#182538;padding:24px;border:1px solid #ef959e;border-radius:10px;line-height:1.8}.response-panel{margin:0 22px 20px;border:1px solid #34465c;border-radius:12px;background:#132134;padding:16px 20px 0}.response-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:.6875rem;letter-spacing:1.5px;color:#9cb1c8;font-weight:600;display:block;margin-bottom:4px}.response-head h2{font-size:1rem}.badge{font-size:.8125rem;padding:5px 10px;border:1px solid #3c5b65;border-radius:20px;color:#a3f5d7;background:#24433f}.badge.inhibitory{color:pink;background:#4a2e40;border-color:#725369}.badge.neutral{color:#a9b7c8;background:#243147;border-color:#3b4b63}.response-body{display:grid;grid-template-columns:48% 1fr;align-items:center;gap:20px;min-height:117px}.response-body canvas{width:100%;height:122px}.response-info strong{font-size:1rem;font-weight:500}.response-info p{font-size:.8125rem;color:#b5c6d7;margin-top:3px}.strength-track{height:5px;background:#2c3c51;border-radius:9px;margin-top:10px;max-width:300px;overflow:hidden}.strength-track>span{height:100%;display:block;background:var(--accent);width:0;transition:width .12s}.response-info .muted{color:#8da2bb;font-size:.75rem}.transport{border-top:1px solid #2d3e54;padding:11px 0;display:flex;gap:7px;align-items:center}.transport button{padding:.35rem .6rem;font-size:.8125rem}.transport .play{background:#2b514e;color:#c2f9e7;min-width:80px}.transport label{display:flex;align-items:center;gap:8px;font-size:.8125rem;margin-left:auto;color:#a7bbcf}.transport select{padding:.25rem .4rem;width:75px;font-size:.8125rem}.time{font-variant-numeric:tabular-nums;font-size:.8125rem;color:#839bb5;min-width:48px;text-align:right}.controls-panel{border-left:1px solid var(--line);background:#101c2c;padding:20px;max-height:calc(100vh - 86px);overflow:auto;scrollbar-width:thin;scrollbar-color:#3b4f67 transparent}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#091321;border-radius:9px;border:1px solid #25354b;margin-bottom:5px}.mode-tabs button{border:0;background:transparent;padding:9px}.control-section{padding:19px 0;border-bottom:1px solid #25364b}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.step-number{font-size:.6875rem;font-weight:700;color:#87a4bd;border:1px solid #344b64;border-radius:4px;padding:3px}.section-heading .text-button{margin-left:auto}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segmented button{font-size:.8125rem;padding:9px 2px}.field{display:flex;flex-direction:column;gap:6px;color:#a5b9cd;font-size:.8125rem;margin-top:13px}.flow-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-buttons button{padding:11px 3px;line-height:1.7}.flow-buttons small{font-size:.75rem}.help{font-size:.8125rem;color:#8fa6be;line-height:1.65;margin-top:11px}.pose-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pose-grid button{font-size:.75rem;padding:8px 3px}.text-button{background:transparent;border:0;color:#a2c7dc;padding:0;font-size:.8125rem}.text-button:hover{background:transparent;color:#e4f4ff}.law-card{background:#172b3c;border-left:2px solid #68d3c2;border-radius:0 7px 7px 0;padding:15px;margin-top:19px}.law-card .eyebrow{font-size:.625rem;color:#85cabb}.law-card h3{font-size:.95rem;margin:8px 0}.law-card p{font-size:.8125rem;color:#adc4d5;line-height:1.8}.display-options{margin-top:18px;font-size:.8125rem;color:#9fb5ca}.display-options summary{cursor:pointer;padding:0 0 9px}.display-options>label:not(.field){display:flex;gap:9px;align-items:center;padding:6px 0}.display-options .field{margin-top:7px}footer{border-top:1px solid #26364b;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 25px;font-size:.75rem;color:#8198b0;line-height:1.5}dialog{max-width:700px;width:calc(100vw - 32px);max-height:85vh;color:#dce6f1;background:#142237;border:1px solid #4b637c;border-radius:14px;padding:26px}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}dialog p,dialog li{line-height:1.8;margin:12px 0;font-size:.9375rem}dialog a{color:#87dccd}dialog h3{margin-top:20px;font-size:1rem}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 380px}.viewport{min-height:550px}.controls-panel{padding:24px}.response-body{grid-template-columns:40% 1fr}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.controls-panel{padding:15px}.viewport{min-height:480px}.model-note{display:none}.view-hint{font-size:.75rem;left:16px}.legend{left:12px;gap:1px}.legend button{font-size:.75rem;padding:4px}.response-panel{margin-left:12px;margin-right:12px;padding:14px 14px 0}.response-body{gap:8px}.brand-sub{font-size:1.1rem}.version{display:none}.response-info strong{font-size:.875rem}}@media(max-width:760px){.topbar{padding:0 16px;height:72px}.brand h1{font-size:1.17rem}.brand-sub{font-size:.95rem}.brand-icon{display:none}.workspace{display:flex;flex-direction:column}.viewport{height:450px;min-height:400px}.controls-panel{max-height:none;border-left:0;border-top:1px solid var(--line);padding:20px}.view-tools{top:13px;left:13px}.response-panel{margin-bottom:16px}.response-body{grid-template-columns:45% 1fr}.model-label.ear-title{font-size:.625rem;letter-spacing:.6px}.model-label.detail,.legend button{font-size:.6875rem}.legend{bottom:17px}.view-hint{bottom:53px}footer{flex-direction:column;align-items:flex-start;padding:14px 20px}.transport{flex-wrap:wrap}.transport label{margin-left:auto}.topbar .icon-button{font-size:1.3rem}.law-card .eyebrow{font-size:.75rem}}.cupula-inset{position:absolute;top:18px;right:18px;width:220px;background:#0d1928e8;border:1px solid #59728a;border-radius:8px;pointer-events:none;padding:9px 10px 7px}.cupula-inset>span{display:block;color:#c1d3df;font-size:.75rem}.cupula-inset canvas{display:block;width:100%;height:auto}.cupula-readout{display:grid;gap:2px;border-top:1px solid #3c5369;padding:5px 2px 1px;color:#ffe4a8}.cupula-readout strong{font-size:.8125rem;font-weight:600}.cupula-readout small{font-size:.75rem;color:#ffd084}.eyebrow,.step-number,.law-card .eyebrow{font-size:.75rem}.pose-grid button,.field,.help{font-size:.875rem}@media(max-width:760px){.cupula-inset{width:174px;top:56px;right:12px;padding:7px}.model-label.ear-title,.model-label.detail,.legend button{font-size:.75rem}.view-hint{bottom:76px}.legend{right:10px;row-gap:3px}}@media(prefers-reduced-motion:reduce){button,.strength-track>span{transition:none}}.fluid-key{position:absolute;top:155px;right:20px;font-size:.75rem;color:#bdeef2;display:flex;align-items:center;gap:7px;pointer-events:none}.fluid-key i{display:block;width:18px;height:3px;background:#c5faff;box-shadow:0 0 7px #82e7ff}.legend button:not(.active) i{background:#747b83}.pose-grid button[data-pose=headHanging]{grid-column:1 / -1}.view-tools #labels-toggle{margin-left:8px;border-color:#4d766f;color:#c7f6e8}.view-tools #labels-toggle:not(.active){border-color:#40536b;color:#9dafc3}.variant-option{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:10px;border:1px solid #34475d;border-radius:7px;color:#c6d6e5;font-size:.8125rem;background:#142338}.variant-option span{display:grid;gap:2px}.variant-option small,.resistance-field small{color:#8199b2;line-height:1.5}.resistance-field>span{display:flex;justify-content:flex-end;color:#e4eff9;font-variant-numeric:tabular-nums}.resistance-field input{margin-top:2px}@media(max-width:760px){.fluid-key{top:175px;right:14px}}.leader-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.leader-layer line{stroke:#a3b9cf;stroke-width:1;opacity:.75}.leader-layer circle{fill:#e3eef8;stroke:#0b1523;stroke-width:1}.maneuver>strong{display:block;font-size:.9375rem;color:#e4eff9}.maneuver-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:5px}.maneuver-steps button{width:100%;text-align:left;font-size:.8125rem;padding:8px 10px;counter-increment:step}.maneuver-steps{counter-reset:step}.maneuver-steps button:before{content:counter(step);display:inline-block;width:1.5em;color:#87a4bd;font-variant-numeric:tabular-nums}.maneuver-steps button.active:before{color:#bffded}.maneuver-steps button:disabled{opacity:.55}.maneuver-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.maneuver-actions button{font-size:.8125rem;padding:9px 4px}.maneuver-status{margin-top:10px;font-size:.8125rem;color:#ffd99a;min-height:1.6em}.maneuver-choice{margin-bottom:12px}.maneuver>strong{margin-top:2px}