*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#050510;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}canvas{display:block}#ui-panel{-webkit-backdrop-filter:blur(10px);z-index:10;background:#0a0a1ed9;border:1px solid #6496ff4d;border-radius:8px;width:280px;max-height:95vh;padding:12px;font-size:13px;transition:transform .3s;position:absolute;top:10px;left:10px;overflow-y:auto}#ui-panel h2{color:#8bf;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:16px}#ui-panel h3{color:#69c;border-top:1px solid #6496ff33;margin:10px 0 6px;padding-top:8px;font-size:13px}.info-row{justify-content:space-between;margin:4px 0;display:flex}.info-row span:first-child{color:#89a}.info-row span:last-child{color:#cdf;font-weight:600}label{color:#89a;margin:6px 0 2px;font-size:12px;display:block}input[type=number],select{color:#e0e0e0;background:#141432cc;border:1px solid #6496ff4d;border-radius:4px;width:100%;padding:5px 8px;font-size:13px}input[type=range]{width:100%;margin:4px 0}.btn{color:#cdf;cursor:pointer;background:#3250b499;border:1px solid #6496ff66;border-radius:4px;margin:4px 2px;padding:6px 14px;font-size:12px;transition:all .2s;display:inline-block}.btn:hover{background:#4664dccc;border-color:#82b4ff99}.btn.primary{background:#288c50b3;border-color:#3cc86480}.btn.primary:hover{background:#32aa5acc}.btn.danger{background:#b4323299;border-color:#ff646466}.btn.active{background:#c8961e99;border-color:#ffc83280}.btn-row{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.focus-buttons{flex-wrap:wrap;gap:3px;margin:4px 0;display:flex}.focus-buttons .btn{padding:3px 8px;font-size:11px}#message{text-align:center;color:#8df;z-index:20;background:#0a0a1ee6;border:2px solid #6496ff80;border-radius:12px;padding:30px 50px;font-size:24px;font-weight:700;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#message.visible{display:block}#top-bar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1ed9;border:1px solid #6496ff4d;border-radius:8px;gap:20px;padding:8px 20px;font-size:13px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#top-bar .info-item{gap:6px;display:flex}#top-bar .info-label{color:#678}#top-bar .info-value{color:#8df;font-weight:600}#correction-panel{display:none}.compact-row{margin-top:2px}.correction-visualizer{gap:10px;margin:10px 0 8px;display:grid}#correction-plane{aspect-ratio:1;touch-action:none;cursor:crosshair;background:radial-gradient(circle,#477aff1f,#0a0c1cf2 72%),linear-gradient(#5a78b414 1px,#0000 1px) 0 0/14% 14%,linear-gradient(90deg,#5a78b414 1px,#0000 1px) 0 0/14% 14%;border:1px solid #6496ff59;border-radius:18px;justify-self:center;width:100%;max-width:280px}.correction-legend{gap:6px;display:grid}.legend-item{color:#c7d7f0;align-items:center;gap:8px;font-size:12px;display:flex}.legend-swatch{border-radius:999px;width:16px;height:3px;display:inline-block}.legend-swatch.velocity{background:#4fd9ff;box-shadow:0 0 8px #4fd9ff66}.legend-swatch.correction{background:#ff9b42;box-shadow:0 0 8px #ff9b4266}.planner-info{color:#8d9bb0;font-size:11px;line-height:1.4}.correction-inputs{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.correction-inputs label{font-size:11px}.correction-inputs input{width:100%}.kbd-hints{color:#567;border-top:1px solid #6496ff26;margin-top:8px;padding-top:8px;font-size:11px}.kbd-hints kbd{color:#9ab;background:#323c5099;border:1px solid #6478a04d;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:11px}#ui-panel::-webkit-scrollbar{width:4px}#ui-panel::-webkit-scrollbar-track{background:0 0}#ui-panel::-webkit-scrollbar-thumb{background:#6496ff4d;border-radius:2px}.btn-icon{color:#8bf;cursor:pointer;float:right;background:0 0;border:none;padding:0 4px;font-size:18px;display:none}#corr-dv-slider{width:100%;margin:4px 0}#mobile-actions{z-index:15;flex-direction:column;gap:10px;display:none;position:fixed;bottom:16px;right:16px}.mobile-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);touch-action:manipulation;background:#0a0a1ed9;border:2px solid #6496ff66;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.mobile-btn:active{background:#3250b4b3}#legal-links{z-index:12;-webkit-backdrop-filter:blur(8px);background:#0a0a1eb8;border:1px solid #6496ff38;border-radius:999px;align-items:center;gap:10px;padding:6px 10px;display:flex;position:fixed;bottom:12px;left:14px}#legal-links a{color:#a9c9ff;font-size:12px;text-decoration:none}#legal-links a:hover,#legal-links a:focus-visible{color:#d8e7ff;text-decoration:underline}.is-touch .btn-icon{display:inline-block}.is-touch #mobile-actions{display:flex}.is-touch #ui-panel.collapsed{transform:translate(-270px)}.is-touch #ui-panel.collapsed h2{background:#0a0a1ed9;border:1px solid #6496ff4d;border-left:none;border-radius:0 8px 8px 0;padding:8px 12px;transform:translate(270px)}.is-touch .kbd-hints{display:none}@media (width<=600px){#ui-panel{width:240px;padding:8px;font-size:12px;transition:transform .3s}#ui-panel h2{font-size:14px;transition:transform .3s}.btn{padding:5px 10px;font-size:11px}.btn-icon{display:inline-block}#top-bar{padding:6px 12px;font-size:11px}#message{padding:20px 30px;font-size:18px}#correction-plane{max-width:100%}#mobile-actions{display:flex}#legal-links{gap:8px;padding:5px 8px;bottom:10px;left:10px}#legal-links a{font-size:11px}.kbd-hints{display:none}.correction-inputs{grid-template-columns:1fr 1fr 1fr;gap:2px}}@media (width<=400px){#ui-panel{width:200px;padding:6px;font-size:11px}#top-bar{gap:8px;padding:4px 8px;font-size:10px}.mobile-btn{width:42px;height:42px;font-size:16px}#legal-links{border-radius:12px;flex-wrap:wrap;max-width:calc(100vw - 70px)}}@media (height<=500px){#ui-panel{max-height:90vh}#top-bar{top:4px}}