:root{--bg:#fff;--paper:#fff;--ink:#171717;--muted:#777;--line:#e2e2e2;--accent:#ff5b2b;--teal:#1de6d4;--shadow:0 12px 32px rgba(20,20,20,.08);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:#fff}.masthead{background:var(--accent)}.masthead-inner{min-height:116px;display:flex;align-items:center;gap:28px}.brand{font-size:42px;font-weight:1000;letter-spacing:-3px;line-height:1}.masthead .brand{color:#000}.search{margin-left:auto;width:min(560px,60%);display:flex;background:#fff;border:1px solid #e0e0e0;height:56px}.search input{flex:1;min-width:0;border:0;background:#fff;padding:0 20px;font-size:19px;outline:0}.search button{width:58px;border:0;background:#fff;font-size:32px;line-height:1}.navstrip{background:#fff;border-bottom:1px solid var(--line)}.nav-row{height:70px;display:flex;align-items:stretch}.top-nav{display:flex;gap:0;flex:1;align-items:stretch}.top-nav button,.all-posts-nav{border:0;background:#fff;padding:0 22px;font-size:18px;font-weight:700;position:relative;white-space:nowrap}.top-nav button.on{color:#ad3f24}.top-nav button.on:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;background:var(--accent)}.all-posts-nav{color:#777}.hero{margin:28px 0 44px;height:390px;position:relative;overflow:hidden;background:#222;color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(125deg,#2d2823,#8d5a3f);transition:.45s;background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.44) 60%,rgba(0,0,0,.08))}.hero-copy{position:absolute;z-index:2;left:34px;right:34px;bottom:94px;max-width:760px}.eyebrow{font-size:13px;font-weight:900;color:var(--accent)}.hero .eyebrow{color:#fff}.hero h1{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-2px;margin:10px 0 16px;cursor:pointer}.hero p{font-size:18px;line-height:1.65;color:#eee;margin:0;max-width:760px}.hero-controls{position:absolute;z-index:3;left:34px;bottom:24px;display:flex;align-items:center;gap:13px}.hero-controls button{border:0;background:transparent;color:#fff;padding:5px;font-size:18px}.hero-controls button:first-child,.hero-controls button:nth-of-type(2){font-size:34px;font-weight:300;line-height:1}.hero-controls span{font-size:16px;color:#fff}.hero-controls i{display:block;width:1px;height:32px;background:rgba(255,255,255,.35)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start;padding-bottom:46px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.feed-heading{display:flex;align-items:baseline;gap:12px}.section-head h2{font-size:36px;letter-spacing:-1.4px;margin:0}.feed-heading span{font-size:20px;color:#777}.controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.controls button{border:0;background:transparent;padding:6px 2px;color:#777}.controls .sort-btn.on{font-weight:900;color:#222}.controls .view-btn{width:42px;height:42px;border:1px solid #cfcfcf;font-size:24px;background:#fff}.controls .view-btn.on{background:#f4f4f4;color:#222}.chips{display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid #ccc;margin:12px 0 8px}.chips button{position:relative;border:0;background:transparent;padding:16px 0 18px;font-size:16px;color:#666}.chips button.on{color:#a43e25;font-weight:800}.chips button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{display:block;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:.16s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.thumb{aspect-ratio:16/9;display:flex;align-items:flex-end;padding:20px;color:#fff;background:linear-gradient(130deg,#29241f,#9b613f);background-size:cover!important;background-position:center!important}.thumb div{max-width:92%;display:flex;flex-direction:column;gap:8px}.thumb span{font-size:12px;font-weight:800;opacity:.9}.thumb strong{font-size:21px;line-height:1.25;text-shadow:0 1px 10px #0006}.card-body{padding:20px}.card-meta{display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#777}.card-meta .eyebrow{color:#a84a31}.card h3{font-size:22px;line-height:1.35;letter-spacing:-.6px;margin:8px 0 10px}.card p{color:var(--muted);line-height:1.62;margin:0}.card-foot{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:13px}.grid.list{display:block}.grid.list .card{display:block;border:0;border-bottom:1px solid #ddd;padding:19px 0}.grid.list .thumb{display:none}.grid.list .card-body{padding:0}.grid.list .card h3{font-size:23px;margin:10px 0 8px}.grid.list .card p{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid.list .card-foot{display:none}.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:212px}.side-card{background:#fff;border:1px solid var(--line);padding:20px}.side-title{font-size:18px;font-weight:900;margin-bottom:13px}.board-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #eee}.pill{border:0;background:transparent;padding:0}.popular{display:block;padding:11px 0;border-top:1px solid #eee}.popular b{display:block;line-height:1.4}.popular small{color:var(--muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag-cloud button,.tag-cloud span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 9px;font-size:12px}.category-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding:36px 0 70px}.cat-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #222;padding-bottom:9px}.cat-head h3{margin:0}.cat-head button{border:0;background:transparent;color:var(--muted)}.cat-story{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e8e8e8;background:transparent;padding:12px 0}.notice{padding:16px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:32px 0;background:#f7f7f7}.footer-row{display:flex;gap:18px;align-items:center;color:var(--muted)}.footer-row a:last-child{margin-left:auto}.reader-page{background:#fff}.reader{width:min(760px,calc(100% - 42px));margin:38px auto 70px}.reader-brand{display:inline-block;font-size:25px;font-weight:950;margin-bottom:48px}.reader-meta{display:flex;gap:12px;color:#888;font-size:13px}.reader h1{font-size:42px;line-height:1.2;letter-spacing:-1.6px;margin:12px 0 18px}.teaser{font-size:19px;line-height:1.75;color:#666;margin:0 0 42px}.body-copy{font-size:19px;line-height:2.05}.body-copy p{margin:0 0 28px}.gate{position:relative;text-align:center;padding:78px 0 48px}.gate:before{content:"";position:absolute;left:0;right:0;top:-120px;height:180px;background:linear-gradient(to bottom,transparent,#fff 88%);pointer-events:none}.gate h2{font-size:30px;margin:0 0 34px}.continue{width:100%;border:0;background:var(--accent);border-radius:9px;padding:24px;font-size:26px;font-weight:950}.ad-note{color:#777;font-size:17px}.after{scroll-margin-top:28px}.next{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:34px 0;margin-top:58px}.next small{display:block;color:#666;margin-bottom:18px}.next a{display:flex;justify-content:space-between;align-items:center;font-size:25px;font-weight:850}.next a span:last-child{font-size:42px;font-weight:300}.reader-footer{display:flex;justify-content:space-between;width:min(760px,calc(100% - 42px));margin:auto;padding:30px 0 50px;color:#777}.studio-page{background:#fff}.studio{width:min(900px,calc(100% - 34px));margin:30px auto 80px}.studio-top{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #e5e5e5}.studio-top .brand{margin-right:auto}.studio-top small{color:#777}.panel{padding:27px 0;border-bottom:1px solid #e5e5e5}.panel h2{font-size:24px;margin:0 0 20px}.panel summary{font-size:21px;font-weight:900;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #cfcfcf;border-radius:8px;padding:13px 15px;background:#fff;outline:0}.field textarea{min-height:170px;line-height:1.7;resize:vertical}.manuscript{min-height:350px!important;font-size:17px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.btn,.actions button{border:1px solid #c8c8c8;background:#fff;border-radius:8px;padding:12px 16px;font-weight:750}.primary{background:var(--accent)!important;border-color:var(--accent)!important}.status{font-size:13px;color:#777}.login-box{background:#faf8f4;border:1px solid var(--line);border-radius:16px;padding:18px}.login-row{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.counts{text-align:right;color:#777;font-size:13px}.review{white-space:pre-wrap;background:#f7f7f7;border:1px solid #ddd;border-radius:9px;padding:15px;line-height:1.65;margin-top:14px}.title-candidates{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.title-candidates button{border:0;background:transparent;text-decoration:underline;padding:4px 0}.auth-ok{color:#168341;font-weight:800}.auth-bad{color:#a12626}.hidden{display:none!important}.tool{width:min(820px,calc(100% - 40px));margin:38px auto 90px}.tool-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.cover{width:min(610px,100%);aspect-ratio:9/16;background:var(--accent);position:relative;padding:9%;overflow:hidden}.cover-brand{font-size:38px;font-weight:950}.cover-frame{position:absolute;left:8%;right:8%;top:25%;bottom:20%;border:7px solid var(--teal);border-radius:5% 3% 6% 4%;padding:8%}.cover-cat{font-weight:800;margin-bottom:8%}.cover-hook{font-size:clamp(36px,7vw,66px);font-weight:950;line-height:1.22;letter-spacing:-.05em}.cover-hook span{display:block}.cover-detail{position:absolute;left:14%;bottom:12%;right:14%;font-size:21px;line-height:1.4}.pages{display:flex;flex-direction:column;gap:0}.page{padding:34px 0;border-bottom:1px solid #ddd}.page-no{font-size:13px;color:#888;letter-spacing:.08em}.page h2{font-size:27px}.page p{font-size:18px;line-height:1.9;white-space:pre-line}@media(max-width:860px){.wrap{width:calc(100% - 60px)}.site-header{position:static}.masthead-inner{min-height:178px;display:block;padding:16px 0 20px}.brand{font-size:48px;letter-spacing:-4px}.masthead .brand{display:block;margin:0 0 18px}.search{margin:0;width:100%;height:63px}.search input{font-size:19px;padding:0 18px}.search button{font-size:34px}.nav-row{height:73px;width:100%}.top-nav{overflow-x:auto;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav button,.all-posts-nav{padding:0 30px 0 0;font-size:17px}.top-nav button:first-child{padding-left:30px}.top-nav button.on:after{left:30px;right:30px}.all-posts-nav{padding:0 30px 0 18px}.hero{height:330px;margin:29px 0 48px}.hero-copy{left:28px;right:28px;bottom:87px;max-width:none}.hero .eyebrow{font-size:14px}.hero h1{font-size:29px;line-height:1.2;letter-spacing:-1.2px;margin:13px 0 12px}.hero p{font-size:17px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-controls{left:28px;bottom:23px;gap:12px}.hero-controls button:first-child,.hero-controls button:nth-of-type(2){font-size:30px}.hero-controls button{font-size:15px}.layout{display:block;padding-bottom:36px}.section-head{align-items:center;gap:12px}.section-head h2{font-size:30px}.feed-heading{gap:9px;flex:0 0 auto}.feed-heading span{font-size:17px}.controls{margin-left:auto;gap:12px;justify-content:flex-end}.controls .sort-btn{font-size:15px;padding:6px 0}.controls .view-btn{width:40px;height:40px;font-size:22px}.chips{gap:28px;margin:10px 0 8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{font-size:15px;white-space:nowrap}.grid.list .card{padding:20px 0}.grid.list .card-meta{font-size:13px}.grid.list .card h3{font-size:21px;letter-spacing:-.4px;margin:10px 0 8px}.grid.list .card p{font-size:15px}.side,.category-sections{display:none}.grid{grid-template-columns:1fr}.grid:not(.list) .card{border-color:#ddd}.grid:not(.list) .card-body{padding:18px}.reader{width:calc(100% - 40px);margin-top:28px}.reader-brand{margin-bottom:36px}.reader h1{font-size:34px}.teaser{font-size:18px}.body-copy{font-size:18px}.reader-footer{width:calc(100% - 40px)}.two{grid-template-columns:1fr}.field.full{grid-column:auto}.login-row{grid-template-columns:1fr}.tool{width:calc(100% - 34px)}}@media(max-width:560px){.wrap{width:calc(100% - 60px)}.masthead-inner{min-height:178px}.brand{font-size:47px}.nav-row{width:100%;overflow:hidden}.top-nav button,.all-posts-nav{font-size:16px;padding-right:28px}.hero{height:330px}.section-head{flex-wrap:wrap}.controls{width:100%;justify-content:flex-end;margin-top:-42px}.controls .sort-btn{font-size:14px}.chips{margin-top:4px}.grid.list .card h3{font-size:20px}}