:root{--ink:#1d2026;--muted:#85878b;--line:#e9e8e5;--paper:#f9f8f6;--card:#fff;--pink:#fb5c71;--pinklight:#fff1ef;--green:#27745b;--sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fb8798;outline-offset:3px}[hidden]{display:none!important}.topline{border-bottom:1px solid var(--line);max-width:1200px;padding:13px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.15em;color:#8b8989}.topline span:first-child{color:var(--pink)}.header{max-width:1200px;margin:auto;height:87px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-size:34px;font-weight:900;letter-spacing:-.11em;white-space:nowrap}.brand span{font-weight:500}.brand b{color:var(--pink);font-weight:900}.header-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.header-nav a{font-size:13px;font-weight:700;color:#85858a;transition:color .15s}.header-nav a:hover,.header-nav a.active{color:var(--ink)}.header-actions{display:flex;gap:11px}.header-actions button{width:36px;height:36px;border:none;background:transparent;padding:7px;color:var(--ink)}.header-actions svg,.searchbox svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.searchbar{max-width:1200px;margin:auto;padding:28px 30px;background:#f0efec}.searchbar label{display:block;font-size:14px;font-weight:800;margin-bottom:12px}.searchbox{display:flex;background:#fff;border:1px solid #ddd;border-radius:11px;align-items:center;padding:0 13px;gap:12px}.searchbox input{height:51px;border:0;background:transparent;outline:0;flex:1;min-width:0;font-size:15px}.searchbox button{background:transparent;border:0;color:var(--muted);font-size:12px}#app{max-width:1200px;margin:0 auto;min-height:62vh;padding:0 30px}.sectiontop{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:40px;margin-bottom:21px}.eyebrow{color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.sectiontop h1,.pagehead h1{font-weight:900;font-size:clamp(29px,4vw,45px);letter-spacing:-.075em;line-height:1.16;margin:9px 0 0}.muted{color:var(--muted)}.small{font-size:12px}.lead{font-size:16px;color:#777a7c;line-height:1.8;max-width:640px;margin:12px 0 0}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:298px;background:#242834;border-radius:14px;overflow:hidden;color:white;position:relative}.hero-copy{padding:43px 43px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.hero-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#ffb2b5}.hero h2{font-size:clamp(28px,3.45vw,47px);line-height:1.25;letter-spacing:-.08em;margin:16px 0 13px;word-break:keep-all}.hero p{color:#c3c6ce;line-height:1.7;font-size:14px;margin:0 0 22px}.readlink{font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 55%,#efb0a3 0,transparent 43%),linear-gradient(130deg,#c46586,#e7b799 70%)}.hero-art:after{content:'THE\A UGLY\A TRUTH';white-space:pre;position:absolute;right:12%;top:16%;font-size:clamp(48px,6vw,95px);font-weight:1000;letter-spacing:-.11em;line-height:.84;color:rgba(255,255,255,.85);transform:rotate(-10deg)}.hero-art:before{content:'';position:absolute;width:300px;height:420px;left:-80px;bottom:-240px;background:#262e45;border-radius:50%;transform:rotate(22deg)}.tagbar{display:flex;gap:9px;overflow-x:auto;padding:25px 0 8px;scrollbar-width:none}.tagbar::-webkit-scrollbar{display:none}.chip{border:1px solid #e6e5e1;background:transparent;color:#6e7075;padding:9px 16px;white-space:nowrap;border-radius:999px;font-size:12px;font-weight:750;transition:all .15s}.chip.active,.chip:hover{background:#22242a;color:white;border-color:#22242a}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:57px;margin-top:29px;margin-bottom:75px}.list-header{display:flex;justify-content:space-between;align-items:end;padding-bottom:14px;border-bottom:2px solid #252729}.list-header h2{margin:0;font-size:20px;letter-spacing:-.06em}.count{font-size:11px;color:#9c9d9f}.article-row{display:flex;align-items:center;gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}.thumb{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:125px;height:99px;border-radius:7px;overflow:hidden;color:#fff;text-align:center;isolation:isolate}.thumb span{font-size:21px;line-height:1.02;font-weight:950;letter-spacing:-.07em;max-width:92px;position:relative;z-index:1}.thumb:before{content:'';position:absolute;inset:-15%;border-radius:55%;transform:translate(43%,35%) rotate(25deg);background:rgba(255,255,255,.2)}.art-rose{background:radial-gradient(circle at 10% 5%,#f6a8a8,#d15a75 68%,#8c3267)}.art-charcoal{background:linear-gradient(130deg,#252936,#576b83)}.art-mint{background:linear-gradient(125deg,#6ccac2,#13636c)}.art-orange{background:linear-gradient(130deg,#eaaa71,#ec6a65)}.art-purple{background:linear-gradient(130deg,#aca0dd,#56477f)}.art-yellow{background:linear-gradient(130deg,#d9c063,#9c8545)}.art-blue{background:linear-gradient(145deg,#79a9e0,#305681)}.art-olive{background:linear-gradient(135deg,#a1b393,#456b5e)}.art-book{background:linear-gradient(140deg,#292330,#ca7791)}.article-summary{min-width:0;flex:1}.article-meta{font-size:10px;font-weight:850;color:#db6174;letter-spacing:.045em}.article-summary h3{font-size:17px;line-height:1.45;margin:7px 0;letter-spacing:-.05em;word-break:keep-all}.article-summary h3 a:hover{text-decoration:underline;text-decoration-color:#fa7889}.article-summary p{font-size:12px;line-height:1.6;color:#8c8e90;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-info{margin-top:9px;font-size:10px;color:#acafb2}.save-icon{align-self:center;background:none;border:0;padding:7px;color:#9a9b9d;font-size:21px}.save-icon.saved{color:var(--pink)}.aside{padding-top:0}.side-label{font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:12px;color:#6b6d70}.side-book{background:#f1e9e7;border-radius:12px;padding:22px}.mini-cover{height:230px;background:linear-gradient(160deg,#2a2631,#6e3f57);border-radius:4px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 12px 22px #34242a25}.mini-cover .ed{font-size:9px;color:#efbbc5;letter-spacing:.13em;font-weight:800}.mini-cover strong{font-size:27px;letter-spacing:-.09em;line-height:1.26}.mini-cover small{font-size:11px;color:#f1dade}.side-book p{font-size:12px;color:#7a7575;line-height:1.7}.side-book a,.cta{display:inline-flex;justify-content:center;align-items:center;background:#24252c;color:white;border:0;padding:13px 17px;border-radius:7px;font-size:12px;font-weight:800;width:100%}.side-note{padding:24px 2px;border-bottom:1px solid var(--line)}.side-note h3{font-size:18px;letter-spacing:-.06em;margin:7px 0}.side-note p{font-size:12px;color:#777;line-height:1.8}.side-note a{font-size:11px;color:var(--pink);font-weight:800}.footer{max-width:1200px;margin:0 auto;padding:43px 30px 110px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer .brand{font-size:26px}.footer p{font-size:12px;color:#8a8b8c;line-height:1.75}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#76787a}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:18px;color:#a8a8aa;font-size:10px}.mobile-nav{display:none}.toast{position:fixed;z-index:50;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:#202127;color:white;font-size:12px;padding:12px 17px;border-radius:8px;opacity:0;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.pagehead{margin:62px 0 28px}.pagehead .lead{max-width:700px}.article-page{max-width:820px;margin:52px auto 85px}.article-page header{text-align:left}.back{font-size:12px;color:#8c8c8c;font-weight:700}.article-page h1{font-size:clamp(34px,5.8vw,58px);letter-spacing:-.075em;line-height:1.22;margin:20px 0 12px;word-break:keep-all}.article-dek{font-size:17px;line-height:1.85;color:#7b7c7e;word-break:keep-all;max-width:650px}.article-byline{display:flex;align-items:center;gap:12px;margin-top:24px;padding:18px 0;border-top:1px solid var(--line);font-size:12px;color:#777}.avatar{width:35px;height:35px;border-radius:50%;background:#25232d;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.byline-text{flex:1}.article-actions{display:flex;gap:6px}.article-actions button{border:1px solid #dddcd9;background:transparent;padding:8px 12px;border-radius:20px;font-size:11px;color:#5e5f60}.article-cover{height:320px;width:100%;border-radius:12px;margin:23px 0 42px;display:grid;place-items:center;position:relative;overflow:hidden}.article-cover .cover-word{font-size:clamp(55px,9vw,130px);font-weight:1000;letter-spacing:-.09em;color:#ffffffd6;transform:rotate(-8deg);text-align:center;line-height:.9;max-width:90%;white-space:pre-line}.article-cover:before{content:'';position:absolute;width:450px;height:450px;border:80px solid #ffffff22;border-radius:50%;transform:translate(40%,40%)}.story{font-size:18px;line-height:2.05;letter-spacing:-.022em;color:#37393b;word-break:keep-all}.story p{margin:0 0 30px}.story h2{font-size:26px;letter-spacing:-.06em;line-height:1.4;margin:50px 0 20px;color:#202227}.story blockquote{border-left:3px solid var(--pink);padding:5px 0 5px 22px;margin:30px 0 37px;font-weight:800;letter-spacing:-.04em}.story .source{font-size:12px;color:#8a8a8d;background:#eeeae8;padding:15px 18px;border-radius:8px;line-height:1.9}.story-end{padding:28px 0;margin-top:25px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;align-items:center}.story-end button{background:#262830;color:white;border:0;padding:12px 17px;border-radius:7px;font-size:12px}.related{margin-top:55px}.related>h2{border-bottom:2px solid #252729;padding-bottom:14px;font-size:21px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.related .article-row{gap:13px}.related .thumb{width:91px;height:76px}.related .thumb span{font-size:16px}.related .article-summary h3{font-size:14px}.related .article-summary p{display:none}.book-hero{display:grid;grid-template-columns:360px minmax(0,1fr);gap:60px;padding:60px 0 70px;align-items:center}.book-cover{height:478px;background:linear-gradient(145deg,#24212a,#613e52 65%,#d27e91);border-radius:8px;box-shadow:18px 22px 40px #332f3930;color:white;padding:35px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.book-cover:after{content:'';position:absolute;bottom:-95px;right:-100px;width:340px;height:340px;border:65px solid #ffffff1a;border-radius:50%}.book-cover .serial{font-size:11px;letter-spacing:.2em;color:#ffc5cf}.book-cover h2{font-size:47px;line-height:1.2;letter-spacing:-.095em;margin:0;z-index:1}.book-cover p{font-size:13px;line-height:1.65;color:#f5d9df}.book-cover .author{font-size:13px;font-weight:900;z-index:1}.book-intro h1{font-size:clamp(36px,4.7vw,56px);line-height:1.25;letter-spacing:-.09em;margin:14px 0}.book-intro>p{color:#747476;line-height:1.95;font-size:16px}.price{font-size:31px;font-weight:900;letter-spacing:-.06em;margin:29px 0 19px}.price span{font-size:12px;font-weight:500;color:#aaa;margin-left:10px}.interest{max-width:400px}.interest button{width:100%;border:0;border-radius:8px;padding:16px 25px;background:var(--pink);color:white;font-weight:850;font-size:14px}.interest button.joined{background:var(--green)}.fine{font-size:11px;color:#999;line-height:1.65}.book-body{border-top:1px solid var(--line);padding:30px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.book-body h2{font-size:22px;letter-spacing:-.06em}.book-body p,.book-body li{font-size:14px;line-height:2;color:#666}.book-body ol{padding-left:22px}.faq{border-top:1px solid var(--line);padding:24px 0 60px}.faq h2{font-size:22px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:750}.faq p{font-size:13px;color:#777;line-height:1.85}.wiki-box{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:38px 0 75px}.wiki-card{border:1px solid #e6e4e1;background:#fff;border-radius:12px;padding:29px;min-height:180px}.wiki-card .symbol{color:var(--pink);font-size:23px}.wiki-card h2{font-size:23px;letter-spacing:-.07em}.wiki-card p{font-size:13px;line-height:1.8;color:#777}.wiki-card a{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.empty{padding:65px 10px;text-align:center;color:#9b9da0;font-size:14px}.empty strong{display:block;color:#26282a;font-size:20px;margin-bottom:10px}.about-page{max-width:740px;margin:60px auto 90px}.about-page h1{font-size:42px;letter-spacing:-.08em}.about-page p{font-size:17px;line-height:2.1;color:#585a5d}.about-page h2{font-size:24px;margin-top:42px}.highlight{color:#e95871}.divider{border:0;border-top:1px solid var(--line);margin:35px 0}
@media(max-width:800px){.topline{padding:10px 18px}.topline .edition{display:none}.topline span:nth-child(2){font-size:8px}.header{height:67px;padding:0 19px}.brand{font-size:27px}.header-nav{display:none}.header-actions{gap:8px}#app{padding:0 18px}.sectiontop{margin-top:31px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:31px 29px;min-height:265px}.hero h2{font-size:37px}.hero-art{display:none}.tagbar{margin:0 -18px;padding-left:18px;padding-right:18px}.content-layout{display:block;margin-top:18px;margin-bottom:52px}.aside{display:none}.article-row{gap:15px;padding:18px 0}.thumb{width:99px;height:91px}.thumb span{font-size:18px;max-width:77px}.article-summary h3{font-size:16px}.article-summary p{font-size:11px}.save-icon{font-size:19px;padding:3px}.footer{padding:34px 20px 105px}.mobile-nav{display:flex;position:fixed;z-index:30;left:0;right:0;bottom:0;padding:9px 9px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid #ebe9e6}.mobile-nav a{min-width:61px;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px;color:#9b9b9c;font-weight:700}.mobile-nav a span{font-size:22px;line-height:23px}.mobile-nav a.active{color:var(--ink)}.toast{bottom:90px}.article-page{margin:30px auto 60px}.article-page h1{font-size:37px}.article-dek{font-size:15px}.article-cover{height:210px;margin-bottom:29px}.story{font-size:16px;line-height:2}.story h2{font-size:22px}.related-grid{grid-template-columns:1fr;gap:0}.related .article-row{border-bottom:1px solid var(--line)}.book-hero{grid-template-columns:1fr;gap:35px;padding:34px 0 45px}.book-cover{height:385px;max-width:285px;justify-self:center;width:100%;padding:27px}.book-cover h2{font-size:37px}.book-intro h1{font-size:37px}.book-body{grid-template-columns:1fr;gap:10px}.wiki-box{grid-template-columns:1fr}.pagehead{margin:35px 0 20px}.searchbar{padding:22px 18px}}@media(max-width:360px){.article-row{gap:10px}.thumb{width:87px;height:79px}.article-summary h3{font-size:15px}.article-summary p{display:none}}
/* Accessibility and small-screen fixes */
.skip-link{position:absolute;top:-80px;left:16px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}
button{touch-action:manipulation}button:disabled{opacity:.65;cursor:wait}.save-icon{min-width:44px;min-height:44px}.chip{min-height:44px}.draft-note{padding:12px 15px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#666;background:#fff}.article-actions button{min-height:44px}.interest button{min-height:48px}.fine{color:#737373}#app:focus{outline:none}.article-summary{overflow-wrap:anywhere}
@media(max-width:800px){.searchbar{padding:18px}.topline{gap:12px}.topline span:nth-child(2){text-align:right;letter-spacing:.06em}.story-end{flex-wrap:wrap}.article-byline{gap:8px}.article-actions button{padding:8px}.price span{display:block;margin:6px 0 0}.article-page h1,.book-intro h1{font-size:clamp(29px,8.8vw,37px)}.mobile-nav a{min-height:44px}.article-row{gap:10px}.save-icon{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}