:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--topbar-height: 58px;--bg: #071113;--panel: rgba(9, 18, 20, .84);--panel-border: rgba(255, 255, 255, .16);--text: #f7fbfc;--muted: rgba(247, 251, 252, .72);--line: rgba(255, 255, 255, .14);--accent: #63d3b7;--danger: #ff7c7c;--shadow: rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:#040707;color:var(--text)}button,input{font:inherit}a{color:inherit}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#040707f5,#0b201feb),var(--bg)}.page-background{position:fixed;z-index:0;inset:var(--topbar-height) 0 0;pointer-events:none;background:url(/assets/sparrowsnest-banner.webp) center / cover no-repeat;opacity:.18}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;height:var(--topbar-height);display:flex;align-items:center;gap:18px;padding:0 clamp(14px,3vw,34px);background:#000;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;min-height:40px;color:#fff;font-weight:760;font-size:1.05rem;text-decoration:none;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-link,.avatar-button,.dropdown-item,.primary-action,.danger-action,.icon-link{min-height:40px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}.nav-link{padding:0 12px;color:#ffffffd6;border-radius:6px}.nav-link:hover,.avatar-button:hover{background:#ffffff1a;color:#fff}.account-menu{position:relative}.avatar-button{width:42px;color:#fff;background:transparent;border-radius:6px}.dropdown{position:absolute;top:calc(100% + 8px);right:0;width:180px;padding:6px;background:#080d0e;border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 18px 46px var(--shadow)}.dropdown-item{width:100%;padding:0 12px;color:#ffffffe6;background:transparent;border-radius:6px;justify-content:flex-start;text-align:left}.dropdown-item:hover{background:#ffffff1a;color:#fff}.home-page{position:relative;z-index:1;min-height:100vh;padding:var(--topbar-height) 0 0}.home-hero{position:relative;min-height:calc(100vh - var(--topbar-height));display:grid;place-items:center;padding:clamp(18px,4vw,44px)}.home-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.home-hero>.status-message{position:relative;z-index:1}.app-gallery{position:relative;z-index:1;display:grid;grid-template-columns:46px minmax(0,min(72vw,920px)) 46px;align-items:center;gap:clamp(8px,2vw,18px);width:min(100%,1080px)}.gallery-frame{position:relative;padding:46px clamp(10px,2vw,18px) clamp(10px,2vw,18px);border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0407073d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 68px #00000052}.gallery-app-name{position:absolute;top:13px;left:18px;right:18px;overflow:hidden;color:#fff;font-weight:720;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gallery-image-button,.app-image-button,.app-thumbnail-button{width:100%;padding:0;color:inherit;border:0;background:transparent;cursor:zoom-in}.gallery-image-button img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:transparent}.gallery-arrow{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0000006b;cursor:pointer}.gallery-arrow:disabled{opacity:.38;cursor:not-allowed}.gallery-arrow:hover:not(:disabled),.gallery-arrow:focus-visible:not(:disabled){background:#63d3b742}.gallery-image-button:hover img,.gallery-image-button:focus-visible img,.app-image-button:hover img,.app-image-button:focus-visible img,.app-thumbnail-button:hover img,.app-thumbnail-button:focus-visible img{border-color:#63d3b794}.content-page,.activation-page{position:relative;z-index:1;min-height:100vh;padding:calc(var(--topbar-height) + 34px) clamp(16px,4vw,48px) 42px}.content-page{display:flex;align-items:center;justify-content:center}.page-panel,.activation-panel{width:min(100%,920px);border:1px solid var(--panel-border);background:var(--panel);box-shadow:0 24px 70px var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-panel{padding:clamp(22px,4vw,34px);border-radius:8px}.page-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.page-title.is-centered{justify-content:center;text-align:center}.page-title h1,.activation-panel h1{margin:0;font-size:clamp(1.65rem,4vw,2.45rem);line-height:1.08}.copy-block{display:grid;gap:12px;max-width:760px}.copy-block p,.status-message,.app-item p,.activation-panel p{color:var(--muted);line-height:1.55}.copy-block h2{margin:14px 0 0;font-size:1.08rem;line-height:1.25}.copy-block ul{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.55}.copy-block li+li{margin-top:4px}.status-message{margin:0 0 18px}.app-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.app-item{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff0e}.app-media{display:grid;gap:8px;padding:10px 10px 0}.app-image-button img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;border:1px solid transparent;border-radius:6px;background:#ffffff14}.app-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app-thumbnail-button img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#ffffff14}.app-copy{display:grid;gap:16px;align-content:space-between;min-height:164px;padding:16px}.app-item h2{margin:0 0 7px;font-size:1.08rem}.app-item p{margin:0}.app-status{display:inline-flex;padding:4px 8px;border:1px solid rgba(99,211,183,.35);border-radius:6px;color:var(--accent);font-size:.82rem}.app-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-link{flex:0 0 42px;width:42px;color:#fff;border-radius:6px;background:#ffffff14}.icon-link:hover{background:#63d3b738}.image-modal{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:#000000d1}.image-modal-content{position:relative;width:min(100%,1180px);max-height:min(82vh,760px)}.image-modal-content img{display:block;width:100%;max-height:min(82vh,760px);object-fit:contain;border:1px solid var(--panel-border);border-radius:8px;background:#040707;box-shadow:0 24px 70px var(--shadow)}.image-modal-close{position:absolute;top:10px;right:10px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#000000b8;cursor:pointer}.image-modal-close:hover,.image-modal-close:focus-visible{background:#63d3b742}.form{--auth-field-gap: 10px;--auth-input-height: 44px;--auth-label-height: 1.2em;display:grid;gap:var(--auth-field-gap);max-width:620px}.form label{color:#ffffffdb;font-weight:650;line-height:1.2;min-height:var(--auth-label-height)}.form input{width:100%;height:var(--auth-input-height);padding:0 12px;color:var(--text);background:#ffffff14;border:1px solid var(--line);border-radius:6px}.form input:disabled{color:#ffffff94}.auth-placeholder{visibility:hidden}.auth-field-space{height:calc(var(--auth-label-height) + var(--auth-input-height) + var(--auth-field-gap))}.auth-tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:4px;margin:0 0 18px;border:1px solid var(--line);border-radius:8px;background:#ffffff0e}.auth-tabs button{min-height:36px;padding:0 12px;color:#ffffffc7;background:transparent;border:0;border-radius:6px;cursor:pointer}.auth-tabs button:hover,.auth-tabs button.is-active{color:#fff;background:#ffffff1f}.inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.primary-action,.danger-action{width:fit-content;min-width:112px;padding:0 15px;border-radius:6px;color:#06100e;background:var(--accent);font-weight:720}.primary-action:disabled,.danger-action:disabled{opacity:.65;cursor:not-allowed}.danger-action{color:#160606;background:var(--danger)}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.profile-layout{display:grid;gap:22px}.profile-section{display:grid;gap:12px;padding-top:20px;border-top:1px solid var(--line)}.profile-section:first-child{padding-top:0;border-top:0}.profile-section h2{margin:0;font-size:1.08rem}.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.profile-details div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0e}.profile-details dt{margin-bottom:6px;color:var(--muted);font-size:.82rem}.profile-details dd{margin:0;overflow-wrap:anywhere}.activation-page{display:grid;place-items:center}.activation-panel{width:min(100%,520px);padding:32px 28px;border-radius:8px;text-align:center}.activation-badge{width:72px;height:72px;margin:0 auto 20px;border-radius:999px;display:grid;place-items:center;background:#ffffff14}.activation-panel.is-success .activation-badge{color:#89d185}.activation-panel.is-pending .activation-badge{color:var(--accent)}.activation-panel.is-pending .activation-badge svg{animation:spin .9s linear infinite}.activation-panel.is-error .activation-badge{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:620px){.topbar{gap:8px}.brand{font-size:.98rem}.nav-link{padding:0 8px}.inline-field,.profile-details{grid-template-columns:1fr}.app-gallery{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}.gallery-arrow{width:38px;height:38px}.primary-action,.danger-action{width:100%}.app-item{min-width:0}}