.sw-demo{--sw-ink: #23253a;--sw-ink-soft: #656778;--sw-aqua: #00c2d1;--sw-pink: #ff3d77;--sw-line: rgba(35, 37, 58, .14);font-family:Noto Sans JP,Hiragino Sans,system-ui,sans-serif;color:var(--sw-ink);display:grid;gap:10px}.sw-demo__amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:14px;color:var(--sw-ink-soft)}.sw-demo__amount>span{white-space:nowrap}.sw-demo__amount>span[aria-hidden]{color:var(--sw-line)}.sw-demo__amount b{font-size:17px;font-weight:700;color:var(--sw-ink)}.seesawStage{position:relative;width:min(100%,420px);aspect-ratio:3 / 2;margin:0 auto;--tilt-deg: 0deg;--coin-b: 0;touch-action:none;cursor:grab}.seesawStage:active{cursor:grabbing}.seesawFulcrum{position:absolute;left:50%;bottom:0;width:32%;height:auto;transform:translate(-50%);z-index:0;pointer-events:none}.seesawBeam{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%) rotate(var(--tilt-deg));transform-origin:50% 50%;transition:transform .26s cubic-bezier(.22,1,.36,1);z-index:1;pointer-events:none}.seesawPlank{display:block;width:100%;height:auto;pointer-events:none}.seesawSeat{position:absolute;bottom:30%;width:34%}.seesawSeat--left{left:2%}.seesawSeat--right{right:2%}.seesawPlate{display:block;width:100%;height:auto;pointer-events:none}.seesawRider{position:absolute;left:50%;bottom:44%;font-size:clamp(24px,8vw,34px);line-height:1;transform:translate(-50%) rotate(calc(-1 * var(--tilt-deg)));transform-origin:50% 100%;transition:transform .26s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 3px 4px rgba(35,37,58,.16))}.seesawCoin{position:absolute;width:18%;height:auto;top:44%;left:calc(50% + var(--coin-b, 0) * 32%);transform:translate(-50%) rotate(calc(-1 * var(--tilt-deg)));transition:left .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:2}.seesawSparkle{position:absolute;top:4%;right:10%;width:14%;height:auto;opacity:.7;pointer-events:none;z-index:3}.sw-demo__seatTag{position:absolute;left:50%;bottom:8%;transform:translate(-50%);white-space:nowrap;font-size:clamp(11px,3.4vw,13px);line-height:1.2;text-align:center;color:var(--sw-ink);pointer-events:none}.sw-demo__seatTag b{display:block;font-size:clamp(13px,4vw,16px);font-weight:700}.sw-demo__seatTag small{color:var(--sw-ink-soft)}.sw-demo__controls{display:grid;gap:8px}.sw-demo__sliderRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px;color:var(--sw-ink-soft)}.sw-demo__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--sw-aqua),var(--sw-pink));outline:none;cursor:pointer}.sw-demo__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--sw-pink);box-shadow:0 3px 10px #23253a38;cursor:grab}.sw-demo__slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--sw-pink);box-shadow:0 3px 10px #23253a38;cursor:grab}.sw-demo__slider:focus-visible{box-shadow:0 0 0 4px #00c2d147}.sw-demo__footRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.sw-demo__hint{font-size:12px;color:var(--sw-ink-soft)}.sw-demo__reset{appearance:none;border:1px solid var(--sw-line);background:#fff;color:var(--sw-ink-soft);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.sw-demo__reset:hover{color:var(--sw-ink);border-color:#23253a47}@media(prefers-reduced-motion:reduce){.seesawBeam,.seesawRider,.seesawCoin{transition:none}}