@charset "UTF-8";
/* The login page loads before sign-in, so it cannot use phone.css (that file needs a login). */
:root{color-scheme:dark;--ink:#f4f1ea;--ink-dim:#c9c6d3;--sans:"Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#0b0d1c;color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wallpaper{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(170deg,#141433 0,#0c0d1f 48%,#08091a 100%)}
.wallpaper i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7}
.wallpaper i:nth-child(1){width:70vmax;height:70vmax;left:-25vmax;top:-30vmax;background:radial-gradient(circle,#e8743b 0,#e8743b00 65%)}
.wallpaper i:nth-child(2){width:60vmax;height:60vmax;right:-30vmax;top:20vh;background:radial-gradient(circle,#7a5cff 0,#7a5cff00 65%)}
.wallpaper i:nth-child(3){width:55vmax;height:55vmax;left:-10vmax;bottom:-35vmax;background:radial-gradient(circle,#2fb7c9 0,#2fb7c900 65%);opacity:.5}

.lock{height:100%;display:flex;flex-direction:column;align-items:center;padding:16vh 16px 0;text-align:center}
.lock p{margin:0}
.lock-time{font-size:clamp(68px,22vw,96px);font-weight:300;line-height:1.05;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.lock-date{font-size:17px;color:var(--ink-dim);margin-top:4px!important}
.lock-form{margin-top:auto;margin-bottom:22vh;display:flex;gap:8px;width:min(100%,320px)}
.lock-form input{flex:1;min-width:0;height:48px;padding:0 18px;border-radius:24px;border:1px solid #ffffff30;background:#ffffff18;color:var(--ink);font-size:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);outline:none}
.lock-form input:focus{border-color:#ffffff80}
.lock-form button{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:#f4f1ea;color:#15142a;display:grid;place-items:center;cursor:pointer}
.lock-form button:disabled{opacity:.5}
.lock-error{position:absolute;left:0;right:0;bottom:calc(22vh - 34px);font-size:14px;color:#ffb3a3;min-height:20px}