/* The entrance is a quiet monochrome terminal, independent of the desktop. */
html:not(.desktop-active),body:not(.desktop-active){background:#080808;color:#f4f4f4;color-scheme:dark}
body:not(.desktop-active)::before{background:none}
#entrance{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#080808;padding:100px max(28px,env(safe-area-inset-right)) 100px max(28px,env(safe-area-inset-left));font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.binary-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse at center,transparent 20%,#000 90%)}
.binary-row{display:block;width:max-content;white-space:pre;font:11px/2.8 ui-monospace,Consolas,monospace;letter-spacing:5px;color:#ffffff30;animation:binary-drift 60s linear infinite alternate;animation-delay:var(--delay);opacity:var(--opacity)}
.binary-row:nth-child(even){animation-direction:alternate-reverse}
#entrance .entrance-content{width:min(460px,100%);padding:0;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:none;text-align:left;animation:none}
.entry-path{margin:0 0 28px;font-size:12px;letter-spacing:2px;color:#999}
#entrance h1{margin:0;color:#f4f4f4;font:400 clamp(36px,8vw,64px)/1.15 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:-3px;text-shadow:none}
#entrance .period{color:#f4f4f4;animation:terminal-caret 1.8s steps(1) infinite}
.entry-description{margin:16px 0 48px;color:#a6a6a6;font-size:13px;line-height:1.5;letter-spacing:.5px}
#entrance .enter{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin:0;width:fit-content;min-height:48px;padding:10px 0;border:0;border-bottom:1px solid #686868;border-radius:0;color:#f4f4f4;background:none;box-shadow:none;text-shadow:none;letter-spacing:2px;transition:border-color .2s}
#entrance .enter [data-i18n],#entrance .enter .entry-prompt{font-size:14px;line-height:1.5}
#entrance .enter .entry-arrow{font-size:22px;margin-left:35px;color:#888}
#entrance .enter:hover{background:none;filter:none;box-shadow:none;border-color:#fff}
#entrance .enter:hover .entry-arrow{color:#fff}
#entrance button:focus-visible{outline:2px solid #fff;outline-offset:7px;box-shadow:none}
#entrance .entry-footer{position:absolute;left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));padding:0;border:0;background:none;box-shadow:none;display:flex;justify-content:space-between;gap:20px;color:#707070;font-size:10px;letter-spacing:1px;text-shadow:none}
#entrance .entry-language{position:absolute;top:calc(20px + env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));min-height:44px;min-width:44px;padding:8px;border:0;border-radius:0;color:#ddd;background:none;box-shadow:none;text-shadow:none;backdrop-filter:none;font:12px ui-monospace,Consolas,monospace}
#entrance .entry-language:hover{background:#ffffff0d}
body:not(.desktop-active) #language-dialog{color:#eee;background:#111;border:1px solid #777;border-radius:0;box-shadow:0 15px 80px #0008;backdrop-filter:none}
body:not(.desktop-active) #language-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
body:not(.desktop-active) #language-dialog :is(.setup-titlebar,.setup-body,.setup-footer,.language-options){color:#eee;background:#111;border-color:#555;text-shadow:none;box-shadow:none}
body:not(.desktop-active) #language-dialog :is(.setup-body p,.setup-footer>span){color:#aaa}
body:not(.desktop-active) #language-dialog .setup-globe{stroke:#ccc;filter:none}
body:not(.desktop-active) #language-dialog .language-option:has(input:checked){background:#eee;color:#111;border-color:#eee;text-shadow:none;box-shadow:none}
body:not(.desktop-active) #language-dialog :is(#language-close,.setup-continue){background:#eee;color:#111;border:1px solid #eee;border-radius:0;text-shadow:none;box-shadow:none}
body:not(.desktop-active) #language-dialog :is(button:focus-visible,.language-option:has(input:focus-visible)){outline-color:#aaa}
@keyframes binary-drift{to{transform:translateX(-150px)}}
@keyframes terminal-caret{50%{opacity:0}}
@media(max-width:600px){#entrance h1{letter-spacing:-2px}.binary-row{font-size:10px;letter-spacing:3px}.entry-description{margin-bottom:36px}#entrance .entry-footer{font-size:9px;letter-spacing:0}.entry-path{margin-bottom:24px}}
@media(max-height:500px) and (orientation:landscape){#entrance{padding-top:75px;padding-bottom:75px}.entry-path{margin-bottom:14px}#entrance h1{font-size:36px}.entry-description{margin:10px 0 18px}}
@media(prefers-reduced-motion:reduce){.binary-row,#entrance .period{animation:none}}
@media(forced-colors:active){#entrance,#entrance .enter{background:Canvas;color:CanvasText}.binary-field{display:none}#entrance h1,#entrance .period{color:CanvasText}}

#entrance .entry-business-card{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:14px;color:#aaa;font-size:12px;letter-spacing:.5px;text-decoration:none}#entrance .entry-business-card:hover{color:#fff}#entrance .entry-business-card:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* An optional second entrance, tucked to the side of the original screen. */
#entrance .entry-setup-shortcut{position:absolute;right:max(28px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;width:122px;padding:12px 5px;border:1px solid transparent;border-radius:3px;background:none;color:#aaa;font:11px/1.4 ui-monospace,Consolas,monospace;text-align:center}
.entry-setup-shortcut svg{width:43px;height:43px;opacity:.8}
.entry-setup-shortcut small{font-size:8px;line-height:1.5;color:#737373}
#entrance .entry-setup-shortcut:hover{border-color:#ffffff20;background:#ffffff05;color:#fff}
#entrance .entry-setup-shortcut:hover svg{opacity:1}
@media(max-width:780px){#entrance .entry-setup-shortcut{top:auto;bottom:82px;transform:none;width:auto;max-width:160px;display:grid;grid-template-columns:34px auto;column-gap:9px;row-gap:2px;text-align:left;padding:7px}.entry-setup-shortcut svg{grid-row:span 2;width:34px;height:34px}.entry-setup-shortcut small{font-size:8px}}