:root{--color-bg: #0a0e1a;--color-bg-elevated: #0f1524;--color-text: #e8eef7;--color-muted: #8b9bb8;--color-accent: #4dd9c0;--color-accent-muted: rgba(77, 217, 192, .35);--header-h: 52px;--nav-h: 64px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{view-transition-name:root}body{margin:0;min-width:320px;min-height:100dvh;background-color:var(--color-bg);color:var(--color-text);background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.12) 0,transparent 1px),radial-gradient(1px 1px at 73% 8%,rgba(255,255,255,.1) 0,transparent 1px),radial-gradient(1px 1px at 42% 65%,rgba(255,255,255,.08) 0,transparent 1px),radial-gradient(1px 1px at 88% 42%,rgba(255,255,255,.09) 0,transparent 1px),radial-gradient(1px 1px at 25% 88%,rgba(255,255,255,.07) 0,transparent 1px),radial-gradient(1px 1px at 61% 31%,rgba(77,217,192,.12) 0,transparent 1px),radial-gradient(1px 1px at 15% 48%,rgba(255,255,255,.06) 0,transparent 1px),radial-gradient(1px 1px at 94% 76%,rgba(255,255,255,.07) 0,transparent 1px),radial-gradient(1px 1px at 50% 12%,rgba(255,255,255,.05) 0,transparent 1px),radial-gradient(1px 1px at 33% 93%,rgba(255,255,255,.06) 0,transparent 1px);background-size:420px 420px,380px 380px,440px 440px,360px 360px,400px 400px,520px 520px,340px 340px,460px 460px,390px 390px,410px 410px;background-position:0 0,120px 80px,40px 200px,200px 40px,280px 160px,60px 320px,320px 280px,180px 100px,400px 220px,90px 60px}#root{min-height:100dvh}a{color:inherit}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-name:vw-fade-slide-out}::view-transition-new(root){animation-name:vw-fade-slide-in}}@keyframes vw-fade-slide-in{0%{opacity:0;transform:translateY(6px)}}@keyframes vw-fade-slide-out{to{opacity:.85;transform:translateY(-4px)}}.splash{min-height:100dvh;display:grid;place-items:center;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:var(--color-bg)}.splash__inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.splash__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.02em;color:var(--color-text)}.splash__mark{color:var(--color-accent);animation:splash-mark-glow 1.5s ease-in-out infinite}.splash__sky{animation:splash-sky-breathe 1.5s ease-in-out infinite}.splash__horizon{opacity:.85}@keyframes splash-mark-glow{0%,to{opacity:.75;filter:drop-shadow(0 0 4px rgba(77,217,192,.15))}50%{opacity:1;filter:drop-shadow(0 0 14px rgba(77,217,192,.45))}}@keyframes splash-sky-breathe{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.splash__mark,.splash__sky{animation:none;opacity:1}::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.app-shell__header{flex:0 0 auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));border-bottom:1px solid rgba(255,255,255,.08);background:#0a0e1aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell__brand{font-weight:700;font-size:1.05rem;letter-spacing:.03em;color:var(--color-text)}.app-shell__header-actions{display:flex;align-items:center;justify-content:flex-end;min-height:40px}.app-shell__main{flex:1 1 auto;width:100%;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#0a0e1af0;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav__list{list-style:none;margin:0;padding:.35rem max(.35rem,env(safe-area-inset-left)) .5rem max(.35rem,env(safe-area-inset-right));display:flex;justify-content:space-around;align-items:flex-end;max-width:560px;margin-inline:auto}.bottom-nav__item{flex:1;display:flex;justify-content:center}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.2rem;min-width:0;padding:.35rem .25rem .25rem;border-radius:12px;text-decoration:none;color:var(--color-muted);font-size:.65rem;font-weight:600;letter-spacing:.02em;transition:color .15s ease,background .15s ease}.bottom-nav__link--active{color:var(--color-accent);background:#4dd9c01a}.bottom-nav__icon{flex-shrink:0}.bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-header-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:40px;min-height:40px;padding:0 .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--color-text);font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit}.shell-header-action:hover{border-color:var(--color-accent-muted);color:var(--color-accent)}.shell-header-action--danger:hover{color:#fca5a5;border-color:#fca5a559}.page-loading{min-height:40vh;display:grid;place-items:center;color:var(--color-muted);padding:1.25rem}.page{max-width:560px;margin:0 auto;padding:1rem 1.25rem 1.5rem}.page__header{display:flex;gap:.65rem;align-items:center;margin-bottom:.5rem}.page__title{font-size:1.35rem;margin:0;font-weight:700}.page__lede{margin:.5rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.55}.page__error{margin-top:1rem;font-size:.9rem;color:#fca5a5}.page__muted{margin-top:1rem;color:#94a3b8;font-size:.95rem;line-height:1.55}.page__link{color:var(--color-accent);text-decoration:none;font-weight:600}.page__link:hover{text-decoration:underline}.sky-profile-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.55rem}.sky-profile-list__item{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;padding:.85rem 1rem}.sky-profile-list__label{font-weight:600;font-size:1rem}.sky-profile-list__meta{margin-top:.35rem}.sky-profile-list__badge{font-size:.78rem;color:var(--color-muted)}.sky-profile-list__badge--ok{color:var(--color-accent)}
