:root{color-scheme:dark;font-family:Inter,"Helvetica Neue",Arial,"Noto Sans JP",sans-serif;color:#eceeea;background:#131716;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #d0fa82;outline-offset:5px}#stage{height:100dvh;min-height:660px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 46% 45%,#363d37 0%,#202723 38%,#121715 78%)}canvas{position:absolute;width:100%;height:100%;touch-action:none;display:block}header{position:absolute;left:42px;right:42px;top:32px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{font-size:27px;font-weight:750;letter-spacing:-1.5px;color:inherit;text-decoration:none;pointer-events:auto}.brand span{font-weight:350;color:#b5bdb4}.brand i{display:inline-block;width:8px;height:8px;margin-left:7px;border-radius:50%;background:#c6f481}.edition,.eyebrow{font-size:11px;letter-spacing:2px;color:#909d91}.intro{position:absolute;left:42px;top:142px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#a7b6a5}h1{font-size:clamp(25px,2.5vw,38px);line-height:1.5;letter-spacing:-1.5px;margin:19px 0 13px;font-weight:550}h1 span{color:#a7b2a7}.intro p{font-size:14px;color:#99a697}.panel{position:absolute;right:34px;top:50%;transform:translateY(-48%);width:280px;border:1px solid #c9dbba24;border-radius:18px;background:#171d19e8;backdrop-filter:blur(18px);padding:23px;box-shadow:0 18px 65px #0002}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h2{font-size:16px;font-weight:500;margin:0}#state{font-size:9px;letter-spacing:1px;color:#c6f481;border:1px solid #c6f48130;padding:5px 7px;border-radius:5px}.modes{display:flex;gap:3px;border:0;margin:0;padding:4px;background:#0e1410;border-radius:9px}.modes legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.modes button{flex:1;border:0;border-radius:6px;padding:10px 0;color:#a9b1a7;background:transparent;font-size:13px}.modes button[aria-pressed=true]{background:#d0f79a;color:#20301c}.mode-help{height:32px;color:#8f9b8d;font-size:11px;line-height:1.6;margin:12px 0 21px}.slider-label{font-size:13px;display:flex;justify-content:space-between;margin-top:18px;color:#c7cfc3}output{color:#d0f79a;font-variant-numeric:tabular-nums;font-size:12px}input[type=range]{width:100%;height:20px;margin:8px 0 0;accent-color:#caf58e;cursor:pointer}.toggles{border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:17px;font-size:11px;color:#aab6a3}.toggles label{display:flex;align-items:center;gap:5px}.toggles input{accent-color:#c6f481}.toggles button{background:none;border:0;color:#bac5b3;padding:4px;font-size:11px}.reset{display:flex;align-items:center;gap:10px;width:100%;margin-top:20px;background:#c9f38f;color:#23301c;border:0;border-radius:8px;padding:12px 13px;font-size:18px}.reset span{font-size:13px;font-weight:600}.reset kbd{margin-left:auto;font-size:11px;border:1px solid #23301c40;border-radius:3px;padding:2px 5px}.reset:hover{background:#dbffab}.home{display:block;margin:12px auto 0;color:#909e89;background:none;border:0;font-size:11px}.hint{position:absolute;bottom:93px;left:46%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #e0f4cf20;border-radius:24px;background:#141d16a8;padding:12px 19px;font-size:12px;color:#b6c4b0;pointer-events:none;white-space:nowrap}.hint-dot{width:6px;height:6px;background:#c9f38f;border-radius:50%}footer{position:absolute;bottom:29px;left:42px;right:42px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#83917f;letter-spacing:.5px;pointer-events:none}footer b{color:#bdcbb5;font-weight:500}.live-dot{width:5px;height:5px;display:inline-block;background:#b8e589;border-radius:50%;margin-right:6px}.separator{padding:0 10px;color:#485445}.controls-help span{padding:0 8px}.loading{position:absolute;left:46%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:17px;background:#192019ed;padding:32px;border-radius:16px;border:1px solid #c9f38f30;font-size:14px}.loading span:last-child{color:#a9b5a2;font-size:12px}.loading[hidden]{display:none}.spinner{width:28px;height:28px;border:2px solid #c9f38f20;border-top-color:#c9f38f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#cursor{display:none;pointer-events:none;position:absolute;width:24px;height:24px;border:1px solid #d5ffa2bd;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #d5ffa210}#cursor.active{display:block;background:#d5ffa224}@media(max-width:1100px){.intro{top:110px;left:28px}.intro .eyebrow{display:none}h1{font-size:25px}.panel{right:22px;width:248px;padding:20px}.controls-help{display:none}header{left:28px;right:28px}footer{left:28px;right:28px}}@media(max-width:700px){#stage{min-height:780px}header{top:22px;left:22px;right:22px}.brand{font-size:25px}.edition{font-size:8px;letter-spacing:1px}.intro{top:72px;left:22px}.intro h1{font-size:17px;line-height:1.5;margin:0}.intro p{display:none}.panel{top:auto;bottom:53px;left:16px;right:16px;width:auto;transform:none;padding:16px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.panel-heading{grid-column:1/-1;margin-bottom:12px}.modes{grid-column:1/-1}.mode-help{grid-column:1/-1;height:auto;margin:8px 0 0;font-size:10px}.slider-label{margin-top:10px;font-size:11px}#radius{grid-column:1;grid-row:5}#stiffness{grid-column:2;grid-row:5}#damping{grid-column:1;grid-row:7}#strength{grid-column:2;grid-row:7}input[type=range]{margin:3px 0 0}.toggles{grid-column:1/-1;margin-top:10px;padding-top:10px}.reset{margin-top:10px;padding:9px}.home{margin:10px 0 0;font-size:11px}.hint{bottom:407px;left:50%;padding:8px 14px;font-size:10px}footer{bottom:22px;left:22px;right:22px;font-size:9px}.loading{left:50%;top:30%;width:250px}}