.ioc-mobile-page{--mobile-line: var(--ioc-line);--mobile-signal: #d9ff43;--mobile-deep: #11120f}.ioc-mobile-hero{padding:16px 0 36px;background:radial-gradient(circle at 88% 4%,rgba(217,255,67,.18),transparent 31%),var(--ioc-paper)}.ioc-mobile-heading{margin-bottom:15px}.ioc-mobile-heading .ioc-mono-label{display:inline-flex;align-items:center;gap:8px;color:var(--ioc-muted)}.ioc-mobile-heading svg{width:16px;height:16px;color:#78911b}.ioc-mobile-heading h1{margin:4px 0 0;font-size:clamp(2.25rem,3.6vw,3.7rem);line-height:1.05;letter-spacing:-.055em;font-weight:800}.ioc-mobile-heading h1 span{color:#94b223}.ioc-mobile-tool{border:1px solid var(--ioc-line-strong);background:var(--mobile-deep);color:#f4f1e8;box-shadow:10px 10px #11120f14}.ioc-mobile-toolbar{min-height:52px;padding:8px 17px;display:flex;align-items:center;justify-content:space-between;gap:9px 18px;flex-wrap:wrap;border-bottom:1px solid #454a39}.ioc-mobile-toolbar__label,.ioc-mobile-toolbar__status{display:inline-flex;align-items:center;gap:8px;font:600 .68rem IO DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.ioc-mobile-toolbar__label{color:#dddccc}.ioc-mobile-toolbar__label svg{width:17px;height:17px;color:var(--mobile-signal)}.ioc-mobile-toolbar__status{color:var(--mobile-signal);max-width:100%}.ioc-mobile-toolbar__status i{flex:none;width:8px;height:8px;background:var(--mobile-signal);box-shadow:0 0 0 4px #d9ff4321}.ioc-mobile-tool button{appearance:none;cursor:pointer;font-family:IO Manrope,Arial,sans-serif}.ioc-mobile-tool button:focus-visible{outline:2px solid var(--mobile-signal);outline-offset:3px}.ioc-mobile-tool button:disabled{opacity:.48;cursor:not-allowed}.ioc-mobile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ioc-mobile-actions button{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #777d6b;background:transparent;color:#f4f1e8;font-weight:700;font-size:.85rem}.ioc-mobile-actions button svg{width:16px;height:16px}.ioc-mobile-actions .ioc-mobile-action--primary{border-color:var(--mobile-signal);background:var(--mobile-signal);color:#11120f;box-shadow:inset 0 -3px #11120f}.ioc-mobile-actions button:not(:disabled):hover{border-color:#fff}.ioc-mobile-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #454a39}.ioc-mobile-patterns button{min-width:0;min-height:74px;padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:left;border:0;border-right:1px solid #454a39;background:#181b15;color:#f4f1e8;overflow-wrap:anywhere}.ioc-mobile-patterns button:last-child{border-right:0}.ioc-mobile-patterns button[aria-pressed=true]{background:#2d3819;box-shadow:inset 0 -4px var(--mobile-signal)}.ioc-mobile-patterns strong{font-size:.9rem;line-height:1.15}.ioc-mobile-patterns small{color:#bfc3b1;font-size:.7rem;line-height:1.25}.ioc-mobile-vibration-body{min-height:165px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:center;padding:13px 18px}.ioc-mobile-vibration-graphic{min-height:138px;position:relative;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #4c5937;background:radial-gradient(circle,rgba(217,255,67,.13),transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent 27px,rgba(217,255,67,.045) 28px);overflow:hidden}.ioc-mobile-vibration-phone{width:67px;height:110px;position:relative;border:3px solid var(--mobile-signal);border-radius:13px;background:#293421;box-shadow:0 0 0 5px #d9ff4312}.ioc-mobile-vibration-phone:before{content:"";position:absolute;width:22px;height:3px;left:50%;top:7px;transform:translate(-50%);border-radius:3px;background:var(--mobile-signal)}.ioc-mobile-vibration-phone i{position:absolute;width:31px;height:31px;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid var(--mobile-signal);border-radius:50%}.ioc-mobile-vibration-phone i:after{content:"";position:absolute;width:9px;height:9px;left:9px;top:9px;border-radius:50%;background:var(--mobile-signal)}.ioc-mobile-vibration-wave{width:21px;height:44px;border:2px solid var(--mobile-signal);opacity:.35}.ioc-mobile-vibration-wave--left{border-right:0;border-radius:100% 0 0 100%}.ioc-mobile-vibration-wave--right{border-left:0;border-radius:0 100% 100% 0}.ioc-mobile-tool[data-playing=true] .ioc-mobile-vibration-phone{animation:ioc-mobile-shake .12s linear infinite}.ioc-mobile-tool[data-playing=true] .ioc-mobile-vibration-wave{animation:ioc-mobile-wave .4s ease-in-out infinite alternate}.ioc-mobile-vibration-controls{min-width:0}.ioc-mobile-vibration-controls p{max-width:680px;margin:0 0 14px;color:#e1e1d5;font-size:clamp(.87rem,1.5vw,1.05rem);line-height:1.42}.ioc-mobile-felt{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:11px 18px;border-top:1px solid #454a39;color:#f4f1e8;font-weight:700;font-size:.87rem}.ioc-mobile-felt>div{display:flex;gap:7px}.ioc-mobile-felt button{min-width:72px;min-height:34px;padding:0 13px;border:1px solid #777d6b;background:transparent;color:inherit;font-weight:700}.ioc-mobile-felt button[aria-pressed=true]{background:var(--mobile-signal);border-color:var(--mobile-signal);color:#11120f}.ioc-mobile-felt-result{margin:0;padding:10px 18px;border-top:1px solid #454a39;color:var(--mobile-signal);font-size:.82rem;line-height:1.4}.ioc-mobile-motion-top{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px 20px;border-bottom:1px solid #454a39}.ioc-mobile-motion-top p{max-width:520px;margin:0;color:#d7d9ce;font-size:.89rem;line-height:1.4}.ioc-mobile-motion-top .ioc-mobile-actions{flex:none}.ioc-mobile-motion-body{display:grid;grid-template-columns:minmax(175px,.34fr) minmax(0,1fr);gap:18px;padding:14px 18px 12px}.ioc-mobile-visual{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #4c5937;background:radial-gradient(circle at 50% 43%,rgba(217,255,67,.11),transparent 60%),#171b15}.ioc-mobile-visual__axis{color:#9ca78a;font:600 .61rem IO DM Mono,monospace;letter-spacing:.25em}.ioc-mobile-gyro-dial,.ioc-mobile-accel-plane{width:150px;height:150px;position:relative;border:1px solid #657740;border-radius:50%}.ioc-mobile-gyro-dial:before,.ioc-mobile-accel-plane:before,.ioc-mobile-accel-plane:after{content:"";position:absolute;background:#4d5c37}.ioc-mobile-gyro-dial:before,.ioc-mobile-accel-plane:before{width:1px;height:100%;left:50%}.ioc-mobile-accel-plane:after{width:100%;height:1px;top:50%;left:0}.ioc-mobile-gyro-dial__ring{position:absolute;inset:18px;border:8px solid var(--mobile-signal);border-radius:50%;box-shadow:0 0 18px #d9ff431f;transition:opacity .08s linear}.ioc-mobile-gyro-dial__needle{position:absolute;width:5px;height:66px;left:50%;top:9px;transform-origin:50% 100%;border-radius:4px;background:var(--mobile-signal);box-shadow:0 0 10px #d9ff4359;transition:transform .08s linear}.ioc-mobile-gyro-dial__center,.ioc-mobile-accel-plane__dot{position:absolute;width:18px;height:18px;left:calc(50% - 9px);top:calc(50% - 9px);border:3px solid #11120f;border-radius:50%;background:var(--mobile-signal);box-shadow:0 0 0 4px #d9ff4329}.ioc-mobile-accel-plane{border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,rgba(217,255,67,.09) 25px),repeating-linear-gradient(90deg,transparent 0,transparent 24px,rgba(217,255,67,.09) 25px)}.ioc-mobile-accel-plane__dot{transition:transform .08s linear}.ioc-mobile-readout{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:11px 18px}.ioc-mobile-readout__main{display:flex;flex-direction:column;justify-content:center;min-width:0}.ioc-mobile-readout__main>span,.ioc-mobile-axis-grid span{color:#aab3a0;font:600 .68rem IO DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.ioc-mobile-readout__main>strong{font-size:clamp(2.8rem,5vw,5rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.07em}.ioc-mobile-readout__main>small{color:var(--mobile-signal);font:600 .7rem IO DM Mono,monospace}.ioc-mobile-axis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}.ioc-mobile-axis-grid>div{min-width:0;padding:9px;display:flex;flex-direction:column;justify-content:center;gap:4px;border:1px solid #4a523e}.ioc-mobile-axis-grid strong{font-size:clamp(1rem,2.2vw,1.55rem);font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}.ioc-mobile-minor-metrics{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px 16px;border-top:1px solid #454a39;color:#aab3a0;font:600 .67rem IO DM Mono,monospace;text-transform:uppercase}.ioc-mobile-minor-metrics>span{padding-top:9px}.ioc-mobile-minor-metrics strong{margin-left:5px;color:var(--mobile-signal);font-size:.86rem}.ioc-mobile-gravity-note,.ioc-mobile-state-note{margin:0;padding:7px 18px 11px;color:var(--mobile-signal);font-size:.8rem;line-height:1.35}.ioc-mobile-trace{height:30px;display:flex;align-items:flex-end;gap:3px;padding:0 18px 9px;overflow:hidden}.ioc-mobile-trace span{flex:1;min-width:0;background:var(--mobile-signal);opacity:.7}.ioc-mobile-guide,.ioc-mobile-faq,.ioc-mobile-related{padding-top:60px;padding-bottom:20px}.ioc-mobile-guide{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ioc-mobile-guide__lead{grid-column:1 / -1;max-width:930px;margin:0;color:var(--ioc-ink);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5}.ioc-mobile-guide>div,.ioc-mobile-faq article{border-top:1px solid var(--ioc-line-strong);padding-top:19px}.ioc-mobile-guide h2,.ioc-mobile-faq h2,.ioc-mobile-related h2{font-size:clamp(1.9rem,3.5vw,3.5rem);line-height:1.05;letter-spacing:-.055em;margin:14px 0}.ioc-mobile-guide div p,.ioc-mobile-faq p{color:var(--ioc-muted);font-size:1.03rem;line-height:1.7}.ioc-mobile-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:28px}.ioc-mobile-faq h3{font-size:1.16rem;line-height:1.35;margin:0 0 7px}.ioc-mobile-faq p{margin:0}.ioc-mobile-related{padding-bottom:90px}.ioc-mobile-related>div{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ioc-line-strong);margin-top:25px}.ioc-mobile-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-right:1px solid var(--ioc-line-strong);color:var(--ioc-ink);font-weight:700;text-decoration:none}.ioc-mobile-related a:last-child{border-right:0}.ioc-mobile-related a:hover{background:var(--ioc-paper-2)}.ioc-mobile-related svg{flex:none;width:20px}@media (max-width: 800px){.ioc-mobile-motion-top{align-items:flex-start;flex-direction:column}.ioc-mobile-motion-body{grid-template-columns:165px minmax(0,1fr)}.ioc-mobile-readout{grid-template-columns:1fr}.ioc-mobile-axis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 620px){.ioc-mobile-hero{padding-top:14px}.ioc-mobile-heading h1{font-size:clamp(1.88rem,7.2vw,2.45rem)}.ioc-mobile-toolbar{min-height:44px;padding:7px 11px}.ioc-mobile-toolbar__label,.ioc-mobile-toolbar__status{font-size:.58rem}.ioc-mobile-patterns button{min-height:68px;padding:8px 9px}.ioc-mobile-patterns strong{font-size:.78rem}.ioc-mobile-patterns small{font-size:.61rem}.ioc-mobile-vibration-body{grid-template-columns:112px minmax(0,1fr);gap:10px;min-height:150px;padding:10px}.ioc-mobile-vibration-graphic{min-height:133px;gap:3px}.ioc-mobile-vibration-phone{width:60px;height:102px}.ioc-mobile-vibration-wave{width:13px}.ioc-mobile-vibration-controls p{margin-bottom:8px;font-size:.75rem;line-height:1.3}.ioc-mobile-actions button{min-height:36px;padding:0 8px;font-size:.73rem}.ioc-mobile-felt{padding:9px 11px;font-size:.78rem}.ioc-mobile-felt button{min-height:32px;min-width:59px}.ioc-mobile-motion-top{padding:9px 11px;gap:8px}.ioc-mobile-motion-top p{font-size:.77rem}.ioc-mobile-motion-body{grid-template-columns:112px minmax(0,1fr);gap:9px;padding:9px 11px}.ioc-mobile-visual{min-height:170px}.ioc-mobile-gyro-dial,.ioc-mobile-accel-plane{width:105px;height:105px}.ioc-mobile-gyro-dial__ring{inset:14px;border-width:6px}.ioc-mobile-gyro-dial__needle{height:44px;top:8px}.ioc-mobile-readout{gap:6px}.ioc-mobile-readout__main>span,.ioc-mobile-axis-grid span{font-size:.55rem}.ioc-mobile-readout__main>strong{font-size:clamp(2rem,8vw,2.8rem)}.ioc-mobile-axis-grid{gap:3px}.ioc-mobile-axis-grid>div{padding:4px}.ioc-mobile-axis-grid strong{font-size:.78rem}.ioc-mobile-minor-metrics{font-size:.55rem}.ioc-mobile-minor-metrics strong{font-size:.68rem}.ioc-mobile-trace{padding:0 11px 8px;height:28px}.ioc-mobile-guide,.ioc-mobile-faq,.ioc-mobile-related{padding-top:55px}.ioc-mobile-guide,.ioc-mobile-faq>div,.ioc-mobile-related>div{grid-template-columns:1fr}.ioc-mobile-related a{border-right:0;border-bottom:1px solid var(--ioc-line-strong)}.ioc-mobile-related a:last-child{border-bottom:0}}@media (prefers-reduced-motion: reduce){.ioc-mobile-tool[data-playing=true] .ioc-mobile-vibration-phone,.ioc-mobile-tool[data-playing=true] .ioc-mobile-vibration-wave{animation:none}.ioc-mobile-gyro-dial__ring,.ioc-mobile-gyro-dial__needle,.ioc-mobile-accel-plane__dot{transition:none}}@keyframes ioc-mobile-shake{0%,to{transform:translate(-2px) rotate(-1deg)}50%{transform:translate(2px) rotate(1deg)}}@keyframes ioc-mobile-wave{0%{opacity:.25;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}