.cosmos-screen { --nexus-cyan:var(--cosmos-signal); --nexus-green:var(--cosmos-positive); --connected-cyan:var(--cosmos-signal); --connected-danger:var(--cosmos-negative); --connected-muted:var(--cosmos-muted); background:var(--cosmos-void); color:var(--cosmos-paper); min-height:100dvh; display:flex; flex-direction:column; padding:0!important; isolation:isolate; }
.cosmos-screen button,.cosmos-screen a { font:inherit; }
.cosmos-screen :is(.cosmos-screen-header,.cosmos-screen-footer,.cosmos-screen-notice) button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 15px; background:none; border:1px solid var(--cosmos-line); border-radius:var(--cosmos-radius-control); color:var(--cosmos-soft); cursor:pointer; }
.cosmos-screen :is(.cosmos-screen-header,.cosmos-screen-footer,.cosmos-screen-notice) button:hover { background:var(--cosmos-panel); color:var(--cosmos-paper); }
.cosmos-screen button:disabled { opacity:.5; cursor:wait; }
.cosmos-screen :is(button,a):focus-visible { outline:2px solid var(--cosmos-signal); outline-offset:4px; }
.cosmos-screen a { color:var(--cosmos-sky); text-decoration:none; }
.cosmos-screen-header { display:flex; align-items:center; gap:28px; padding:24px clamp(20px,4vw,70px); z-index:1; }
.cosmos-screen-header>a { display:flex; align-items:center; gap:15px; margin-right:auto; color:var(--cosmos-paper); letter-spacing:.18em; font-size:12px; }
.cosmos-screen-header>a>svg { width:32px; height:32px; }
.cosmos-screen-header small { display:block; letter-spacing:.13em; font-size:9px; margin-top:6px; color:var(--cosmos-muted); }
.cosmos-screen-header .connected-transport { display:inline-flex; gap:7px; font-size:11px; }
.cosmos-screen-header .connected-transport b { display:inline; }
.cosmos-screen-header button { border-color:transparent; }
.cosmos-screen [data-screen-stage] { flex:1; display:flex; min-height:450px; position:relative; }
.cosmos-screen-scene { position:relative; display:grid; place-items:center; text-align:center; width:100%; overflow:hidden; isolation:isolate; min-height:inherit; }
.cosmos-screen-horizon { position:absolute; z-index:-1; width:130vw; height:1000px; border-radius:50%; top:85%; left:calc(50% - 65vw); border:1px solid #a9cee924; box-shadow:0 -30px 120px #3e6b9620; background:linear-gradient(#10243550,transparent 80px); }
.cosmos-screen[data-screen-mode=cinema] .cosmos-screen-horizon { border-color:#ddbb8933; box-shadow:0 -40px 140px #ae723620; background:linear-gradient(#49321e50,transparent 90px); }
.cosmos-screen[data-screen-mode=memories] .cosmos-screen-horizon { border-color:#ddbb8933; box-shadow:0 -25px 140px #ddbb8919; }
.cosmos-screen-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.3; z-index:-2; }
.cosmos-screen-copy { padding:70px 28px; max-width:960px; }
.cosmos-screen-copy .cosmos-label { font-size:11px; letter-spacing:.22em; color:var(--cosmos-muted); }
.cosmos-screen-copy time { display:block; font-size:clamp(80px,11vw,180px); font-weight:250; line-height:1; letter-spacing:-.065em; margin:35px 0 30px; font-variant-numeric:tabular-nums; }
.cosmos-screen-copy h2 { font-size:clamp(30px,5vw,68px); letter-spacing:-.045em; font-weight:450; line-height:1.1; margin:20px 0; overflow-wrap:anywhere; }
.cosmos-screen-copy time+h2 { font-size:clamp(26px,3vw,42px); }
.cosmos-screen-copy p:not(.cosmos-label) { color:var(--cosmos-soft); max-width:550px; margin:20px auto 0; line-height:1.75; font-size:clamp(14px,1.5vw,18px); }
.cosmos-screen-emblem { display:inline-flex; padding:25px; border:1px solid var(--cosmos-line); border-radius:50%; color:var(--cosmos-warm); margin:25px 0 10px; }
.cosmos-screen-loading { margin:auto; padding:50px 25px; font-size:16px; color:var(--cosmos-muted); text-align:center; }
.cosmos-screen-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px clamp(20px,4vw,70px); z-index:1; }
.cosmos-screen-footer>div { max-width:28%; }
.cosmos-screen-footer p { font-size:12px; margin:0; line-height:1.7; color:var(--cosmos-muted); overflow-wrap:anywhere; }
.cosmos-screen-footer small { font-size:10px; color:var(--cosmos-faint); display:block; margin-top:5px; }
.cosmos-screen-footer nav { display:flex; gap:6px; flex-shrink:0; }
.cosmos-screen-footer nav button { border-color:transparent; font-size:13px; }
.cosmos-screen-footer nav [aria-pressed=true] { border-color:var(--cosmos-line-strong); color:var(--cosmos-paper); background:var(--cosmos-panel); }
.cosmos-screen-footer a { display:inline-flex; align-items:center; gap:7px; min-height:30px; }
.cosmos-screen-notice { max-width:760px; margin:10px auto; padding:16px 24px; border:1px solid var(--cosmos-line-strong); border-radius:var(--cosmos-radius-control); display:flex; align-items:center; gap:20px; width:calc(100% - 40px); }
.cosmos-screen-notice p { font-size:13px; color:var(--cosmos-negative); line-height:1.6; overflow-wrap:anywhere; flex:1; }
.cosmos-screen-notice button { white-space:nowrap; }
@media(max-width:750px) { .cosmos-screen-header { gap:8px; padding:17px 20px; } .cosmos-screen [data-screen-stage] { min-height:400px; } .cosmos-screen-copy { padding:45px 23px; } .cosmos-screen-footer { flex-wrap:wrap; padding:22px 20px; gap:20px; } .cosmos-screen-footer nav { order:-1; width:100%; justify-content:center; } .cosmos-screen-footer>div { max-width:45%; } .cosmos-screen-footer>p { max-width:45%; text-align:right; font-size:11px; } .cosmos-screen-notice { flex-direction:column; align-items:flex-start; gap:6px; } }
@media(prefers-reduced-motion:reduce) { .cosmos-screen * { animation:none!important; transition:none!important; } }