html[data-with-login-page] :is(.site-navigation,.site-footer){display:none}html[data-with-login-page],html[data-with-login-page] body{overflow:hidden}.login-page{isolation:isolate;background:var(--bg-deep);height:100dvh;color:var(--text-primary);font-family:var(--font-body);place-items:center;padding:1rem;display:grid;position:relative;overflow:hidden}.login-page :is(a,button):focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;border-radius:2px}.login-page:lang(ko){word-break:keep-all}.login-wall{z-index:-1;flex-direction:column;justify-content:center;gap:1.25rem;display:flex;position:absolute;inset:-30% -40%;transform:rotate(-12deg)}.login-wall:after{content:"";background:#0d0b0859;position:fixed;inset:-50%}.login-wall-row{gap:1.25rem;width:max-content;animation:90s linear infinite login-drift;display:flex}.login-wall-row[data-reverse]{animation-direction:reverse}.login-wall-tile{aspect-ratio:16/10;background:#17120c;border-radius:.75rem;flex-shrink:0;width:clamp(14rem,24vw,22rem);position:relative;overflow:hidden}.login-wall-tile img{object-fit:cover;object-position:50% 25%}@keyframes login-drift{0%{transform:translate(0)}to{transform:translate(calc(-50% - .625rem))}}.login-back{top:max(1rem, env(safe-area-inset-top));min-height:2.5rem;color:var(--text-primary);background:#14100b;border:1px solid #3a2a15;border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem 0 .7rem;font-size:.85rem;font-weight:600;transition:border-color .15s;display:inline-flex;position:absolute;left:clamp(1rem,3vw,2rem);box-shadow:0 .25rem 1rem #00000080}.login-back:hover{border-color:var(--gold);color:var(--gold-light)}.login-main{background:#14100b;border:1px solid #2e2417;border-radius:1rem;flex-direction:column;align-items:center;width:min(100%,27rem);max-height:100%;padding:clamp(1.5rem,4dvh,2.5rem) clamp(1.25rem,4vw,2.25rem);animation:.45s cubic-bezier(.2,.7,.2,1) both login-in;display:flex;overflow-y:auto;box-shadow:0 1.5rem 4rem #0000008c}.login-title{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.login-wordmark{font-size:clamp(2.6rem,9vw,3.6rem)}.login-wordmark>span{justify-content:center}.login-site{color:var(--text-secondary);font:.95rem/1 var(--font-heading), var(--font-body);letter-spacing:.02em}.login-panel{width:100%;min-height:0;margin-top:clamp(1.25rem,4dvh,2.5rem)}.login-google{width:100%;min-height:3rem;color:var(--text-primary);font:600 .95rem var(--font-body);cursor:pointer;background:#241c12;border:1px solid #4a3a24;border-radius:.6rem;justify-content:center;align-items:center;gap:.7rem;margin-top:1rem;transition:background-color .15s,border-color .15s;display:flex}.login-google svg{flex-shrink:0}.login-google:hover:not(:disabled){border-color:var(--gold);background:#2e2417}.login-google:disabled{color:var(--text-muted);cursor:not-allowed;background:#17120c;border-color:#2e2417}.login-google:disabled svg{opacity:.45}.login-google[aria-busy=true]{cursor:wait}.login-error{color:#eba093;background:#1d0f0b;border-left:2px solid #9b2c23;border-radius:.4rem;margin-top:.75rem;padding:.6rem .8rem;font-size:.85rem;line-height:1.6}@keyframes login-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-main{animation:none}.login-google{transition:none}.login-wall-row{animation:none}}@media (max-height:700px){.login-title svg{width:52px;height:52px}.login-wordmark{font-size:2.4rem}.login-panel{margin-top:1rem}}