.account-link{border:1px solid #e7c9be;border-radius:999px;padding:6px 17px;font-size:.86rem;font-weight:700;white-space:nowrap;background:#fff8f5;transition:background .2s}
.account-link:hover{background:#fde8e2}
.demo-banner{border:1px solid #ead9ca;background:#fff8ef;border-radius:12px;padding:10px 14px;color:#765d4d;font-size:.83rem;line-height:1.5}
.demo-banner span{font-weight:700;color:#9b6b54}
.demo-banner p{margin:2px 0 0}
.auth-shell{width:min(100% - 56px,1260px);min-height:690px;margin:48px auto 90px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.auth-story{border:1px solid #e3dad0;border-radius:22px;overflow:hidden;min-height:620px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(255,250,244,.92),rgba(255,250,244,.1) 58%,rgba(43,60,52,.4)),url('/assets/hero-winter.webp') center/cover}
.auth-story-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.55rem;letter-spacing:-.04em}
.auth-story-brand img{width:70px;height:70px;object-fit:contain}
.auth-story>p{color:white;font-family:"Batang",Georgia,serif;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.45;text-shadow:0 2px 8px #263e3b;max-width:340px;margin:0}
.reader-auth-card{border:1px solid #eaded7;border-radius:22px;background:white;padding:clamp(25px,4vw,58px);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}
.reader-auth-card .eyebrow{margin:25px 0 5px}
.reader-auth-card h1{font-family:"Batang",Georgia,serif;font-size:clamp(2rem,3vw,3rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 10px}
.auth-description{color:#756a63;margin:0 0 26px;font-size:.96rem}
.community-form{display:flex;flex-direction:column;gap:15px}
.community-field{display:flex;flex-direction:column;gap:6px}
.community-field span{font-size:.85rem;font-weight:700}
.community-field input{width:100%;height:47px;border:1px solid #e3d5cd;border-radius:10px;background:#fffdfb;padding:10px 14px;outline-offset:2px}
.community-field input::placeholder{color:#aa9f99}
.community-field input:focus{border-color:#d39f8e}
.form-side-link{align-self:flex-end;color:#976c60;font-size:.81rem;margin-top:-3px}
.form-side-link:hover,.auth-bottom-link a:hover,.profile-actions a:hover{text-decoration:underline}
.primary-community-button{border:0;border-radius:10px;background:#d69586;color:white;min-height:47px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:10px 20px;font-weight:700;transition:background .2s}
.primary-community-button:hover{background:#c47d6e}
.button-link{width:100%}
.auth-divider{display:flex;align-items:center;gap:12px;color:#a59a93;font-size:.79rem;margin:19px 0 14px}
.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#eee3dc;flex:1}
.kakao-button{border:1px solid #f3db65;background:#ffe763;border-radius:10px;min-height:52px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:11px;font-weight:700;color:#332b20;width:100%;cursor:not-allowed;opacity:.9}
.kakao-button-active{cursor:pointer;opacity:1;text-decoration:none;transition:background .2s,transform .2s}.kakao-button-active:hover{background:#ffdd43;transform:translateY(-1px)}.kakao-button-active:focus-visible{outline:3px solid #8f6f32;outline-offset:3px}
.kakao-button-active:disabled{cursor:not-allowed;opacity:.58;transform:none}
.kakao-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.kakao-copy small{font-size:.67rem;font-weight:600;color:#6e6336}
.kakao-mark{display:grid;place-items:center;width:23px;height:20px;border-radius:50%;background:#322c25;color:#322c25;font-size:7px;position:relative}
.kakao-mark::after{content:"";position:absolute;bottom:-2px;left:3px;border-width:5px 5px 0 0;border-style:solid;border-color:#322c25 transparent transparent transparent}
.auth-bottom-link{font-size:.87rem;color:#7f726c;text-align:center;margin:21px 0 0}
.auth-kakao-note{font-size:.86rem;line-height:1.5;color:#7f726c;text-align:center;margin:15px 0 0}
.auth-error{border:1px solid #e7b1a3;background:#fff2ee;color:#914d41;border-radius:9px;font-size:.86rem;line-height:1.4;padding:10px 12px;margin:14px 0 0}
.auth-bottom-link a{color:#a66b5b;font-weight:700}
.community-consent{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;line-height:1.55;color:#6d625c;margin:1px 0}
.community-consent input{accent-color:#cc8d7e;margin:2px 0 0;flex:0 0 auto}
.community-consent a{text-decoration:underline;color:#936457}
.demo-feedback{min-height:1.4em;color:#9b6c54;font-size:.81rem;margin:0}
.auth-message-icon{width:72px;height:72px;border-radius:50%;background:#f6e9e2;color:#aa7465;font-size:2rem;display:grid;place-items:center;margin:5px 0 14px}
.auth-explain{color:#756a63;margin:0 0 22px}
.profile-preview{display:flex;align-items:center;gap:13px;border:1px solid #f0e4dc;border-radius:13px;padding:10px;background:#fffaf7;margin-bottom:22px}
.profile-preview img{width:61px;height:61px;object-fit:contain}
.profile-preview div{display:flex;flex-direction:column}
.profile-preview strong{font-size:1rem}
.profile-preview span{font-size:.75rem;color:#8d7a70}
.profile-actions{border-top:1px solid #f0e6e0;margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:14px;font-size:.82rem;color:#887970}
.profile-actions a{color:#a26f5f}
.community-preview-shell{width:min(100% - 48px,950px);margin:36px auto 90px}
.preview-heading{margin:26px 0 28px}
.preview-heading h1{font-family:"Batang",Georgia,serif;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.2;margin:6px 0 8px}
.preview-heading>p:last-child{color:#756a63;margin:0}
.engagement-section{max-width:920px;border-top:1px solid var(--line);padding-top:28px;margin:50px auto 0}
.community-preview-shell .engagement-section{border:1px solid #eddfd7;background:#fff;border-radius:19px;padding:30px;margin-top:0;box-shadow:var(--shadow)}
.engagement-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.engagement-eyebrow{color:#a98273;font-size:.77rem;letter-spacing:.04em}
.engagement-top h2{font-size:1.48rem;margin:2px 0 0}
.engagement-top h2 span{color:#b9a9a0;font-weight:400}
.like-button{display:flex;align-items:center;gap:8px;border:1px solid #eccac1;border-radius:999px;background:#fff7f4;color:#ad7468;padding:7px 18px;font-size:.91rem;white-space:nowrap}
.like-button:hover{background:#ffebe5}.like-button.is-liked{background:#fbe1da;color:#9b594f;border-color:#d99082}.like-button:disabled{opacity:.65;cursor:wait}.like-button{text-decoration:none}
.like-button>span{font-size:1.45rem;line-height:1}
.like-button b{font-weight:600;font-size:.8rem;color:#8b7771}
.like-rule{font-size:.78rem;color:#8b7c73;margin:-13px 0 21px}
.engagement-login-note{font-size:.86rem;color:#6d625d;margin:18px 0}
.engagement-login-note a{color:#a66c5e;font-weight:700;text-decoration:underline}
.comment-form textarea{display:block;width:100%;min-height:130px;resize:vertical;padding:15px 17px;border:1px solid #e5d8d0;border-radius:12px;background:#fffdfb;color:var(--ink)}
.comment-form textarea::placeholder{color:#aaa09a}
.comment-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}
.comment-form-bottom span{font-size:.78rem;color:#978a82}
.comment-form-bottom button{border:0;border-radius:9px;background:#d69a8d;color:#fff;padding:10px 17px;font-size:.84rem;font-weight:700}
.comment-form-bottom button:hover{background:#c98778}
.comment-form-bottom button:disabled{opacity:.65;cursor:wait}.community-feedback{min-height:1.4em;color:#9b6c54;font-size:.81rem;margin:9px 0 0}
.comments-empty{margin-top:24px;border-top:1px solid #f0e6e0;padding:34px 10px 16px;text-align:center;color:#8a7b72;font-size:.88rem}
.comments-spark{font-size:1.6rem;color:#bd9f91}
.comments-empty p{margin:4px 0 0}
.comment-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid #f0e6e0}.comment-item{padding:18px 2px;border-bottom:1px solid #f0e6e0}.comment-item>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.comment-item strong{font-size:.91rem}.comment-item time{font-size:.76rem;color:#978a82}.comment-item p{margin:8px 0 0;color:#554c47;line-height:1.65;font-size:.92rem}
.policy-shell{width:min(100% - 48px,860px);margin:36px auto 100px}
.policy-shell>.demo-banner{margin:25px 0 35px}
.policy-shell h1{font-family:"Batang",Georgia,serif;font-size:clamp(2.3rem,4vw,3.6rem);margin:5px 0 12px}
.policy-lead{font-size:1.08rem;color:#655c57;margin:0 0 28px}
.policy-draft-note{border-left:3px solid #d89c89;background:#fff7f1;border-radius:0 9px 9px 0;padding:14px 18px;color:#805e50;font-size:.89rem;margin-bottom:30px}
.policy-section{border-top:1px solid #eadfd8;padding:20px 0 22px}
.policy-section h2{font-size:1.2rem;margin:0 0 7px}
.policy-section p{color:#6f6660;margin:0}
.policy-section ul{color:#6f6660;margin:0;padding-left:1.2rem}.policy-section li{margin:0 0 8px;line-height:1.55}.policy-section li:last-child{margin-bottom:0}
@media(min-width:761px) and (max-width:960px){.site-header{height:68px}.header-inner{padding:0 24px}.brand img{width:48px;height:48px}.desktop-nav,.header-tools{display:none}.mobile-menu-button{display:block;border:0;background:transparent;color:var(--ink);font-size:1.6rem;padding:4px}.mobile-menu:not([hidden]){display:flex;position:absolute;top:68px;left:0;right:0;background:#fffdfb;border-bottom:1px solid var(--line);padding:14px 24px 20px;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.mobile-menu .language-switch{align-self:flex-start;margin-top:7px}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;max-width:670px}.auth-story{min-height:220px}.auth-story>p{max-width:450px}.reader-auth-card{padding:35px}}
@media(max-width:600px){.auth-shell{width:calc(100% - 28px);margin:16px auto 58px;gap:12px}.auth-story{min-height:150px;padding:15px 20px;border-radius:15px}.auth-story-brand{font-size:1.15rem}.auth-story-brand img{width:45px;height:45px}.auth-story>p{font-size:1.15rem;max-width:300px}.reader-auth-card{border-radius:16px;padding:23px 19px}.reader-auth-card .eyebrow{margin-top:18px}.reader-auth-card h1{font-size:2rem}.community-preview-shell,.policy-shell{width:calc(100% - 36px);margin:22px auto 65px}.preview-heading h1{font-size:1.9rem}.community-preview-shell .engagement-section{padding:18px}.engagement-section{margin-top:35px}.engagement-top{align-items:flex-end}.engagement-top h2{font-size:1.25rem}.comment-form-bottom{align-items:stretch;flex-direction:column;gap:8px}.comment-form-bottom button{width:100%}.profile-actions{flex-direction:column;gap:8px}}