.notification-banner[data-v-2dfbfb53]{position:fixed;top:var(--safari-strip-height, 20px);left:0;right:0;z-index:1100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;box-shadow:0 2px 8px #00000026}.notification-banner .banner-content[data-v-2dfbfb53],.notification-banner .banner-close-btn[data-v-2dfbfb53]{position:relative;z-index:1}.banner-slide-enter-active[data-v-2dfbfb53],.banner-slide-leave-active[data-v-2dfbfb53]{transition:transform .3s ease-out,opacity .25s ease-out}.banner-slide-enter-from[data-v-2dfbfb53],.banner-slide-leave-to[data-v-2dfbfb53]{transform:translateY(-100%);opacity:0}.banner-slide-enter-from[data-v-2dfbfb53],.banner-slide-leave-to[data-v-2dfbfb53]{opacity:0}.banner-content[data-v-2dfbfb53]{display:flex;align-items:center;gap:.75rem;flex:1;overflow:hidden}.banner-icon[data-v-2dfbfb53]{flex-shrink:0;font-size:1.25rem}.banner-text[data-v-2dfbfb53]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.banner-text-short[data-v-2dfbfb53]{display:none}.banner-text-long[data-v-2dfbfb53]{display:inline}@media(max-width:768px){.banner-text-short[data-v-2dfbfb53]{display:inline}.banner-text-long[data-v-2dfbfb53]{display:none}}.banner-close-btn[data-v-2dfbfb53]{flex-shrink:0;margin-left:1rem;padding:.25rem;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.banner-close-btn[data-v-2dfbfb53]:hover{background:#fff3}[data-v-2dfbfb53] .notification-banner[data-type=error]{background:#ef4444;color:#fff}[data-v-2dfbfb53] .notification-banner[data-type=warning]{background:#f59e0b;color:#fff}[data-v-2dfbfb53] .notification-banner[data-type=info]{background:#3b82f6;color:#fff}.app-content[data-v-a4db9bda]{min-height:100vh;box-sizing:border-box}:root{--safari-strip-height: 20px;--stillup-bg: #0d1117;--stillup-surface: #161b22;--stillup-surface-elevated: #21262d;--stillup-border: #30363d;--stillup-text: #e6edf3;--stillup-text-muted: #8b949e;--stillup-accent: #58a6ff;--stillup-accent-hover: #79b8ff;--stillup-tint: #a78bfa;--stillup-tint-hover: #c4b5fd;--stillup-tint-subtle: rgba(167, 139, 250, .12);--stillup-tint-muted: rgba(167, 139, 250, .06);--stillup-success: #3fb950;--stillup-warning: #d29922;--stillup-error: #f85149;--stillup-radius: 8px;--stillup-font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--stillup-up-bg: #1a4720;--stillup-up-bg-hover: #215c28;--stillup-down-bg: #5c1a1a;--stillup-down-bg-hover: #752020;--stillup-unknown-bg: #5c4a1a;--stillup-unknown-bg-hover: #6b5520;--stillup-up-glow: 0 0 20px rgba(63, 185, 80, .4);--stillup-down-glow: 0 0 20px rgba(248, 81, 73, .4);--stillup-pill-glow: none;--stillup-landing-header-bg: rgba(13, 17, 23, .85);--stillup-landing-accent: #fb923c;--stillup-landing-accent-hover: #ff6b35;--stillup-landing-accent-glow: 0 0 12px rgba(251, 146, 60, .5);--stillup-landing-accent-hover-glow: 0 0 16px rgba(255, 107, 53, .6), 0 0 24px rgba(255, 107, 53, .3);--stillup-landing-text: #f1f5f9;--stillup-landing-text-muted: #cbd5e1;--chart-temp: rgb(75, 192, 192);--chart-sound: rgb(255, 159, 64);--chart-vibration: rgb(153, 102, 255);--chart-accel-x: rgb(255, 99, 132);--chart-accel-y: rgb(54, 162, 235);--chart-accel-z: rgb(75, 192, 192);--danger-zone-bg: linear-gradient(145deg, #1c1917 0%, #292524 50%, #1c1917 100%);--danger-zone-border: #dc2626;--danger-zone-title: #f87171;--danger-zone-text: #fca5a5;--danger-zone-label: #fecaca;--danger-zone-btn-bg: #dc2626;--danger-zone-btn-hover: #ef4444;--danger-zone-error: #f87171}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:var(--stillup-bg);color:var(--stillup-text);font-family:var(--stillup-font-sans);line-height:1.5}#safari-theme-bar{position:fixed;top:0;left:0;right:0;height:var(--safari-strip-height);background:var(--stillup-bg);z-index:2147483647;pointer-events:none}.app-layout .main-wrap,.app-layout .main{background:linear-gradient(180deg,var(--stillup-tint-muted) 0%,transparent 12rem)}#app-root{min-height:100vh}a{color:var(--stillup-accent);text-decoration:none}a:hover{color:var(--stillup-accent-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.landing .btn-primary{background:var(--stillup-landing-accent)!important;color:#fff!important;box-shadow:var(--stillup-landing-accent-glow)}.landing .btn-primary:hover:not(:disabled){background:var(--stillup-landing-accent-hover)!important;box-shadow:var(--stillup-landing-accent-hover-glow)}.landing .btn-outline{background:transparent!important;color:var(--stillup-landing-accent)!important;border:1px solid var(--stillup-landing-accent)!important;box-shadow:var(--stillup-landing-accent-glow)}.landing .btn-outline:hover:not(:disabled){background:#ff6b351f!important;color:var(--stillup-landing-accent-hover)!important;border-color:var(--stillup-landing-accent-hover)!important;box-shadow:var(--stillup-landing-accent-hover-glow)}.landing .btn-secondary:hover:not(:disabled){border-color:var(--stillup-landing-accent-hover)!important;color:var(--stillup-landing-accent-hover)!important;box-shadow:var(--stillup-landing-accent-hover-glow)}.device-tile:hover{border-color:var(--stillup-landing-accent);box-shadow:0 0 0 1px var(--stillup-landing-accent),var(--stillup-landing-accent-glow)}@media(max-width:480px){.device-tiles{grid-template-columns:1fr;gap:.75rem}.device-tile{flex-direction:column}.device-tile .tile-main{min-width:0}.device-tile .tile-connection-block{border-left:none;border-top:1px solid var(--stillup-border);min-width:100%;flex-direction:row;justify-content:center;gap:.75rem}.device-tile .connection-last-seen-block{flex-direction:row;gap:.35rem;min-width:0}}[data-theme=stillup2]{--stillup-bg: #1a0f23;--stillup-surface: #251830;--stillup-surface-elevated: #2d1b3d;--stillup-border: #3d2a4d;--stillup-text: #f0e6f5;--stillup-text-muted: #b8a8c4;--stillup-accent: #00e5ff;--stillup-accent-hover: #5ef0ff;--stillup-tint: #b388ff;--stillup-tint-hover: #d1b8ff;--stillup-tint-subtle: rgba(179, 136, 255, .15);--stillup-tint-muted: rgba(179, 136, 255, .08);--stillup-success: #00e676;--stillup-warning: #ffab00;--stillup-error: #ff5252;--stillup-font-sans: "Freight Sans Pro", "DM Sans", system-ui, -apple-system, sans-serif;--stillup-up-bg: linear-gradient(135deg, #1b5e20 0%, #2e7d32 50%, #00e676 100%);--stillup-up-glow: 0 0 20px rgba(0, 230, 118, .5), 0 0 40px rgba(0, 230, 118, .2);--stillup-down-bg: linear-gradient(135deg, #b71c1c 0%, #d32f2f 50%, #ff5252 100%);--stillup-down-glow: 0 0 20px rgba(255, 82, 82, .5), 0 0 40px rgba(255, 82, 82, .2);--stillup-pill-glow: 0 0 12px rgba(0, 229, 255, .4);--stillup-up-bg-hover: #2e7d32;--stillup-down-bg-hover: #d32f2f;--stillup-unknown-bg: #4a3d1a;--stillup-unknown-bg-hover: #5c4a20;--stillup-landing-header-bg: rgba(26, 15, 35, .9);--chart-temp: #00e5ff;--chart-sound: #ffab00;--chart-vibration: #b388ff;--chart-accel-x: #ff4081;--chart-accel-y: #00e5ff;--chart-accel-z: #69f0ae;--danger-zone-bg: linear-gradient(145deg, #0d0a0a 0%, #1a1212 40%, #251a1a 100%);--danger-zone-border: #ff5252;--danger-zone-title: #ff8a80;--danger-zone-text: #ffab91;--danger-zone-label: #ffccbc;--danger-zone-btn-bg: #ff5252;--danger-zone-btn-hover: #ff8a80;--danger-zone-error: #ff8a80}[data-theme=stillup2] .app-layout .main-wrap,[data-theme=stillup2] .app-layout .main{background:linear-gradient(180deg,rgba(45,27,61,.4) 0%,transparent 12rem)}[data-theme=stillup2] .landing-header{border-bottom-color:var(--stillup-border)}[data-theme=stillup2] .parallax-bg{background-color:var(--stillup-surface)}[data-theme=stillup2] .hero-content h1{text-shadow:0 0 30px rgba(0,229,255,.15)}[data-theme=stillup2] .landing .panel{background:linear-gradient(180deg,var(--stillup-bg) 0%,rgba(37,24,48,.6) 100%)}[data-theme=stillup2] .landing .feature-card{background:linear-gradient(135deg,var(--stillup-tint-subtle) 0%,var(--stillup-surface) 100%);border-color:var(--stillup-border);box-shadow:0 0 20px #b388ff14}[data-theme=stillup2] .landing .gallery-placeholder{background:var(--stillup-surface);border-color:var(--stillup-border)}[data-theme=stillup2] .landing .viewer-wrapper{border-color:var(--stillup-border);box-shadow:0 0 24px #00e5ff1a}[data-theme=stillup2] .landing .btn-primary{background:linear-gradient(135deg,#00b8d4,#00e5ff);box-shadow:var(--stillup-pill-glow)}[data-theme=stillup2] .landing .btn-primary:hover:not(:disabled){box-shadow:0 0 20px #00e5ff99,0 0 40px #00e5ff33}[data-theme=stillup2] .landing .btn-outline{border-color:var(--stillup-accent);color:var(--stillup-accent);box-shadow:0 0 12px #00e5ff33}[data-theme=stillup2] .landing .btn-outline:hover:not(:disabled){background:#00e5ff1a;box-shadow:0 0 16px #00e5ff66}[data-theme=stillup2] .landing .btn-secondary:hover:not(:disabled){border-color:var(--stillup-accent);color:var(--stillup-accent);box-shadow:0 0 12px #00e5ff33}