.motor-route{background:#000;width:100%;height:100%;overflow-y:auto}.motor-page,.motor-page *{box-sizing:border-box}.motor-page.motor-page-complete{box-sizing:border-box;flex-direction:column;min-height:0;padding-top:76px;display:flex}.motor-page-complete .motor-stage{flex:1;min-height:0;position:relative;inset:auto}.motor-page{color:#dff8ff;height:100svh;min-height:620px;font-family:var(--font-text);background:#000;position:relative;overflow:hidden}.motor-topbar{z-index:5;top:max(16px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;left:20px;right:20px}.motor-topbar h1{color:#f5f7fa;font:800 clamp(16px,2.2vw,22px)/1.2 var(--font-display);letter-spacing:-.02em;margin:0}.motor-topbar-actions{pointer-events:auto;gap:8px;display:flex}.motor-stage{position:absolute;inset:76px 0 142px}.motor-stage canvas{display:block}.motor-page-particles .motor-stage canvas{-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 48px),#0000 100%)}.motor-timer{z-index:1;left:var(--timer-x,72%);top:var(--timer-y,20%);width:var(--timer-size,120px);aspect-ratio:1;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.motor-timer svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(90deg)}.motor-timer circle{fill:none;stroke-width:2.5px}.motor-timer-track{stroke:var(--color-border-control,#4a5a66)}.motor-timer circle.motor-timer-arc{stroke:#4dde1f;stroke-width:7.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}.motor-timer[data-phase=hold-full] circle.motor-timer-arc{stroke:#ffb020}.motor-timer[data-phase=exhale] circle.motor-timer-arc{stroke:#00d9ff}.motor-timer[data-phase=hold-empty] circle.motor-timer-arc{stroke:#ff4d5a}.motor-timer-label{color:#f5f7fa;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:clamp(16px,2vw,23px);line-height:1.2;display:flex;position:absolute;inset:0}.motor-timer-seconds{color:#9ac8d2;font:400 clamp(11px,1.2vw,15px)/1.2 var(--font-mono)}.motor-controls{bottom:max(24px,env(safe-area-inset-bottom));max-width:860px;margin:auto;position:absolute;left:24px;right:24px}.motor-detail{color:#8caeb9;font:400 11px/1.5 var(--font-mono);justify-content:space-between;margin-bottom:14px;display:flex}.motor-detail span{color:#8b96a5}.motor-controls nav{border-top:1px solid #15323b;grid-template-columns:1.3fr 1fr 1fr 1fr;display:grid}.motor-controls button{color:#8b96a5;min-height:54px;font:500 13px/1.5 var(--font-text);cursor:pointer;background:0 0;border:0;border-top:2px solid #0000;padding:12px;transition:color .4s,background .4s}.motor-controls button span{font:11px var(--font-mono);color:#8b96a5;margin-right:12px}.motor-controls button[aria-pressed=true]{color:#e4faff;background:linear-gradient(#00d9ff12,#0000);border-color:#00d9ff}.motor-controls button[aria-pressed=true] span{color:#4dde1f}.motor-controls button:focus-visible{outline-offset:3px;outline:2px solid #4dde1f}.motor-fallback{place-items:center;height:100%;font-size:12px;display:grid}.motor-fallback img{object-fit:contain;max-width:100%;height:90%}@media (width<=600px){.motor-topbar{top:max(10px,env(safe-area-inset-top));left:12px;right:12px}.motor-topbar h1{font-size:16px}.motor-page.motor-page-complete{padding-top:66px}.motor-controls{bottom:18px;left:16px;right:16px}.motor-controls button{padding:10px 5px;font-size:12px}.motor-controls button span{margin:0 0 4px;display:block}.motor-detail{gap:12px;font-size:10px}.motor-detail span{text-align:right}.motor-stage{inset:66px 0 155px}.motor-controls nav{grid-template-columns:repeat(2,minmax(0,1fr))}.motor-stage{bottom:215px}.motor-detail{flex-wrap:wrap}}.motor-duration-controls{padding:8px 20px max(14px,env(safe-area-inset-bottom));font-family:var(--font-mono);flex-shrink:0;position:relative}.motor-duration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:70%;margin-inline:auto;display:grid}.motor-duration-card{box-sizing:border-box;background:#080d11;border:1px solid #1c2c34;border-radius:7px;padding:4px 6px}.motor-duration-card label{color:#4dde1f;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700;line-height:10px;display:block}.motor-duration-card:nth-child(2n) label{color:#00d9ff}.motor-duration-stepper{justify-content:space-between;align-items:center;gap:8px;display:flex}.motor-duration-stepper button{border:1px solid var(--color-border-control,#4a5a66);color:#f5f7fa;cursor:pointer;background:#0b1117;border-radius:5px;flex:0 0 44px;width:44px;min-width:44px;height:44px;font-size:14.7px}.motor-duration-stepper button:hover{border-color:#00d9ff}.motor-duration-stepper button:focus-visible{outline-offset:2px;outline:2px solid #4dde1f}.motor-duration-stepper button:disabled{opacity:.3;cursor:default}.motor-duration-stepper output{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.motor-duration-stepper small{color:#91a4bd;margin-left:3px;font-size:10px}.motor-duration-controls p{color:#91a4bd;text-align:center;margin:9px 0 0;font-size:12px}@media (width<=600px){.motor-duration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.motor-duration-controls{padding-inline:12px}.motor-duration-card{padding:2px 6px}.motor-duration-stepper{gap:3px}.motor-duration-controls p{font-size:12px}}