.email-gate{display:grid;gap:18px;max-width:460px;width:100%}.email-gate h2{font-size:25px;margin:0 0 8px;letter-spacing:-1px}.email-gate p{font-size:14px;color:#696570;margin:0;overflow-wrap:anywhere}.email-gate label{display:grid;gap:8px;font-size:14px}.email-gate input{width:100%;min-width:0;border:1px solid #ddd8df;border-radius:10px;padding:14px;background:white;font-size:16px}.email-gate small,.retention-consent{font-size:12px;color:#77717c;line-height:1.7}.session-error{color:#b13e54!important}.member-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;overflow-wrap:anywhere;margin:12px 0 20px}.member-line button{border:0;background:none;text-decoration:underline;white-space:nowrap}.retention-consent{display:flex!important;align-items:flex-start;gap:10px;margin:18px 0}.retention-consent input{width:18px!important;height:18px;flex-shrink:0;margin-top:3px}.history-page{max-width:880px;margin:auto;padding:35px 24px 80px}.history-page header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:48px}.history-page h1{font-size:34px;letter-spacing:-1.6px}.history-list{display:grid;gap:0}.history-row{padding:24px 0;border-bottom:1px solid #dedce1;display:flex;justify-content:space-between;align-items:center;gap:20px}.history-row h2{font-size:20px;margin:0 0 7px}.history-row p{color:#77717c;font-size:13px;margin:3px 0}.history-row.archived{color:#78747d}.history-status{font-size:12px;color:#906676}.letter-settings{border:1px solid #e2dbe1;border-radius:12px;padding:16px;margin:12px 0}.letter-settings label{display:flex;gap:10px;align-items:center;font-weight:600}.letter-settings input{width:18px;height:18px}.letter-settings p{font-size:12px;line-height:1.7;color:#77717c}.secret-letter{max-width:500px;margin:auto;padding:64px 28px;background:#fffaf8;color:#433a40;text-align:center}.secret-letter h2{font-size:28px;letter-spacing:-1px}.secret-letter p{font-size:14px;line-height:1.9;color:#81747b}.secret-letter form{display:grid;gap:16px;text-align:left}.secret-letter fieldset{border:0;padding:0;display:flex;gap:20px}.secret-letter legend{font-size:13px;margin-bottom:10px}.secret-letter textarea{width:100%;min-height:170px;border:1px solid #e5dce0;border-radius:12px;background:white;padding:16px;resize:vertical;font-size:16px}.secret-letter .letter-count{text-align:right;font-size:12px;color:#81747b}.secret-letter .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.legacy-claim{margin-top:28px;border-top:1px solid #dedce1;padding-top:20px}.legacy-claim summary{cursor:pointer;font-size:14px}.legacy-claim form{margin-top:16px}.history-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media(max-width:600px){.history-page{padding:24px 20px 50px}.history-page header{margin-bottom:30px}.history-row{flex-direction:column;gap:12px}.history-row,.member-line{align-items:flex-start}.history-page h1{font-size:28px}}.kakao-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 20px;border:0;border-radius:8px;background:#fee500;color:#191919;font:inherit;font-weight:600;cursor:pointer}.kakao-login-button:hover{background:#f4dc00}.kakao-login-button:disabled{opacity:.65;cursor:wait}.letter-inbox{width:calc(100% - 32px);max-width:600px;max-height:85dvh;overflow-y:auto;padding:28px}.letter-inbox-list{display:grid;gap:20px}.letter-inbox-list article{padding:22px;background:#fffaf4;border:1px solid #eadfd4;border-radius:4px}.letter-inbox-list small{color:#8a7568;font-size:12px}.letter-inbox-list p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9;margin:16px 0 0}