@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#252824;background:#f8f7f3;font-family:Noto Sans KR,sans-serif;font-synthesis:none;--ink: #252824;--muted: #777a72;--line: #e7e4dc;--paper: #fff;--sage: #73816b;--sage-dark: #4f5f49;--sage-light: #edf0e9;--peach: #ed8d6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(520px,690px) 300px;justify-content:center;gap:40px;padding:0 30px}.sidebar{position:sticky;top:0;height:100vh;padding:34px 0 26px;display:flex;flex-direction:column}.logo{border:0;background:transparent;padding:0;display:grid;grid-template-columns:40px 1fr;grid-template-rows:24px 16px;column-gap:10px;text-align:left;width:fit-content}.logo>span{grid-row:1 / 3;width:40px;height:40px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50% 50% 44% 56%;font-family:"DM Serif Display",serif;font-size:25px;transform:rotate(-4deg)}.logo strong{font-family:"DM Serif Display",serif;font-size:23px;line-height:22px;letter-spacing:1.5px}.logo small{font-size:9px;color:var(--muted);letter-spacing:.4px}.logo.light{color:#fff}.logo.light>span{border-color:#fff}.logo.light small{color:#c7cec1}.desktop-nav{display:grid;gap:7px;margin-top:72px}.desktop-nav button{display:flex;align-items:center;gap:16px;border:0;background:transparent;padding:13px 15px;border-radius:14px;font-size:15px;color:#696d65;text-align:left;transition:.18s ease}.desktop-nav button:hover{background:#efeee9;color:var(--ink);transform:translate(2px)}.desktop-nav button.active{background:var(--sage-light);color:var(--sage-dark);font-weight:700}.sidebar-write,.primary{border:0;background:var(--sage-dark);color:#fff;border-radius:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.sidebar-write{margin-top:28px;padding:14px}.sidebar-write:hover,.primary:hover{background:#3f503a}.sidebar-write .icon,.primary .icon{width:18px}.mini-profile{margin-top:auto;border:0;border-top:1px solid var(--line);background:transparent;padding:20px 3px 0;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;text-align:left}.mini-profile>span{display:grid;min-width:0}.mini-profile strong{font-size:13px}.mini-profile small{color:#999b94;overflow:hidden;text-overflow:ellipsis}.mini-profile .icon{width:18px;color:#aaa}.content-column{min-width:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#ffffff9e;min-height:100vh}.feed-heading,.page-title{padding:50px 42px 28px}.feed-heading{display:flex;justify-content:space-between;align-items:end}.eyebrow{display:block;color:var(--sage);font-size:10px;font-weight:800;letter-spacing:2.1px;margin-bottom:11px}.feed-heading h1,.page-title h1{font-family:"DM Serif Display",Noto Sans KR,serif;font-size:34px;font-weight:400;letter-spacing:-.7px}.round-action{border:1px solid var(--line);background:#fff;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.round-action:hover{border-color:var(--sage);color:var(--sage)}.composer-prompt{margin:0 42px 22px;width:calc(100% - 84px);display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:left;gap:12px;padding:14px 16px;border:1px solid var(--line);background:#fff;border-radius:16px}.composer-prompt>div:not(.composer-actions){display:grid;gap:2px}.composer-prompt>div>strong{font-size:12px}.composer-prompt>div>span{font-size:10px;color:#999c94}.composer-prompt .icon{width:16px;color:var(--sage)}.composer-actions{display:flex;gap:6px}.composer-actions button{display:flex;align-items:center;gap:5px;border:1px solid #dfe3da;background:#f7f8f4;border-radius:9px;padding:8px 9px;font-size:10px;font-weight:700;color:var(--sage-dark)}.composer-actions button:last-child{background:#fff5f0;border-color:#f0ddd4;color:#9b6654}.composer-actions button:hover{transform:translateY(-1px)}.feed-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 42px;gap:30px}.feed-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 2px 14px;font-size:13px;color:#8b8e86}.feed-tabs button.active{color:var(--ink);border-color:var(--sage-dark);font-weight:700}.post-card{padding:27px 42px 24px;border-bottom:1px solid var(--line);background:#ffffffad}.post-card:hover{background:#fff}.post-author{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:11px}.post-author>div{display:grid}.post-author strong{font-size:13px}.post-author span{font-size:10px;color:#9a9c95;margin-top:1px}.post-author button{border:0;background:transparent;color:#aaa}.post-author button .icon{width:19px}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;color:#465342;background:linear-gradient(145deg,#e4eadf,#c5d1bf);font-family:"DM Serif Display",serif}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:38px;height:38px;font-size:17px}.avatar.medium{width:66px;height:66px;font-size:27px}.avatar.large{width:102px;height:102px;font-size:42px}.post-body{margin:17px 0 12px 49px}.post-body.with-image{display:grid;grid-template-columns:1fr 122px;gap:22px;align-items:start}.post-body h2{font-size:17px;line-height:1.5;margin-bottom:7px;letter-spacing:-.2px}.post-body p{font-size:14px;line-height:1.75;color:#555950;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.post-kind{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.2px}.post-kind.story{color:#5d6d57;background:#eaf0e7}.post-kind.concern{color:#a05f49;background:#fff0e9}.post-body img{width:122px;height:104px;border-radius:12px;object-fit:cover;background:#eee}.post-tags{margin-left:49px;display:flex;flex-wrap:wrap;gap:6px}.post-tags span,.tag-preview span{font-size:11px;padding:5px 9px;border-radius:999px;background:var(--sage-light);color:#65715f}.post-actions{margin:18px 0 0 44px;display:flex;align-items:center;gap:5px}.post-actions button{border:0;background:transparent;color:#81837d;display:flex;align-items:center;gap:6px;padding:5px;font-size:11px}.post-actions .icon{width:18px}.post-actions button.liked{color:var(--peach)}.post-actions button.liked .icon{fill:currentColor}.post-actions .read-more{margin-left:auto;color:var(--sage-dark);font-weight:700}.post-actions .read-more .icon{width:15px}.right-rail{position:sticky;top:0;height:100vh;padding:35px 0 25px;overflow-y:auto;scrollbar-width:none}.search-box{height:45px;border-radius:14px;background:#eeede8;display:flex;align-items:center;padding:0 15px;gap:9px}.search-box .icon{width:18px;color:#878a82}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.search-box input::placeholder{color:#999b95}.mobile-search{display:none}.skin-card{margin-top:25px;padding:24px;border:1px solid #dfe3da;border-radius:20px;background:linear-gradient(145deg,#f1f3ed,#fafaf7);text-align:center}.skin-card-top{display:flex;justify-content:space-between;color:var(--sage);font-size:9px;font-weight:800;letter-spacing:1.8px;margin-bottom:19px}.skin-card-top .icon{width:16px}.skin-card h2{font-size:16px;margin-top:10px}.skin-card>p{font-size:11px;color:#7d8278;margin-top:5px}.concern-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}.concern-tags em{font-style:normal;font-size:10px;padding:5px 8px;background:#fff;border:1px solid #dfe3da;border-radius:99px;color:#66705f}.skin-card>button{margin-top:20px;border:0;border-top:1px solid #dfe3da;background:transparent;padding:16px 0 0;width:100%;font-size:11px;font-weight:700;color:var(--sage-dark)}.skin-card>button .icon{width:13px;vertical-align:middle;margin-left:3px}.tip-card{margin-top:16px;border-radius:19px;padding:23px;min-height:180px;color:#fff;background:radial-gradient(circle at 90% 15%,rgba(255,255,255,.15) 0 22%,transparent 23%),linear-gradient(135deg,#7e8b76,#5e6e58)}.tip-card span{font-size:9px;letter-spacing:1.6px;opacity:.75}.tip-card h3{font-family:"DM Serif Display",Noto Sans KR,serif;font-size:21px;font-weight:400;line-height:1.45;margin:15px 0 10px}.tip-card p{font-size:10px;line-height:1.5;color:#d9dfd4}.right-rail footer{display:flex;flex-wrap:wrap;gap:8px 12px;color:#aaa;font-size:9px;padding:25px 5px}.right-rail footer a{color:inherit;text-decoration:none}.right-rail footer small{flex-basis:100%}.page-title p{margin-top:10px;color:var(--muted);font-size:13px}.editor-page,.cosmetics-page,.profile-page{min-height:100vh}.editor-card{margin:5px 42px 50px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px}.editor-card label{display:grid;gap:10px;margin-bottom:24px}.editor-card label>span{font-size:12px;font-weight:700}.editor-card label small{color:#aaa;font-weight:400;margin-left:4px}.editor-card input,.editor-card textarea,.auth-panel input{border:1px solid #deddd7;outline:0;border-radius:12px;padding:13px 14px;background:#fdfdfb;transition:.2s}.editor-card input:focus,.editor-card textarea:focus,.auth-panel input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #73816b17}.editor-card textarea{resize:vertical;min-height:240px;line-height:1.7}.kind-picker{border:0;padding:0;margin:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.kind-picker legend{grid-column:1 / 3;display:block;width:100%;margin-bottom:10px;font-size:12px;font-weight:700}.kind-picker button{min-width:0;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #deddd7;background:#fdfdfb;border-radius:14px;padding:15px}.kind-picker button>span{display:grid;gap:3px}.kind-picker button strong{font-size:12px}.kind-picker button small{color:#93968e;font-size:9px;line-height:1.4}.kind-picker button .icon{flex:0 0 auto;color:#92978d}.kind-picker button.active.story{background:#edf2ea;border-color:#9daa96;color:var(--sage-dark);box-shadow:0 0 0 2px #73816b14}.kind-picker button.active.concern{background:#fff3ed;border-color:#dba892;color:#9b604c;box-shadow:0 0 0 2px #dba89214}.kind-picker button.active .icon{color:currentColor}.tag-preview{display:flex;gap:6px;flex-wrap:wrap;margin:-10px 0 24px}.form-error{color:#b75443!important;background:#fff1ed;border-radius:10px;padding:10px 12px;font-size:11px!important}.editor-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;align-items:center}.editor-footer>span{color:#aaa;font-size:11px}.primary{padding:12px 18px;font-size:12px}.shelf-summary{margin:0 42px 25px;padding:18px 20px;border-radius:17px;background:#eef0ea;display:flex;align-items:center;justify-content:space-between}.shelf-summary>div{display:flex;align-items:center;gap:10px;color:var(--sage-dark);font-size:12px}.shelf-summary strong{font-size:19px}.shelf-summary .primary{border-radius:11px}.product-grid{padding:0 42px 50px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.product-card{position:relative;padding:13px 13px 17px;background:#fff;border:1px solid var(--line);border-radius:18px}.product-image{height:170px;border-radius:12px;background:#f1f0eb;display:grid;place-items:center;color:#afb3aa;margin-bottom:14px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .icon{width:40px;height:40px;stroke-width:1}.product-card small{display:block;color:#92958d;font-size:10px}.product-card h2{font-size:13px;margin-top:4px;min-height:39px;line-height:1.45}.product-status{position:absolute;top:22px;left:22px;border-radius:99px;background:#ffffffeb;padding:5px 9px;font-size:9px;color:#687461}.product-status.empty,.product-status.expired{color:#a76455}.product-meta{display:flex;justify-content:space-between;padding-top:12px;margin-top:10px;border-top:1px solid #eee;font-size:9px;color:#9a9c96}.product-meta strong{color:#666a62;font-weight:500}.profile-hero{margin:5px 42px 20px;padding:28px;display:flex;align-items:center;gap:24px;background:linear-gradient(130deg,#e9eee6,#f5f4ef);border-radius:20px}.profile-hero h2{font-size:22px}.profile-hero p{color:#777c73;font-size:12px;margin:5px 0 14px}.outline{border:1px solid #ccd2c8;border-radius:9px;background:#fff9;font-size:10px;padding:7px 12px}.stats-row{margin:0 42px 28px;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;background:#fff;border:1px solid var(--line);border-radius:17px}.stats-row div{display:grid;text-align:center;gap:3px;border-right:1px solid var(--line)}.stats-row div:last-child{border:0}.stats-row strong{font-family:"DM Serif Display",serif;font-size:21px}.stats-row span{color:#8d9088;font-size:9px}.profile-section{margin:0 42px 22px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}.section-title{display:flex;justify-content:space-between}.section-title h2{font-size:15px}.section-title button{border:0;background:transparent;color:var(--sage);font-size:10px}.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.skin-grid>div{display:grid;gap:7px;padding:15px;background:#f7f7f3;border-radius:12px}.skin-grid>div.wide{grid-column:1 / 3}.skin-grid span{color:#92948e;font-size:9px}.skin-grid strong{font-size:12px}.skin-grid .concern-tags{justify-content:start;margin:0}.logout-button{margin:0 42px 50px;border:0;background:transparent;color:#9b675c;display:flex;align-items:center;gap:7px;font-size:11px}.logout-button .icon{width:16px}.empty{margin:30px 42px;padding:55px 25px;border:1px dashed #d7d5cd;border-radius:18px;text-align:center;color:#858880}.empty>span{font-size:35px;color:#b4baae}.empty h2{color:#555950;font-size:15px;margin:12px 0 7px}.empty p{font-size:11px;line-height:1.6}.empty button{margin-top:14px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 11px;font-size:10px}.skeleton-wrap{padding:8px 42px}.skeleton{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:12px}.skeleton i{width:38px;height:38px;border-radius:50%;background:#ecebe6;grid-row:1 / 4}.skeleton b,.skeleton em{display:block;height:12px;border-radius:7px;background:linear-gradient(90deg,#efeee9,#e3e2dd,#efeee9);background-size:200%;animation:shimmer 1.5s infinite}.skeleton b:nth-child(2){width:25%}.skeleton b:nth-child(3){width:90%}.skeleton em{width:67%}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;background:#f6f5f0}.loading-screen span{width:55px;height:55px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:34px "DM Serif Display";animation:breathe 1.5s infinite}.loading-screen p{font-size:10px;color:#8c8e87;letter-spacing:1px}.session-error{text-align:center;padding:24px}.session-error span{color:#a46150;border-color:#caa397;animation:none}.session-error h1{font-size:21px;line-height:1.5}.session-error p{max-width:430px;line-height:1.6;letter-spacing:0}.session-error>div{display:flex;gap:8px}.session-error button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-size:11px}.session-error button:first-child{background:var(--sage-dark);border-color:var(--sage-dark);color:#fff}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.1fr) minmax(430px,.9fr)}.auth-story{padding:50px clamp(45px,7vw,110px);background:radial-gradient(circle at 75% 18%,rgba(255,255,255,.12),transparent 24%),radial-gradient(circle at 12% 85%,rgba(255,255,255,.08),transparent 27%),#586652;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;right:-130px;bottom:-130px;width:380px;height:380px;border:1px solid rgba(255,255,255,.12);border-radius:50% 48% 42% 58%}.auth-story h1{font:400 clamp(44px,5vw,70px)/1.2 "DM Serif Display","Noto Sans KR",serif;letter-spacing:-2px}.auth-story>div>p{margin-top:25px;color:#d7ddd2;font-size:13px;line-height:1.85}.auth-story .eyebrow{color:#cbd5c5}.auth-quote{align-self:end;width:290px;padding:20px 23px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-quote .icon{width:17px;color:#d4dbc6}.auth-quote p{margin:8px 0 0!important;color:#fff!important;font:16px/1.65 "DM Serif Display",Noto Sans KR,serif!important}.auth-panel{display:grid;place-items:center;padding:45px;background:#fbfaf7}.auth-panel form{width:min(390px,100%)}.auth-panel h2{font-size:27px;margin-bottom:8px}.auth-panel form>p{color:#8c8e87;font-size:12px;margin-bottom:35px}.auth-panel label{display:grid;gap:8px;margin-bottom:17px;font-size:11px;font-weight:700}.auth-panel input{width:100%}.auth-panel .agree{display:flex;align-items:center;font-weight:400;color:#73776f}.auth-panel .agree input{width:16px;accent-color:var(--sage-dark)}.auth-panel .agree span{font-size:10px}.auth-submit{width:100%;border:0;border-radius:12px;background:var(--sage-dark);color:#fff;padding:14px;font-weight:700;margin-top:5px}.auth-switch{margin-top:22px;text-align:center;color:#969891;font-size:11px}.auth-switch button{border:0;background:transparent;color:var(--sage-dark);font-weight:800;margin-left:7px}.auth-mobile-logo,.mobile-header,.mobile-nav{display:none}@keyframes shimmer{to{background-position:-200% 0}}@keyframes breathe{50%{transform:scale(1.06);opacity:.75}}@media(max-width:1180px){.site-shell{grid-template-columns:210px minmax(500px,680px);gap:25px}.right-rail{display:none}}@media(max-width:800px){.site-shell{display:block;padding:0}.sidebar{display:none}.content-column{border:0;width:100%;padding-bottom:72px}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:66px;display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;display:grid;place-items:center;color:#a0a29c}.mobile-nav button.active{color:var(--sage-dark)}.mobile-nav button.active .icon{stroke-width:2.3}.mobile-header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:#ffffffd9}.mobile-header .logo{transform:scale(.82);transform-origin:left}.mobile-header>button{border:0;background:transparent}.feed-heading,.page-title{padding:30px 20px 22px}.feed-heading h1,.page-title h1{font-size:29px}.feed-heading .round-action{display:none}.mobile-search{display:flex;margin:0 20px 17px}.composer-prompt{margin:0 20px 20px;width:calc(100% - 40px);grid-template-columns:38px 1fr}.composer-actions{grid-column:1 / 3}.composer-actions button{flex:1;justify-content:center}.feed-tabs{padding:0 20px}.post-card{padding:23px 20px 20px}.post-body{margin-left:0}.post-body.with-image{grid-template-columns:1fr 95px;gap:13px}.post-body img{width:95px;height:90px}.post-tags,.post-actions{margin-left:0}.editor-card,.profile-hero,.profile-section{margin-left:20px;margin-right:20px}.editor-card{padding:22px}.shelf-summary,.stats-row{margin-left:20px;margin-right:20px}.product-grid{padding-left:20px;padding-right:20px}.profile-hero{padding:22px}.avatar.large{width:82px;height:82px}.logout-button{margin-left:20px}.empty{margin-left:20px;margin-right:20px}.auth-page{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;padding:30px 24px}.auth-mobile-logo{display:block;margin-bottom:60px}}@media(max-width:440px){.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:140px}.product-card{padding:9px 9px 14px}.product-status{top:16px;left:16px}.stats-row{overflow-x:auto}.profile-hero{align-items:start;gap:16px}.profile-hero p{line-height:1.5}.skin-grid{grid-template-columns:1fr}.skin-grid>div.wide{grid-column:auto}.post-actions .read-more{font-size:0}.post-actions .read-more .icon{width:18px}.editor-card textarea{min-height:210px}.kind-picker{grid-template-columns:1fr}.kind-picker legend{grid-column:auto}.kind-picker button{padding:13px}}