.osea-root{--osea-font: "Geist", "Inter", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--osea-glass: rgba(255, 255, 255, .1);--osea-glass-strong: rgba(255, 255, 255, .16);--osea-border: rgba(255, 255, 255, .22);--osea-text: #f2f7fb;--osea-dim: rgba(226, 240, 248, .62);--osea-accent: #6fd3e2;position:relative;width:100%;height:100vh;overflow:hidden;background:#0a1e2c;font-family:var(--osea-font);color:var(--osea-text);-webkit-text-size-adjust:100%}.osea-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.osea-canvas-host canvas{display:block;width:100%!important;height:100%!important}.osea-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#0a1e2c}.osea-poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.osea-poster-note{position:absolute;top:22px;left:50%;z-index:2;transform:translate(-50%);padding:10px 18px;font-size:13px;letter-spacing:.04em;color:var(--osea-text);background:var(--osea-glass);border:1px solid var(--osea-border);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}.osea-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(8,24,38,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .6s ease}.loader-card{text-align:center;padding:26px 34px;background:var(--osea-glass);border:1px solid var(--osea-border);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.loader-title{font-size:22px;font-weight:600;letter-spacing:.18em;color:var(--osea-text)}.loader-status{margin-top:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--osea-accent)}.loader-message{margin-top:6px;font-size:12px;color:var(--osea-dim);max-width:240px}.osea-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:rgba(6,18,30,.92)}.error-card{max-width:460px;padding:28px 34px;text-align:center;border:1px solid var(--osea-border);border-radius:14px;background:rgba(12,30,46,.9)}.error-card h2{margin:0 0 12px;font-size:16px;letter-spacing:.12em;color:var(--osea-accent)}.error-card p{margin:0;font-size:13px;line-height:1.8;color:var(--osea-dim)}.ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.ui .panel-shell{position:absolute;left:24px;bottom:24px;width:300px;max-width:calc(100vw - 48px)}.panel{pointer-events:auto;padding:18px 18px 16px;background:var(--osea-glass);border:1px solid var(--osea-border);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(4,16,28,.35)}.eyebrow{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--osea-accent)}.title{margin:6px 0 2px;font-size:26px;font-weight:700;letter-spacing:.22em;color:var(--osea-text)}.subtitle{margin:0 0 16px;font-size:12px;color:var(--osea-dim);line-height:1.5}.control{margin-bottom:14px}.control-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.control-head label{font-size:12px;letter-spacing:.06em;color:var(--osea-text)}.control-value{font-size:12px;font-variant-numeric:tabular-nums;color:var(--osea-accent)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.22);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--osea-accent);border:2px solid #eafaff;box-shadow:0 0 10px rgba(111,211,226,.7)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--osea-accent);border:2px solid #eafaff;box-shadow:0 0 10px rgba(111,211,226,.7)}input[type=range]:focus-visible{outline:1px solid var(--osea-text);outline-offset:4px}.panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.pill{pointer-events:auto;font-family:var(--osea-font);font-size:12px;letter-spacing:.08em;color:var(--osea-text);background:rgba(255,255,255,.1);border:1px solid var(--osea-border);border-radius:999px;padding:8px 18px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.pill:hover{background:rgba(255,255,255,.18)}.pill:active{transform:translateY(1px)}.pill.active{background:rgba(111,211,226,.22);border-color:var(--osea-accent);color:var(--osea-accent)}.pill:focus-visible{outline:1px solid var(--osea-text);outline-offset:3px}.fps{font-size:12px;font-variant-numeric:tabular-nums;color:var(--osea-dim)}.fps span{color:var(--osea-text)}.hint{position:absolute;top:22px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.18em;color:var(--osea-dim);white-space:nowrap;pointer-events:none}@media(max-width:640px){.ui .panel-shell{left:14px;right:14px;bottom:14px;width:auto}.title{font-size:22px}.hint{top:14px;font-size:10px;letter-spacing:.12em}.osea-poster-img{object-fit:contain}.osea-poster-note{font-size:11px;padding:8px 14px}}@media(prefers-reduced-motion:reduce){.osea-loader,.osea-error{transition:none}}