html,body{overflow:auto}.title-screen{min-block-size:100%;display:grid;position:relative}.title-sky{z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 60% at 72% 118%, #2fb8b038 0%, #2fb8b00f 38%, transparent 56%), radial-gradient(circle at 72% 160%, #0c1418 58%, transparent 58.3%), radial-gradient(ellipse 60% 40% at 18% 12%, #d9692b14, transparent 70%), radial-gradient(1px 1px at 12% 22%, #c3cad1 50%, transparent 51%), radial-gradient(1px 1px at 34% 8%, #8a96a2 50%, transparent 51%), radial-gradient(1px 1px at 58% 30%, #c3cad1 50%, transparent 51%), radial-gradient(1px 1px at 84% 14%, #8a96a2 50%, transparent 51%), radial-gradient(1px 1px at 91% 44%, #5a6571 50%, transparent 51%), radial-gradient(1px 1px at 22% 52%, #5a6571 50%, transparent 51%), radial-gradient(1px 1px at 46% 64%, #8a96a2 50%, transparent 51%), radial-gradient(1px 1px at 6% 76%, #c3cad1 50%, transparent 51%), linear-gradient(90deg, #0405079e 0%, #04050759 45%, #04050780 100%), var(--nebula,linear-gradient(transparent, transparent)) 30% 46% / max(150vw, 270vh) auto no-repeat, linear-gradient(180deg, #05070b 0%, #040507 100%);position:fixed;inset:0}.title-main{z-index:2;min-block-size:100vh;padding-block:calc(3rem + var(--safe-t)) calc(1.4rem + var(--safe-b));padding-inline:calc(var(--gutter) * 2 + var(--safe-l)) calc(var(--gutter) * 2 + var(--safe-r));grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) clamp(26rem,36vw,40rem);align-items:center;gap:2rem 3rem;display:grid;position:relative}.title-brand{align-self:center}.title-brand h1{font:700 clamp(3rem, 7vw, 6.4rem)/.92 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--bright);max-inline-size:9ch;margin:.6rem 0 0}.title-beta{border:1px solid var(--tollway-soft);font:400 .7rem/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--tollway);margin-block-start:.9rem;padding:.2rem .6rem;display:inline-block}.title-beta:empty{display:none}.title-lede{font:300 1.2rem/1.5 var(--body);color:var(--muted);letter-spacing:.02em;margin:1.2rem 0 0}.menu{background:linear-gradient(180deg, var(--glass-hi), var(--glass));border:1px solid var(--hair);-webkit-backdrop-filter:blur(18px);animation:rise .5s var(--ease) both;flex-direction:column;display:flex;position:relative;box-shadow:0 2.5rem 5rem #00000073,inset 0 1px #ffffff0d}.menu:after{content:"";background:var(--tollway);block-size:2px;inline-size:2.4rem;position:absolute;inset-block-start:-1px;inset-inline-start:-1px}.menu .phead h2{font-size:1.5rem}.menu .pbody{max-block-size:62vh;padding-block-end:1rem}.pf{border:1px solid var(--hair);background:#d6e0ea06;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;inline-size:100%;padding:.7rem .9rem;display:grid}.pf:hover{border-color:var(--hair-strong);background:#d6e0ea0d}.pf.on{border-color:var(--tollway-soft);box-shadow:inset 0 0 1.4rem var(--tollway-glow)}.pf .emblem-wrap{block-size:2.8rem;inline-size:2.8rem;display:grid}.pf .emblem-wrap svg{block-size:100%;inline-size:100%}.pf .n{font:500 1.15rem/1.1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--bright)}.pf .sub{font:300 .85rem/1.4 var(--body);color:var(--muted)}.menu .actions{border-block-start:1px solid var(--hair);flex-wrap:wrap;gap:.5rem;padding:.9rem 1.6rem 1.2rem;display:flex}.menu .actions .btn{flex:1}.preview{align-items:center;gap:1rem;display:flex}.preview .emblem-wrap{block-size:4.4rem;inline-size:4.4rem;display:grid}.preview .emblem-wrap svg{block-size:100%;inline-size:100%}.extras{font:400 .72rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;grid-column:1/3;align-items:center;gap:.4rem 1.4rem;display:flex}.extras a{color:var(--muted);padding-block:.4rem;text-decoration:none}.extras a:hover{color:var(--bright)}.title-credit{font:400 .7rem/1.4 var(--mono);letter-spacing:.08em;color:var(--dim);grid-column:1/3;margin:0}.title-credit a{color:var(--muted);text-decoration:none}.title-credit a:hover{color:var(--bright)}.notice{color:var(--amber);font:300 .85rem/1.5 var(--body);margin:.6rem 1.6rem 0}@media (width<=760px){.title-main{padding-inline:calc(var(--gutter) + var(--safe-l)) calc(var(--gutter) + var(--safe-r));grid-template-columns:1fr;align-items:start;gap:1.4rem;padding-block-start:calc(2rem + var(--safe-t))}.title-brand h1{font-size:3.4rem}.title-lede{margin-block-start:.7rem;font-size:1.05rem}.extras,.title-credit{grid-column:1}.menu .pbody{max-block-size:none}}.pf-row{align-items:stretch;gap:.5rem;display:flex}.pf-row .pf{flex:1;min-inline-size:0}.pf-row .pf-signin{min-block-size:2.9rem;min-inline-size:0;color:var(--bright);border-color:#2fb8b073;flex:none;padding-inline:1rem;box-shadow:inset 0 -2px #2fb8b0b3}.pf-row .pf-signin:hover{border-color:var(--teal)}.pf-row .pf-delete{flex:none;min-block-size:2.9rem;min-inline-size:0;padding-inline:.8rem}.pf .pf-synced,.si-who .pf-synced{color:var(--teal);border-color:#2fb8b073}.pf:has(.pf-synced){grid-template-columns:auto 1fr auto auto}.pf-account-line{color:var(--muted);font:400 .72rem/1.5 var(--mono);letter-spacing:.06em;overflow-wrap:anywhere;margin:.8rem 1.6rem 0}.menu .si-step{padding-block-start:1rem}.menu .si-step>.si{padding-inline:1.6rem}.si-who{border:1px solid var(--hair);background:#d6e0ea06;align-items:center;gap:.8rem;margin:0 1.6rem 1rem;padding:.55rem .8rem;display:flex}.si-who .emblem-wrap,.si-who .emblem-wrap svg{flex:none;block-size:2.25rem;inline-size:2.25rem;display:block}.si-who .n{min-inline-size:0;font:500 1.1rem/1.1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--bright);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.si-who .sub{font:300 .85rem/1.4 var(--body);color:var(--muted)}.si-who-done{border-color:#2fb8b059;padding:.8rem 1rem}.si-who-done>div{flex:1;min-inline-size:0}.si-who-done .emblem-wrap,.si-who-done .emblem-wrap svg{block-size:3.25rem;inline-size:3.25rem}.si-free{color:var(--muted);font:300 .88rem/1.5 var(--body);margin:1rem 1.6rem 0}.menu .si-foot{flex-direction:column;align-items:stretch}.si-later{color:var(--dim);font:300 .8rem/1.45 var(--body);text-align:center;margin:0}.menu .prompts{color:var(--dim);flex-wrap:wrap;justify-content:flex-end;gap:1.2rem;inline-size:100%;display:flex}[data-input=touch] .menu .prompts,[data-input=mouse] .menu .prompts{display:none}@media (width<=760px){.menu .si-step>.si,.si-who,.si-free,.pf-account-line{margin-inline:1rem}.menu .si-step>.si{margin-inline:1rem;padding-inline:0}}.menu .fr-body{flex-direction:column;gap:.7rem;padding:1rem 1.6rem 1.2rem;display:flex}.menu .fr-body>.notice{margin-inline:0}.menu .fr-body>.prompts{margin-block-start:.4rem}.fr-choice{text-align:start;white-space:normal;flex-direction:column;align-items:flex-start;gap:.3rem;min-block-size:4.4rem;inline-size:100%;padding:.9rem 1.1rem;display:flex}.fr-choice .fr-t{font:500 1.1rem/1.15 var(--display);letter-spacing:.1em;text-transform:uppercase}.fr-choice .fr-s{font:300 .9rem/1.4 var(--body);letter-spacing:0;text-transform:none;opacity:.85}@media (width<=760px){.menu .phead p{margin-block-start:.4rem;font-size:max(.92rem,14px);display:block}.menu .fr-body{padding-inline:1rem}}
