: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-app-nav-bg: #004b4d;--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-landing);color:var(--undun-text-on-dark)}.uap-landing{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:auto 1fr;padding:2.25rem 1.25rem 2.5rem}.uap-landing--appShell{min-height:calc(100dvh - 56px);min-height:calc(100vh - 56px);width:100%;margin:0;padding:0;place-items:center;grid-template-rows:1fr}.uap-app-home__title{position:relative;z-index:1;margin:0;text-align:center;font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-weight:500;letter-spacing:-.02em;color:#f8fafcf5;font-size:clamp(40px,5.6vw,64px);line-height:1.02;text-shadow:0 22px 80px rgba(0,0,0,.35)}.uap-landing:before{content:"";position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;z-index:0;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=1500w);background-size:cover;background-position:50% 40%;transform:translateZ(0) scale(1.04);transform-origin:50% 50%;backface-visibility:hidden;animation:uapLandingDrift 20s ease-in-out infinite}.uap-landing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1000px 800px at 50% 34%,#ffffff2e,#fff0 60%),linear-gradient(180deg,#ffffff14,#fff0 42%),radial-gradient(900px 700px at 50% 46%,#0000,#0000000a 58%,#00000024),radial-gradient(1100px 900px at 50% 55%,#0000,#00000014 62%,#0003);mix-blend-mode:screen;opacity:.32}.uap-landing__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.05;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{opacity:0;transform:translateY(8px);animation:uapLandingFadeUp .76s cubic-bezier(.2,.9,.2,1) forwards}.uap-wordmark{color:#ffffffe6;text-transform:uppercase;letter-spacing:.22em;font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-weight:500;line-height:1;display:inline-grid;justify-items:center;row-gap:8px}.uap-wordmark--top{font-size:min(4.2rem,max(2.35rem,calc(2.1*clamp(28px,4.4vw,44px))));max-width:min(96vw,1200px);text-shadow:0 18px 70px rgba(0,0,0,.35)}.uap-wordmark__line1{display:inline-flex;align-items:center;justify-content:center;gap:.12em}.uap-wordmark__seg{display:inline-block}.uap-wordmark__glyph{width:.45em;height:.45em;border-radius:999px;border:1px solid rgba(255,255,255,.78);display:inline-flex;align-items:center;justify-content:center;transform:translateY(.02em);box-shadow:0 0 0 1px #0000001f;background:#0000001a}.uap-wordmark__glyphRule{width:.6em;height:1px;background:#ffffffe0;display:block;border-radius:999px}.uap-wordmark__line2{text-transform:uppercase;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.26em;color:#ffffff8c;line-height:1.2}.uap-landing__logo--panel{max-width:min(92%,420px)}.uap-wordmark--panel{font-size:min(1.7rem,calc(.9*clamp(28px,4.4vw,44px)))}.uap-wordmark--panel .uap-wordmark__line2{font-size:8px}.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:#0c122073;box-shadow:0 24px 90px #00000073;text-align:center;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}.uap-landing__title{margin:0;font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-size:clamp(28px,4.4vw,44px);line-height:1.05;letter-spacing:-.02em;color:#f8fafcf2;font-weight:500;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;font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-weight:400;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.04)}50%{transform:translate3d(-.6%,.6%,0) scale(1.07)}}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}.uap-landing__logo,.uap-landing__title,.uap-landing__subtitle,.uap-landing__actions{animation:none;opacity:1;transform:none}}
