:root{font-family:system-ui,-apple-system,Noto Sans KR,sans-serif;color:#122019;background:#dde2df}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.prototype{display:block;width:100%;height:100dvh;border:0;background:#dde2df}.login-error{position:fixed;z-index:10;top:12px;left:50%;transform:translate(-50%);width:min(90%,480px);padding:12px 14px;border-radius:10px;background:#342226;color:#fff;font-size:13px}.login-error button{float:right;margin-left:10px;border:0;background:transparent;color:#fff}.login{display:flex;min-height:100dvh;max-width:520px;flex-direction:column;justify-content:space-between;margin:0 auto;padding:64px 26px 38px;color:#fff;background:#101819}.wordmark{margin:0;font-size:27px;font-weight:1000;font-style:italic;letter-spacing:-1.8px}.wordmark b{color:#c7ff37}.login h1{margin:22px 0 15px;font-size:36px;line-height:1.16;letter-spacing:-1.8px}.login section>p:last-child{color:#c2d2cd;line-height:1.55}.login-actions{display:grid;gap:10px}.login-actions button{padding:15px;border:0;border-radius:12px;font-weight:800}.google{color:#172311;background:#fff}.kakao{color:#3a2a00;background:#fee500}.login-actions small{margin-top:8px;color:#c2d2cd;text-align:center;font-size:11px;line-height:1.5}