:root{--bg: #0a1628;--bg-2: #0e1d36;--card: #122544;--card-2: #16294c;--line: #1e3a5f;--text: #e8f0fb;--muted: #8aa3c4;--cyan: #22d3ee;--cyan-dim: #0e7490;--amber: #f59e0b;--red: #ef4444;--green: #34d399;--violet: #a78bfa;--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overscroll-behavior-y:none}body{background:radial-gradient(120% 80% at 50% -10%,#12325c 0%,var(--bg) 55%);min-height:100dvh}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}h1,h2,h3{margin:0;font-weight:700}.app{max-width:460px;margin:0 auto;padding:calc(var(--safe-top) + 14px) 14px calc(var(--safe-bottom) + 96px)}.card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:14px}.section-title{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 4px 10px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.grid{display:grid;gap:12px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.muted{color:var(--muted)}.small{font-size:.8rem}.tiny{font-size:.7rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.topbar .boat{font-size:1.15rem;font-weight:800}.chips{display:flex;gap:8px;align-items:center}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:.78rem;display:inline-flex;gap:5px;align-items:center}.alert{display:flex;align-items:center;gap:10px;border-radius:14px;padding:11px 13px;margin:12px 0 4px;font-size:.9rem;font-weight:600;border:1px solid}.alert.warn{background:#f59e0b1f;border-color:#f59e0b66;color:#fcd34d}.alert.alarm{background:#ef444424;border-color:#ef444480;color:#fca5a5;animation:pulse 1.4s infinite}@keyframes pulse{50%{border-color:#ef4444}}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;transition:transform .08s,border-color .15s,background .15s}.tile:active{transform:scale(.96)}.tile.on{border-color:var(--cyan);background:linear-gradient(180deg,#103a4a,#0d2a3e);box-shadow:0 0 0 1px var(--cyan-dim) inset,0 6px 20px -8px #22d3ee80}.tile .ico{font-size:1.5rem}.tile .lbl{font-size:.78rem;font-weight:600}.tile .val{font-size:.72rem;color:var(--muted)}.tile.on .val{color:var(--cyan)}.scenes{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.scenes::-webkit-scrollbar{display:none}.scene{flex:0 0 auto;width:96px;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .08s,border-color .15s}.scene:active{transform:scale(.95)}.scene.on{border-color:var(--violet);box-shadow:0 0 0 1px #a78bfa80 inset}.scene .ico{font-size:1.6rem}.scene .nm{font-size:.8rem;font-weight:700}.scene .ds{font-size:.62rem;color:var(--muted);line-height:1.2}.device{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.device:last-child{border-bottom:none}.device .ico{font-size:1.3rem;width:30px;text-align:center}.device .name{font-weight:600;font-size:.92rem}.device .sub{font-size:.72rem;color:var(--muted)}.device .ctrl{margin-left:auto;display:flex;align-items:center;gap:10px}.sw{width:50px;height:30px;border-radius:999px;background:#21344f;border:1px solid var(--line);position:relative;transition:background .18s;flex:0 0 auto}.sw.on{background:var(--cyan-dim);border-color:var(--cyan)}.sw:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#cfe6f5;transition:transform .18s}.sw.on:after{transform:translate(20px);background:#fff}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#21344f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px -1px var(--cyan);cursor:pointer}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--cyan)}.seg{display:inline-flex;background:#0e1d36;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{padding:6px 11px;font-size:.78rem;color:var(--muted)}.seg button.on{background:var(--cyan-dim);color:#fff}.stepper{display:inline-flex;align-items:center;gap:12px}.stepper button{width:34px;height:34px;border-radius:10px;background:#0e1d36;border:1px solid var(--line);font-size:1.1rem}.stepper .num{font-size:1.25rem;font-weight:800;min-width:56px;text-align:center}.bar{height:9px;border-radius:999px;background:#0e1d36;overflow:hidden;border:1px solid var(--line)}.bar>i{display:block;height:100%;border-radius:999px}.nav{position:fixed;left:0;right:0;bottom:0;background:#0a1628eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 0 calc(8px + var(--safe-bottom));display:flex;justify-content:space-around;max-width:460px;margin:0 auto}.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);text-decoration:none;font-size:.66rem;padding:4px 14px}.nav a.active{color:var(--cyan)}.nav a .ni{font-size:1.25rem}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.ok{background:var(--green)}.dot.warn{background:var(--amber)}.dot.alarm{background:var(--red)}.spin.svelte-17blimo{animation:svelte-17blimo-wheel 3.2s linear infinite;transform-origin:50% 50%;filter:drop-shadow(0 0 8px rgba(34,211,238,.45))}@keyframes svelte-17blimo-wheel{to{transform:rotate(360deg)}}.splash.svelte-5nax97.svelte-5nax97{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(120% 90% at 50% 40%,#12325c,#0a1628 60%)}.splash-name.svelte-5nax97.svelte-5nax97{margin-top:8px;font-size:1.6rem;font-weight:800;letter-spacing:.4em;padding-left:.4em;color:var(--text)}.splash-sub.svelte-5nax97.svelte-5nax97{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.install-fab.svelte-5nax97.svelte-5nax97{position:fixed;left:50%;transform:translate(-50%);bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;font-size:.92rem;color:#04141f;background:linear-gradient(180deg,#38e0f5,#22d3ee);box-shadow:0 8px 24px -6px #22d3eeb3;animation:svelte-5nax97-rise .3s ease}.install-fab.svelte-5nax97.svelte-5nax97:active{transform:translate(-50%) scale(.96)}@keyframes svelte-5nax97-rise{0%{opacity:0;transform:translate(-50%,12px)}}.ios-help.svelte-5nax97.svelte-5nax97{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#040c18b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:end center;padding:16px}.ios-card.svelte-5nax97.svelte-5nax97{background:linear-gradient(180deg,#16294c,#122544);border:1px solid #1e3a5f;border-radius:18px;padding:18px;max-width:420px;width:100%;margin-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.ios-card.svelte-5nax97 h3.svelte-5nax97{margin-bottom:10px}.ios-card.svelte-5nax97 ol.svelte-5nax97{margin:0 0 10px;padding-left:20px;line-height:1.6;font-size:.92rem}.ios-card.svelte-5nax97 .b.svelte-5nax97{display:inline-block;padding:0 4px}.ios-close.svelte-5nax97.svelte-5nax97{width:100%;margin-top:6px;padding:12px;border-radius:12px;background:#22d3ee;color:#04141f;font-weight:700}