@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#26231f;background:#f7f4ef;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex}.side-rail{position:fixed;inset:0 auto 0 0;width:245px;background:#f0ece5;border-right:1px solid #e0d9cf;padding:31px 23px 25px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-.07em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#37352f;color:#faf7f0;border-radius:50%;font-family:Gowun Batang,serif;font-size:17px}.brand-caption{margin:10px 0 54px;color:#9b9288;font-size:10px;letter-spacing:-.02em}.side-nav{display:grid;gap:5px}.side-nav button{display:flex;align-items:center;gap:12px;color:#8b837a;text-align:left;padding:13px 12px;border-radius:9px;font-size:12px;transition:.2s}.side-nav button:hover,.side-nav button.active{background:#e4ded4;color:#3e3a34;font-weight:700}.side-nav button.active svg{color:#ab744d}.side-profile{margin-top:auto;border-top:1px solid #ded7cd;padding:18px 4px 0;display:flex;gap:10px;align-items:center}.side-profile>div:nth-child(2){display:grid;gap:1px;flex:1}.side-profile strong{font-size:11px}.side-profile span{color:#a0978c;font-size:9px}.avatar,.author-avatar,.comment-avatar{border-radius:50%;display:grid;place-items:center;font-weight:700}.avatar{width:30px;height:30px;background:#d8bea8;color:#6d513f;font-size:11px}.feed-area{width:min(100% - 245px,950px);margin-left:245px;padding:38px 48px 80px}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow,.welcome-label{font-family:DM Mono,monospace;letter-spacing:.09em;font-size:9px;color:#9e958a}.topbar h1{font-family:Gowun Batang,serif;font-size:31px;margin:6px 0 0;letter-spacing:-.08em}.top-actions{display:flex;gap:10px;align-items:center}.search{display:flex;align-items:center;gap:8px;width:190px;padding:9px 12px;border:1px solid #e1dad1;background:#fbf9f4;border-radius:20px;color:#a39a8f}.search input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:#4e4841}.profile-button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #e1dad1;color:#82786d;background:#fbf9f4}.welcome-card{margin-top:43px;min-height:212px;padding:34px 38px;background:#3d3a33;color:#f9f5ed;border-radius:13px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome-card:after{content:"";position:absolute;right:-90px;bottom:-125px;width:310px;height:310px;border:1px solid #87775e;border-radius:50%;box-shadow:0 0 0 25px #3d3a33,0 0 0 26px #71644e,0 0 0 61px #3d3a33,0 0 0 62px #71644e;opacity:.46}.welcome-card h2{font-family:Gowun Batang,serif;font-weight:400;letter-spacing:-.08em;font-size:30px;line-height:1.28;margin:14px 0 11px}.welcome-card h2 em{font-style:normal;color:#e0bb82}.welcome-card p{margin:0;color:#bdb6a9;font-size:11px}.welcome-seal{position:relative;z-index:1;width:112px;height:112px;border:1px solid #aa997d;border-radius:50%;display:grid;place-items:center;text-align:center;padding-top:12px;font-family:Gowun Batang,serif;font-size:28px;line-height:1}.welcome-seal small{font-family:DM Mono;font-size:7px;color:#c9bba3;letter-spacing:.12em}.category-row{display:flex;gap:8px;overflow:auto;padding:28px 0 42px}.category-row button{white-space:nowrap;border:1px solid #e3dcd3;border-radius:18px;padding:8px 15px;color:#948b80;background:#faf8f3;font-size:11px}.category-row button.selected{background:#bb8864;border-color:#bb8864;color:#fff}.feed-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.feed-heading h2{font-family:Gowun Batang,serif;font-size:25px;letter-spacing:-.08em;margin:8px 0 0}.result-count{font-size:10px;color:#a39b91}.post-list{display:grid;gap:22px}.post-card{background:#fffdfa;border:1px solid #e8e0d5;border-radius:13px;overflow:hidden;box-shadow:0 10px 25px #77634b0b}.post-top{display:flex;align-items:center;gap:10px;padding:19px 21px 14px}.author-avatar{width:29px;height:29px;background:var(--accent);font-family:Gowun Batang,serif;color:#5e4b3e;font-size:12px}.post-top>div:nth-child(2){display:grid;gap:1px;flex:1}.post-top strong{font-size:11px}.post-top span{font-size:9px;color:#a1988e}.more-button{color:#a8a097}.idiom-stage{margin:0 21px;border-radius:8px;min-height:202px;background:var(--accent);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.idiom-stage:after{content:"";position:absolute;inset:14px;border:1px solid #fff8;border-radius:4px}.vertical-note{position:absolute;left:20px;top:20px;writing-mode:vertical-rl;font-family:Gowun Batang,serif;font-size:10px;color:#5a5148;line-height:1.6}.idiom-main{text-align:center;position:relative;z-index:1}.post-number{font-family:DM Mono;font-size:9px;color:#65574b;letter-spacing:.14em}.idiom-main h3{font-family:Gowun Batang,serif;font-size:53px;line-height:1;margin:15px 0 8px;letter-spacing:-.13em;color:#413a34}.reading{font-family:Gowun Batang,serif;font-size:12px;color:#65594e;letter-spacing:.18em}.stage-divider{height:1px;width:70px;background:#675b4e80;margin:15px auto 10px}.idiom-main p{font-size:11px;color:#5d534a;margin:0}.stage-stamp{position:absolute;right:23px;bottom:22px;text-align:center;font-family:DM Mono;font-size:8px;color:#766558;line-height:1.2;letter-spacing:.12em;transform:rotate(-11deg);opacity:.8}.stage-stamp b{font-family:Gowun Batang;font-size:13px;letter-spacing:0}.post-copy{display:flex;align-items:start;gap:15px;padding:19px 22px 13px}.post-copy p{margin:0;flex:1;color:#675f56;font-size:12px;line-height:1.75;letter-spacing:-.02em}.read-more{display:flex;align-items:center;gap:2px;white-space:nowrap;color:#a47454;font-size:10px;padding-top:2px}.post-meta{border-top:1px solid #f0ebe4;margin:0 21px;display:flex;justify-content:space-between;align-items:center;padding:13px 0 15px}.actions,.post-stats{display:flex;align-items:center;gap:14px}.actions button,.post-stats button{display:flex;align-items:center;gap:5px;color:#958c83;font-size:10px}.actions button:hover,.post-stats button:hover,.actions button.liked,.post-stats button.saved{color:#b16d62}.post-stats{gap:7px;color:#a19a90;font-size:10px}.post-stats button{margin-left:12px}.mobile-nav{display:none}.empty-state{text-align:center;padding:70px 20px;color:#9c9389;display:grid;justify-items:center;gap:8px}.empty-state strong{color:#665d54;font-size:13px}.empty-state span{font-size:11px}.feed-footer{text-align:center;color:#a8a095;font-size:10px;line-height:1.8;padding:68px 0 0}.feed-footer span{font-family:DM Mono;font-size:8px;letter-spacing:.1em}.modal-backdrop{position:fixed;inset:0;background:#2d292480;z-index:10;display:flex;align-items:flex-end;justify-content:center}.comment-sheet{width:min(100%,580px);background:#fffdfa;border-radius:18px 18px 0 0;padding:12px 25px 25px;box-shadow:0 -20px 50px #342a2033;animation:rise .24s ease}.sheet-handle{height:4px;width:38px;background:#ded6cc;border-radius:5px;margin:0 auto 23px}.comment-sheet header{display:flex;justify-content:space-between;align-items:flex-start}.comment-sheet h2{font-family:Gowun Batang,serif;letter-spacing:-.08em;font-size:22px;margin:7px 0 0}.close-button{color:#978e85}.comments{max-height:310px;overflow:auto;padding:25px 0 10px;display:grid;gap:21px}.comment{display:flex;gap:10px}.comment-avatar{width:29px;height:29px;flex:0 0 auto;background:#e3d2bc;color:#80634c;font-size:10px}.comment strong{font-size:11px}.comment p{font-size:11px;color:#6e665d;margin:4px 0}.comment small{font-size:9px;color:#aaa197}.no-comments{padding:30px;text-align:center;color:#aaa097;font-size:11px;background:#f8f4ee;border-radius:9px}.comment-form{display:flex;gap:8px;border-top:1px solid #eee8df;padding-top:15px}.comment-form input{flex:1;border:1px solid #e4dcd2;background:#faf8f3;border-radius:20px;padding:10px 14px;font-size:11px;outline:0}.comment-form button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#b27c5a;color:#fff}.comment-form button:disabled{background:#d9d2c8}.toast{position:fixed;z-index:20;left:50%;bottom:25px;transform:translate(-50%);background:#3d3a33;color:#fff8ed;border-radius:9px;padding:12px 17px;font-size:11px;box-shadow:0 12px 28px #33291e2e;animation:fade .2s ease}@keyframes rise{0%{transform:translateY(30px);opacity:.2}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:760px){.side-rail{display:none}.feed-area{width:100%;margin:0;padding:24px 15px 90px}.topbar h1{font-size:26px}.top-actions{gap:6px}.search{width:36px;height:36px;padding:9px;border-radius:50%}.search input{display:none}.welcome-card{margin-top:30px;padding:27px 23px;min-height:180px}.welcome-card h2{font-size:24px}.welcome-card p{font-size:10px}.welcome-seal{width:76px;height:76px;font-size:20px}.welcome-card:after{right:-115px;bottom:-140px}.category-row{padding:22px 0 33px}.feed-heading h2{font-size:22px}.idiom-stage{min-height:184px}.idiom-main h3{font-size:46px}.post-copy{display:block;padding-top:15px}.read-more{margin-top:10px}.mobile-nav{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;height:65px;background:#fbf9f4ef;border-top:1px solid #e6ded4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-around;padding-top:8px}.mobile-nav button{display:grid;justify-items:center;gap:3px;color:#a49b91;font-size:9px}.mobile-nav button.active{color:#a97452}.post-stats button{margin-left:4px}.comment-sheet{padding-left:18px;padding-right:18px}}.stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.94);z-index:0}.stage-wash{position:absolute;inset:0;background:linear-gradient(135deg,#2c231c6b,#f8e9d314 52%,#271f1a80);z-index:1}.idiom-stage:after{z-index:2;border-color:#fff8ee99}.vertical-note,.idiom-main,.stage-stamp{z-index:3}.vertical-note,.post-number,.reading,.idiom-main p,.stage-stamp{color:#fff7e9;text-shadow:0 1px 12px rgba(31,24,19,.7)}.idiom-main h3{color:#fffaf0;text-shadow:0 2px 18px rgba(31,24,19,.45)}.stage-divider{background:#fff7ebb8}.idiom-stage{width:calc(100% - 42px);padding:0;font:inherit;color:inherit;text-align:initial;cursor:pointer}.idiom-stage:hover .stage-image{transform:scale(1.03);transition:transform .35s ease}.idiom-main h3{font-size:64px;letter-spacing:.08em;margin-bottom:5px}.idiom-label{display:block;font-family:Gowun Batang,serif;font-size:13px;color:#fff7e9;letter-spacing:.12em;text-shadow:0 1px 12px rgba(31,24,19,.7)}.stage-hint{display:block;margin-top:14px;color:#fff7e9aa;font-size:9px;letter-spacing:.02em}.glossary-sheet{width:min(100%,580px);background:#fffdfa;border-radius:18px 18px 0 0;padding:12px 25px 28px;box-shadow:0 -20px 50px #342a2033;animation:rise .24s ease}.glossary-sheet header{display:flex;justify-content:space-between;align-items:flex-start}.glossary-sheet h2{font-family:Gowun Batang,serif;letter-spacing:-.08em;font-size:24px;margin:7px 0 0}.glossary-intro{margin:6px 0 0;color:#988f85;font-size:11px}.glossary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0 17px}.glossary-item{min-height:137px;border:1px solid #e8dfd3;border-radius:11px;background:#faf7f1;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.glossary-item>strong{font-family:Gowun Batang,serif;font-size:42px;line-height:1;color:#38332d}.glossary-item>div{display:grid;gap:3px}.glossary-item b{font-size:10px;color:#a26f4f}.glossary-item span{font-size:10px;color:#665e56}.glossary-summary{display:flex;align-items:center;gap:13px;border-top:1px solid #eee7dd;padding-top:15px}.glossary-summary span{font-family:Gowun Batang,serif;color:#403a34;font-size:18px;letter-spacing:.13em}.glossary-summary p{margin:0;color:#6e665d;font-size:11px}.glossary-sheet .close-button{padding:4px}@media(max-width:760px){.idiom-main h3{font-size:51px}.glossary-sheet{padding-left:18px;padding-right:18px}.glossary-item{min-height:124px;padding:12px 6px}.glossary-item>strong{font-size:36px}.glossary-item b,.glossary-item span{font-size:9px}.glossary-summary{display:grid;gap:4px}}.reading{font-size:19px;letter-spacing:.24em;font-weight:700}.stage-hint{font-size:10px}.zoom-backdrop{align-items:center;padding:18px}.zoom-sheet{position:relative;width:min(100%,600px);max-height:calc(100vh - 36px);overflow:auto;background:#fffdfa;border-radius:20px;padding:12px;box-shadow:0 20px 70px #342a2055;animation:rise .24s ease}.zoom-close{position:absolute;z-index:4;top:20px;right:20px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#1f1b18aa;color:#fff}.zoom-visual{min-height:min(72vh,620px);border-radius:13px;overflow:hidden;position:relative;background:var(--zoom-accent);display:grid;place-items:center}.zoom-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.94)}.zoom-wash{position:absolute;inset:0;background:linear-gradient(135deg,#1f1712a6,#392a1d1f 55%,#181310b3)}.zoom-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;color:#fff7e9;text-align:center;padding:30px}.zoom-copy .eyebrow{color:#fff7e9aa}.zoom-copy h2{font-family:Gowun Batang,serif;font-size:clamp(66px,14vw,118px);line-height:1;letter-spacing:.12em;margin:20px 0 4px;text-shadow:0 3px 22px #20171099}.zoom-copy strong{font-family:Gowun Batang,serif;font-size:26px;letter-spacing:.2em}.zoom-copy>span:last-child{font-size:14px}.zoom-info{padding:17px 6px 4px}.zoom-info>span{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;color:#a0978c}.zoom-info p{margin:9px 0 13px;color:#675f56;font-size:12px;line-height:1.75}.zoom-info button{display:flex;align-items:center;gap:2px;color:#a47454;font-size:11px}@media(max-width:760px){.reading{font-size:20px}.zoom-backdrop{padding:10px}.zoom-sheet{width:100%;max-height:calc(100vh - 20px);padding:9px;border-radius:18px}.zoom-visual{min-height:62vh}.zoom-copy h2{font-size:72px}.zoom-copy strong{font-size:23px}.zoom-copy>span:last-child{font-size:13px}}@media(max-width:760px){.welcome-card{display:none}.category-row{padding:17px 0 22px}.feed-heading{margin-bottom:12px}.post-list{height:calc(100svh - 190px);min-height:520px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;touch-action:pan-y;scrollbar-width:none;padding:0 1px 18px}.post-list::-webkit-scrollbar{display:none}.post-card{min-height:calc(100svh - 205px);scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column}.idiom-stage{min-height:clamp(215px,38svh,340px)}.post-copy{flex:1}.post-meta{margin-top:auto}}