:root{
  color-scheme:dark;
  --ink:#071012;
  --paper:#f4f0e8;
  --red:#c44b3d;
  --muted:rgba(244,240,232,.56)
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{
  min-height:100svh;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(31,62,66,.32),transparent 38%),
    linear-gradient(145deg,#0b181a 0%,var(--ink) 64%);
  color:var(--paper);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
.language-loader{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:32px;
  text-align:center;
  isolation:isolate
}
.language-loader::before,.language-loader::after{
  content:"";
  position:absolute;
  z-index:-1;
  border:1px solid rgba(244,240,232,.08);
  border-radius:50%;
  animation:pulse 2.8s ease-in-out infinite
}
.language-loader::before{width:min(62vw,620px);aspect-ratio:1}
.language-loader::after{width:min(78vw,780px);aspect-ratio:1;animation-delay:.45s}
.loader-mark{height:28px;display:flex;align-items:flex-end;gap:5px;margin-bottom:31px}
.loader-mark span{display:block;width:2px;height:11px;background:var(--red);animation:signal 1s ease-in-out infinite}
.loader-mark span:nth-child(2){height:22px;animation-delay:.14s}
.loader-mark span:nth-child(3){height:15px;animation-delay:.28s}
.loader-kicker{margin:0 0 15px;color:#e58679;font-size:10px;font-weight:800;letter-spacing:.24em}
h1{margin:0;font:500 clamp(46px,8vw,78px)/1 Georgia,"Times New Roman",serif;letter-spacing:.19em;text-indent:.19em}
.loader-status{margin:24px 0 19px;color:var(--muted);font-size:12px;letter-spacing:.08em}
.loader-line{width:min(240px,58vw);height:1px;overflow:hidden;background:rgba(244,240,232,.14)}
.loader-line span{display:block;width:42%;height:100%;background:var(--red);animation:travel 1.25s cubic-bezier(.65,0,.35,1) infinite}
.language-fallback{position:absolute;bottom:max(25px,4vh);display:flex;gap:22px}
.language-fallback a{color:rgba(244,240,232,.42);font-size:10px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:color .2s}
.language-fallback a:hover,.language-fallback a:focus-visible{color:var(--paper)}
@keyframes signal{0%,100%{transform:scaleY(.55);opacity:.48}50%{transform:scaleY(1);opacity:1}}
@keyframes travel{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}
@keyframes pulse{0%,100%{transform:scale(.96);opacity:.42}50%{transform:scale(1.035);opacity:1}}
@media (prefers-reduced-motion:reduce){
  .language-loader::before,.language-loader::after,.loader-mark span,.loader-line span{animation:none}
  .loader-line span{width:100%;opacity:.7}
}
@media (max-width:480px){
  h1{font-size:42px;letter-spacing:.13em;text-indent:.13em}
  .language-fallback{gap:16px}
}
