:root{--undun-primary: #0066cc;--undun-primary-hover: #0052a3;--undun-accent: #b91c1c;--undun-accent-soft: rgba(185, 28, 28, .08);--undun-danger: #b33;--undun-danger-hover: #922;--undun-success: #0d9488;--undun-error: #c00;--undun-surface: #f8fafc;--undun-surface-nav: #fff;--undun-surface-card: #fff;--undun-surface-panel: #f1f5f9;--undun-text: #1e293b;--undun-text-muted: #64748b;--undun-border: #e2e8f0;--undun-border-light: #e2e8f0;--undun-border-input: #cbd5e1;--undun-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--undun-surface-landing: #0f172a;--undun-text-on-dark: #f8fafc;--undun-surface-card-dark: #1e293b;--undun-border-dark: #334155}*{box-sizing:border-box}body{margin:0;font-family:var(--undun-font-sans);-webkit-font-smoothing:antialiased;background:var(--undun-surface);color:var(--undun-text)}.uap-landing{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;padding:2.25rem 1.25rem 2.5rem}.uap-landing:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none;background-image:url(https://images.squarespace-cdn.com/content/v1/69adfe9e4fdcfc6bc975b4db/c377a85b-7f34-4e82-9c08-cdc0d6feea79/gunner0818_Beige_Blue_Bright__Neon_colors__Fluorescent_Brown_Co_c2bd7488-c630-42f4-b764-a9b76b5a3318.png?format=2500w);background-size:cover;background-position:50% 40%;transform:translateZ(0) scale(1.06);transform-origin:50% 50%;backface-visibility:hidden;will-change:transform;filter:saturate(1.03) contrast(1.02);animation:uapLandingDrift 14s ease-in-out infinite}.uap-landing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 700px at 50% 46%,#0000,#00000014 55%,#00000038),radial-gradient(1100px 900px at 50% 55%,#0000,#00000026 62%,#00000059)}.uap-landing__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.uap-landing__top{position:relative;z-index:1;display:flex;justify-content:center}.uap-landing__brand{display:grid;place-items:center;text-align:center;-webkit-user-select:none;user-select:none}.uap-landing__logo{display:block;width:auto;max-width:min(96vw,1200px);height:min(280px,max(140px,calc(2.52*clamp(28px,4.4vw,44px))));object-fit:contain;opacity:0;transform:translateY(8px);animation:uapLandingFadeUp .76s cubic-bezier(.2,.9,.2,1) forwards}.uap-landing__logo--panel{max-width:min(92%,420px);height:min(88px,calc(1.2075*clamp(28px,4.4vw,44px)))}.uap-landing__center{position:relative;z-index:1;display:grid;place-items:center;padding:3.5rem 0 1.75rem}.uap-landing__panel{width:min(860px,100%);border-radius:16px;padding:2.25rem 1.75rem;border:1px solid rgba(248,250,252,.14);background:#0f172a57;box-shadow:0 24px 90px #00000073;text-align:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.uap-landing__title{margin:0;font-size:clamp(28px,4.4vw,44px);line-height:1.05;letter-spacing:-.02em;color:#f8fafcf2;opacity:0;transform:translateY(8px);animation:uapLandingFadeUp .76s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:.12s}.uap-landing__subtitle{margin:.6rem 0 0;font-size:1.05rem;line-height:1.5;color:#f8fafcc7;opacity:0;transform:translateY(8px);animation:uapLandingFadeUp .76s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:.22s}.uap-landing__actions{margin-top:1.35rem;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(8px);animation:uapLandingFadeUp .76s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:.32s}.uap-btn{height:42px;border-radius:10px;border:1px solid rgba(248,250,252,.18);background:#ffffff0f;color:#f8fafceb;font-weight:600;padding:0 1rem;transition:transform .12s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.uap-btn:hover{background:#ffffff1a;border-color:#f8fafc42;transform:translateY(-1px)}.uap-btn:active{transform:translateY(0)}.uap-btn--primary{background:linear-gradient(180deg,#5cc9ff,#38b8ff);color:#04121f;border-color:#ffffff38;box-shadow:0 10px 28px #38b8ff33}.uap-btn--primary:hover{background:linear-gradient(180deg,#76d4ff,#46c0ff);box-shadow:0 16px 40px #38b8ff42}@keyframes uapLandingFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes uapLandingDrift{0%,to{transform:translateZ(0) scale(1.06) translateZ(0)}50%{transform:translateZ(0) scale(1.09) translate3d(-1.2%,1.1%,0)}}a{color:var(--undun-primary)}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--undun-primary);outline-offset:2px}button{cursor:pointer;padding:.5rem 1rem;font-size:1rem;border-radius:6px;border:1px solid var(--undun-border-input);background:var(--undun-surface-nav)}button.primary{background:var(--undun-primary);color:#fff;border-color:var(--undun-primary)}button.primary:hover{background:var(--undun-primary-hover)}button.danger{background:var(--undun-danger);color:#fff;border-color:var(--undun-danger)}button.danger:hover{background:var(--undun-danger-hover)}.page{max-width:720px;margin:0 auto}.page--narrow{max-width:560px}.page__title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--undun-text)}.page__subtitle{color:var(--undun-text-muted);margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.card{background:var(--undun-surface-nav);border:1px solid var(--undun-border-light);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000f}.card:last-child{margin-bottom:0}.card__heading{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--undun-text)}.card__body{color:var(--undun-text-muted);font-size:.9375rem;margin:0;line-height:1.5}.section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--undun-border)}.section__title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--undun-text)}.nav-link{color:var(--undun-text);text-decoration:none;font-weight:500;padding:.25rem 0}.nav-link:hover{color:var(--undun-primary);text-decoration:none}.page-actions{margin-top:1.5rem}.page-actions a{margin-right:1rem}.home-hero{border-radius:16px;padding:0;margin:0;border:none;text-align:center}.home-hero__logo{height:56px;width:auto;display:block;margin:0 auto 1rem}.home-hero__title{font-size:1.5rem;font-weight:700;color:var(--undun-text);margin:0 0 .25rem}.home-hero__tagline{font-size:1rem;color:var(--undun-text-muted);margin:0}.dashboard-panel{background:var(--undun-surface-panel);border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid var(--undun-border)}.dashboard-panel__title{font-size:1.125rem;font-weight:600;color:var(--undun-text);margin:0 0 .5rem}.dashboard-panel__body{font-size:.9375rem;color:var(--undun-text-muted);margin:0}.nav-link.active{color:var(--undun-primary);font-weight:600}body[data-theme=dark] .app-nav,body[data-theme=dark] .app-nav .nav-link{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-nav .nav-link:hover{color:#fff;text-decoration:none}body[data-theme=dark] .app-nav .nav-link.active{color:#93c5fd;font-weight:600}body[data-theme=dark] .app-nav button[aria-label=Settings],body[data-theme=dark] .app-main .page__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .page__subtitle{color:#f8fafcd9}body[data-theme=dark] .app-main .card{background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark);box-shadow:none}body[data-theme=dark] .app-main .card__heading{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .card__body{color:#f8fafcd9}body[data-theme=dark] .app-main .home-hero{background:transparent;border-color:transparent}body[data-theme=dark] .app-main .home-hero__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .home-hero__tagline{color:#f8fafcd9}body[data-theme=dark] .app-main .dashboard-panel{background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark)}body[data-theme=dark] .app-main .dashboard-panel__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .dashboard-panel__body{color:#f8fafcd9}body[data-theme=dark] .app-main .section{border-top-color:var(--undun-border-dark)}body[data-theme=dark] .app-main .section__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .page-actions a,body[data-theme=dark] .app-main a{color:#93c5fd}body[data-theme=dark] .app-main a:hover{color:#bfdbfe}body[data-theme=dark] .app-main p,body[data-theme=dark] .app-main li,body[data-theme=dark] .app-main span{color:#f8fafce6}body[data-theme=dark] .app-main button:not(.primary):not(.danger){background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark);color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main button:not(.primary):not(.danger):hover{background:#334155}body[data-theme=dark] .app-main input{background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark);color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main input::placeholder{color:#f8fafc80}body[data-theme=dark] .app-main h2,body[data-theme=dark] .app-main h3{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main ul li{border-color:var(--undun-border-dark)}body[data-theme=dark] .app-main ul li [style*="fontWeight: 500"],body[data-theme=dark] .app-main ul li [style*="fontWeight: 600"]{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .add-source__card .add-source__name{color:var(--undun-text)}body[data-theme=dark] .app-main .add-source__card .add-source__status--connected{color:var(--undun-success)}@media (prefers-reduced-motion: reduce){.uap-landing:before{animation:none;filter:none}.uap-landing__logo,.uap-landing__title,.uap-landing__subtitle,.uap-landing__actions{animation:none;opacity:1;transform:none}}