body{color:#3d3730;-webkit-font-smoothing:antialiased;background:#f4efe7;margin:0;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}a{color:#575a45;text-decoration:none}a:hover{color:#97705f}input,button{font-family:inherit}input:focus{outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes softIn{0%{opacity:0}to{opacity:1}}.reveal-stack>*{opacity:0;transform:translateY(14px)}.reveal-on.reveal-stack>*{animation:.6s cubic-bezier(.22,.61,.36,1) both fadeUp}.reveal-on.reveal-stack>:first-child{animation-delay:20ms}.reveal-on.reveal-stack>:nth-child(2){animation-delay:90ms}.reveal-on.reveal-stack>:nth-child(3){animation-delay:.16s}.reveal-on.reveal-stack>:nth-child(4){animation-delay:.23s}.reveal-on.reveal-stack>:nth-child(5){animation-delay:.3s}.reveal-on.reveal-stack>:nth-child(6){animation-delay:.37s}.reveal-on.reveal-stack>:nth-child(7),.reveal-on.reveal-stack>:nth-child(n+8){animation-delay:.44s}.friend-photo{transition:transform .7s cubic-bezier(.22,.61,.36,1);transform:scale(1)}.friend-photo:hover{transform:scale(1.06)}.photo-placeholder-bg{background:repeating-linear-gradient(135deg,#ece3d6 0 11px,#e5dbcb 11px 22px)}.hero-photo-caption,.friend-photo>span,img+span{display:none!important}.search-box:focus-within{box-shadow:0 0 0 3px #97705f26;border-color:#97705f!important}.friend-grid article:focus,.ranking-row:focus{outline-offset:2px;outline:2px solid #97705f}.report-btn .report-arrow{transition:transform .35s cubic-bezier(.22,.61,.36,1);display:inline-block}.report-btn:hover .report-arrow{transform:translate(6px)}.friend-dots{z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fbf8f38c;border-radius:999px;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.friend-dot{cursor:pointer;background:#d8cfc1;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:all .3s}.friend-dot:hover{background:#b9a98f}.friend-dot.dot-active{background:#575a45;border-radius:3px;height:16px}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.18)}65%{transform:scale(.96)}to{transform:scale(1)}}.like-pop{animation:.42s cubic-bezier(.34,1.56,.64,1) heartPop}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.friend-grid{grid-template-columns:1fr}}@media (width<=700px){.hero-section{flex-wrap:wrap!important;height:auto!important}.hero-photo-col{flex:0 0 100%!important;height:220px!important}.hero-text-col{min-height:270px;flex:0 0 100%!important;height:auto!important}.hero-deco,.hero-flower{display:none!important}.sidebar{flex:100%!important;min-width:0!important}.friend-modal-card{grid-template-rows:280px minmax(0,1fr)!important;grid-template-columns:1fr!important}.friend-photo img{object-position:center 22%!important;transform:none!important}.friend-modal-text{padding:22px 20px 24px!important}}.nav-abbr,.mobile-nav-btn{display:none}@media (width<=1023px){.main-nav{gap:6px}.main-nav a{padding:6px 10px!important;font-size:10.5px!important}}@media (width<=1023px) and (width>=700px){.nav-full{display:none}.nav-abbr{display:inline}}.main-nav button{white-space:nowrap}.account-input{color:#3d3730;background:0 0;border:none;border-bottom:1px solid #e0d3c5;border-radius:0;width:100%;max-width:100%;margin-top:4px;padding:10px 2px;font-family:inherit;font-size:14px;transition:border-color .2s;display:block}.account-input:focus{border-bottom-color:#97705f;outline:none}.account-input::placeholder{color:#c3b9a9}.account-panel{max-height:calc(100vh - 40px);overflow-y:auto}.photo-monogram{z-index:1;letter-spacing:.04em;color:#b6a88e;justify-content:center;align-items:center;font-family:Gowun Batang,serif;display:flex;position:absolute;inset:0}@media (width<=1023px){.main-nav button{padding:6px 10px!important;font-size:10.5px!important}}@media (width<=699px){.account-panel{padding:30px 20px 24px!important}.main-nav{display:none!important}.mobile-nav-btn{display:flex!important}.site-header{flex-wrap:nowrap!important}.brand-block{min-width:0;align-items:flex-start!important}.brand-title{letter-spacing:.18em!important;font-size:16px!important}.brand-sub{letter-spacing:.14em!important;font-size:8px!important}.mobile-nav-btn{flex:none}}
