.mobile-os{--m-bg:var(--cloud-white,#f8f9fa);--m-surface:#fff;--m-ink:var(--safe-slate,#2c3e50);--m-deep:var(--deep-space,#111827);--m-muted:var(--ic-color-neutral-500,#6b7280);--m-separator:#2c3e501f;--m-accent:var(--collar-red-500,#f14146);--m-accent-dark:var(--collar-red-700,#d93a3f);--m-accent-deep:var(--collar-red-800,#c23438);--m-accent-tint:var(--collar-red-tint,#f1414624);--m-accent-glow:var(--collar-red-glow,#f1414659);--m-signal:var(--signal-blue,#006bdf);--m-warn:var(--alert-amber,#ffb400);--m-ok:var(--ic-color-success,#16a34a);--m-radius:12px;--m-radius-lg:16px;--m-tab-h:49px;--m-safe-bottom:env(safe-area-inset-bottom,0px);--m-safe-top:env(safe-area-inset-top,0px);--m-font:var(--font-ic-sans), "Manrope", system-ui, sans-serif;--m-mono:var(--font-ic-mono), "JetBrains Mono", ui-monospace, monospace;background:var(--m-bg);min-height:100dvh;color:var(--m-ink);font-family:var(--m-font);-webkit-font-smoothing:antialiased}.mobile-os *{box-sizing:border-box}.mobile-os a{color:inherit;text-decoration:none}.mobile-os-shell{min-height:100dvh;padding-top:var(--m-safe-top);padding-bottom:calc(var(--m-tab-h) + var(--m-safe-bottom) + 8px);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.mobile-os-shell.no-tabs{padding-bottom:var(--m-safe-bottom)}.mobile-os-shell.flush-main .mobile-os-main{padding:0}.mobile-os-main{flex:1;padding:20px 16px 24px}.mobile-os-cloud-consumer{width:100%;max-width:22rem;margin:0 auto}.mobile-os-conn-hero{border-radius:var(--m-radius-lg);background:var(--m-surface);text-align:center;border:1px solid var(--m-separator);margin:4px 0 18px;padding:18px 16px}.mobile-os-conn-hero.live{background:#16a34a14;border-color:#16a34a59}.mobile-os-conn-hero.demo{background:#ffb4001a;border-color:#ffb40066}.mobile-os-conn-hero.off{background:#f141460f;border-color:#f1414640}.mobile-os-conn-hero-label{letter-spacing:.06em;text-transform:uppercase;color:var(--m-muted);margin:0 0 4px;font-size:11px;font-weight:650}.mobile-os-conn-hero-title{letter-spacing:-.3px;color:var(--m-ink);margin:0 0 6px;font-size:22px;font-weight:750}.mobile-os-conn-hero-detail{color:var(--m-muted);margin:0;font-size:14px;line-height:1.4}.mobile-os-steps{padding:4px 0}.mobile-os-step{border-top:1px solid var(--m-separator);text-align:left;align-items:flex-start;gap:12px;padding:12px 16px;font-size:15px;line-height:1.4;display:flex}.mobile-os-step:first-child{border-top:none}.mobile-os-step-num{background:var(--m-accent);color:#fff;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:13px;font-weight:700;display:inline-flex}.mobile-os-advanced-toggle{width:100%;color:var(--m-muted);font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;margin:8px 0 12px;padding:12px;font-size:14px;font-weight:600;display:block}.mobile-os-feed-banner{border-radius:var(--m-radius);background:var(--m-surface);border:1px solid var(--m-separator);flex-direction:column;gap:2px;margin:0 0 14px;padding:10px 14px;display:flex}.mobile-os-feed-banner.ok{background:#16a34a14;border-color:#16a34a59}.mobile-os-feed-banner.warn{background:#ffb4001f;border-color:#ffb40073}.mobile-os-feed-banner.accent{background:#f1414614;border-color:#f1414659}.mobile-os-feed-banner-title{color:var(--m-ink);font-size:13px;font-weight:700}.mobile-os-feed-banner-meta{color:var(--m-muted);font-size:12px;line-height:1.35}.mobile-os-welcome{min-height:100dvh;padding:calc(28px + var(--m-safe-top)) 28px calc(32px + var(--m-safe-bottom));background:linear-gradient(165deg, var(--collar-red-500,#f14146) 0%, var(--collar-red-800,#c23438) 100%);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:480px;margin:0 auto;display:flex}.mobile-os-welcome-tab{min-height:calc(100dvh - var(--m-tab-h) - var(--m-safe-bottom));max-width:none;padding:calc(12px + var(--m-safe-top)) 20px 12px;margin:0}.mobile-os-welcome-stage{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-width:24rem;margin:auto;display:flex}.mobile-os-cloud-spacer{height:28px}.mobile-os-welcome-art{justify-content:center;align-items:center;width:100%;padding:4px 0 0;display:flex}.mobile-os-welcome-collar{justify-content:center;align-items:center;width:min(86vw,340px);margin-left:-18px;animation:.9s ease-out both mobile-os-collar-in;display:flex;position:relative}.mobile-os-welcome-img{z-index:1;object-fit:contain;filter:drop-shadow(0 22px 36px #0000006b)drop-shadow(0 8px 14px #00000047);transform-origin:50%;cursor:pointer;width:100%;height:auto;transition:transform .35s,filter .35s;animation:4.2s ease-in-out .9s infinite mobile-os-collar-float;position:relative}.mobile-os-welcome-collar:hover .mobile-os-welcome-img,.mobile-os-welcome-collar:focus-within .mobile-os-welcome-img{filter:drop-shadow(0 28px 44px #00000080)drop-shadow(0 10px 18px #00000052);animation-play-state:paused;transform:translateY(-10px)scale(1.04)}.mobile-os-welcome-battery{z-index:2;min-width:72px;color:var(--safe-slate,#2c3e50);text-align:left;pointer-events:none;background:#fffffff5;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;animation:.55s ease-out .75s both mobile-os-battery-in;display:flex;position:absolute;top:42%;right:0;transform:translate(32%,-50%);box-shadow:0 10px 28px #00000038}.mobile-os-welcome-battery-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ic-color-neutral-500,#6b7280);font-size:10px;font-weight:600}.mobile-os-welcome-battery-pct{letter-spacing:-.4px;font-size:22px;font-weight:750;line-height:1.1}.mobile-os-welcome-battery-state{color:var(--ic-color-neutral-500,#6b7280);font-size:11px;font-weight:600}.mobile-os-welcome-battery.ok .mobile-os-welcome-battery-pct{color:var(--ic-color-success,#16a34a)}.mobile-os-welcome-battery.warn .mobile-os-welcome-battery-pct{color:var(--alert-amber,#ffb400)}.mobile-os-welcome-battery.low .mobile-os-welcome-battery-pct{color:var(--collar-red-600,#f14146)}.mobile-os-welcome-copy{text-align:center;width:100%;margin:28px auto 0;padding:0 4px}.mobile-os-welcome-copy h1{letter-spacing:-.55px;color:#fff;max-width:14ch;margin:0 auto 10px;font-size:clamp(26px,7vw,32px);font-weight:750;line-height:1.12}.mobile-os-welcome-copy p{color:#ffffffe6;max-width:28ch;margin:0 auto 16px;font-size:14px;line-height:1.45}.mobile-os-welcome-actions{gap:10px;width:100%;max-width:260px;margin:0 auto;display:grid}.mobile-os-btn.welcome{color:var(--m-accent-deep);background:#fff}.mobile-os-btn.welcome-ghost{color:#fff;background:0 0;border:1px solid #ffffff73;margin-top:0}@keyframes mobile-os-collar-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobile-os-collar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes mobile-os-battery-in{0%{opacity:0;transform:translate(48%,-50%)}to{opacity:1;transform:translate(32%,-50%)}}@media (prefers-reduced-motion:reduce){.mobile-os-welcome-collar,.mobile-os-welcome-img,.mobile-os-welcome-battery{animation:none!important}.mobile-os-welcome-collar:hover .mobile-os-welcome-img{transform:none}}.mobile-os-title{letter-spacing:-.5px;margin:12px 0 4px;font-size:34px;font-weight:700;line-height:1.1}.mobile-os-subtitle{color:var(--m-muted);font-size:13px;font-family:var(--m-mono);margin:0 0 18px}.mobile-os-group{background:var(--m-surface);border-radius:var(--m-radius-lg);margin-bottom:16px;overflow:hidden;box-shadow:0 1px #0000000a}.mobile-os-group-label{color:var(--m-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;padding:0 4px;font-size:13px;font-weight:500}.mobile-os-row{border-top:1px solid var(--m-separator);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 16px;font-size:16px;display:flex}.mobile-os-row:first-child{border-top:none}.mobile-os-row-label{color:var(--m-ink)}.mobile-os-row-value{color:var(--m-muted);text-align:right;font-size:15px}.mobile-os-row-value.accent{color:var(--m-accent);font-weight:600}.mobile-os-row-value.ok{color:var(--m-ok);font-weight:600}.mobile-os-row-value.warn{color:var(--m-warn);font-weight:600}.mobile-os-status-strip{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.mobile-os-chip{background:var(--m-surface);border-radius:var(--m-radius);text-align:center;padding:12px 10px}.mobile-os-chip-label{color:var(--m-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;display:block}.mobile-os-chip-value{font-size:14px;font-weight:650;line-height:1.25;display:block}.mobile-os-hero-battery{background:var(--m-surface);border-radius:var(--m-radius-lg);text-align:center;margin-bottom:16px;padding:20px 16px}.mobile-os-battery-pct{letter-spacing:-1px;color:var(--m-ink);font-size:48px;font-weight:700;line-height:1}.mobile-os-battery-meta{color:var(--m-muted);margin-top:8px;font-size:14px}.mobile-os-btn{border-radius:var(--m-radius);background:var(--m-accent);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;min-height:44px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:600;display:flex}.mobile-os-btn.secondary{background:var(--m-surface);color:var(--m-accent);border:1px solid var(--m-separator)}.mobile-os-btn:disabled{opacity:.45;cursor:not-allowed}.mobile-os-actions{gap:10px;margin-top:8px;display:grid}.mobile-os-home{min-height:calc(100dvh - var(--m-tab-h) - var(--m-safe-bottom) - 120px);flex-direction:column;justify-content:space-evenly;align-items:stretch;gap:22px;width:100%;max-width:22rem;margin:0 auto;padding:8px 0 12px;display:flex}.mobile-os-home .mobile-os-status-strip,.mobile-os-home .mobile-os-hero-battery,.mobile-os-home .mobile-os-home-block,.mobile-os-home .mobile-os-home-actions{width:100%;margin-left:0;margin-right:0}.mobile-os-home .mobile-os-hero-battery,.mobile-os-home .mobile-os-group{margin-bottom:0}.mobile-os-home-block .mobile-os-group-label{text-align:center}.mobile-os-home-actions{gap:14px;margin-top:0}.mobile-os-tabbar{z-index:50;padding-bottom:var(--m-safe-bottom);border-top:1px solid var(--m-separator);-webkit-backdrop-filter:saturate(180%)blur(16px);background:#f9f9f9eb;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-os-tabbar-inner{width:100%;max-width:480px;height:var(--m-tab-h);grid-template-columns:repeat(6,1fr);display:grid}.mobile-os-tab{min-height:44px;color:var(--m-muted);letter-spacing:-.01em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 2px;font-size:9px;font-weight:500;display:flex}.mobile-os-tab.active{color:var(--m-accent)}.mobile-os-tab-mark{opacity:.9;background:currentColor;border-radius:2px;width:22px;height:3px}.mobile-os-map-wrap{background:var(--m-deep);border-radius:var(--m-radius-lg);transition:height .28s;position:relative;overflow:hidden}.mobile-os-map-wrap.minimap{height:168px;margin:0 0 16px}.mobile-os-map-wrap.expanded{inset:0 0 calc(var(--m-tab-h) + var(--m-safe-bottom)) 0;z-index:40;border-radius:0;max-width:480px;height:auto;margin:0 auto;position:fixed}.mobile-os-map-canvas{width:100%;height:100%}.mobile-os-map-edit-bar{top:calc(10px + var(--m-safe-top));z-index:41;gap:8px;display:flex;position:absolute;left:12px;right:12px}.mobile-os-map-edit-bar .mobile-os-btn{flex:1;box-shadow:0 6px 18px #0000002e}.mobile-os-map-hint{z-index:41;color:var(--m-ink);border-radius:var(--m-radius);background:#fffffff5;padding:12px 14px;font-size:14px;line-height:1.35;position:absolute;bottom:16px;left:12px;right:12px;box-shadow:0 8px 24px #00000029}.mobile-os-map-wrap.lost .mobile-os-map-canvas{filter:saturate(.92)}.mobile-os-lost-banner{top:calc(10px + var(--m-safe-top));z-index:42;border-radius:var(--m-radius);background:#fffffff5;flex-direction:column;gap:12px;padding:14px 16px;display:flex;position:absolute;left:12px;right:12px;box-shadow:0 10px 28px #0000002e}.mobile-os-lost-banner-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--m-red,#f14146);margin:0;font-size:11px;font-weight:700}.mobile-os-lost-banner-title{color:var(--m-ink);margin:2px 0 0;font-size:18px;font-weight:700}.mobile-os-lost-banner-sub{color:var(--m-muted);margin:4px 0 0;font-size:13px;line-height:1.35}.mobile-os-lost-banner-actions{gap:8px;display:flex}.mobile-os-lost-banner-actions .mobile-os-btn{flex:1}.mobile-os-lost-pin-wrap{background:0 0!important;border:none!important}.mobile-os-lost-pin{width:72px;height:72px;position:relative}.mobile-os-lost-pin-dot{z-index:2;background:#f14146;border:2.5px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #f1414659}.mobile-os-lost-pin-ring{z-index:1;border:2px solid #f14146;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:2.6s ease-out infinite mobile-os-lost-pulse;position:absolute;top:50%;left:50%}.mobile-os-lost-pin-ring.delay{animation-delay:1.3s}@keyframes mobile-os-lost-pulse{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(5.2)}}.mobile-os-seg{background:var(--m-bg);border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;margin:12px 16px 4px;padding:8px;display:grid}.mobile-os-seg button{min-height:40px;color:var(--m-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:14px;font-weight:600}.mobile-os-seg button.active{background:var(--m-surface);color:var(--m-accent);box-shadow:0 1px 3px #2c3e501a}.mobile-os-slider-row{padding:8px 16px 14px}.mobile-os-slider-row input[type=range]{width:100%;accent-color:var(--m-accent)}.mobile-os-sheet{border-radius:var(--m-radius-lg);background:#fffffff5;padding:14px;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 28px #0000002e}.mobile-os-input,.mobile-os-textarea{background:var(--m-bg);width:100%;min-height:44px;color:var(--m-ink);border:none;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:16px}.mobile-os-textarea{resize:vertical;min-height:88px}.mobile-os-field{border-top:1px solid var(--m-separator);padding:10px 16px 12px}.mobile-os-field:first-child{border-top:none}.mobile-os-field label{color:var(--m-muted);margin-bottom:6px;font-size:12px;display:block}.mobile-os-note{color:var(--m-muted);margin:0;padding:12px 16px 16px;font-size:13px;line-height:1.45}.mobile-os-list-link{border-top:1px solid var(--m-separator);justify-content:space-between;align-items:center;min-height:44px;padding:12px 16px;font-size:16px;display:flex}.mobile-os-list-link:first-child{border-top:none}.mobile-os-list-link span:last-child{color:var(--m-muted)}