body{background:#f4f2eb;color:#29352d}main{max-width:580px;margin:7vh auto;padding:24px}main h1{font-size:30px}main p{line-height:1.7}#social-login{margin:26px 0;padding:24px;border:1px solid #d9d8ce;border-radius:12px;background:#fff}#social-login h2{font-size:21px;margin:0 0 8px}.social-actions{display:grid;gap:12px;margin:22px 0 14px}.social{width:100%;min-height:52px;border:1px solid #d3d3ce;border-radius:7px;font:600 16px system-ui;cursor:pointer}.kakao{background:#fee500;color:#191919;border-color:#fee500}.google{background:white;color:#303030}.social:disabled{cursor:default;opacity:.58}.social:focus-visible{outline:3px solid #406b51;outline-offset:3px}#social-status{font-size:14px}#social-login .hint{font-size:12px;color:#697267}#account-return{display:block;margin:18px 0}#account-return[hidden]{display:none}#account-login{width:100%;min-height:46px;background:transparent}dialog{max-width:460px;width:calc(100% - 32px);box-sizing:border-box}dialog input,dialog select{max-width:100%;box-sizing:border-box}@media(max-width:600px){main{margin:24px auto;padding:20px}#social-login{padding:20px}main h1{font-size:27px}}

[hidden]{display:none!important}#account-entry{padding:24px;margin:24px 0;background:white;border:1px solid #d9d8ce;border-radius:12px}#auth-title{font-size:20px;margin:0 0 18px}#auth-form label{display:block;margin:14px 0}#auth-form input:not([type=checkbox]){display:block;width:100%;max-width:none;min-height:48px;padding:12px;border:1px solid #d3d7d0;border-radius:6px;font-size:16px}#auth-form .check{display:flex;gap:9px;font-size:12px;align-items:flex-start}#auth-form .check input{flex:none;margin-top:5px}#auth-submit{display:block;width:100%;min-height:48px;border-radius:6px;margin-top:20px}.account-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:12px}.account-links button{font-size:12px;border:0;padding:6px 0;min-height:40px;color:#5b655d}#auth-status:empty,#account-status:empty{display:none}#recovery-backup{margin-top:24px;padding:16px;border:1px solid #d9d8ce;border-radius:8px;font-size:13px}#recovery-backup summary{cursor:pointer}#recovery-code{display:block;overflow-wrap:anywhere;padding:14px;background:#eeeee6;margin:12px 0}#account-logout{margin-top:20px}@media(max-width:600px){#account-entry{padding:20px;margin:20px 0}.account-links{gap:12px}}

.admin-entry{margin:28px 0 0;text-align:center;font-size:12px}.admin-entry a{color:#6c756b;text-underline-offset:3px}
