@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Song+Myung&display=swap";
:root{--bg:#090b0a;--surface:#111412;--raised:#181c19;--line:#2b312c;--text:#f3f4ee;--muted:#969d96;--acid:#caff38;--paper:#e8eadf;--ink:#171916;--serif:"Song Myung",serif;--sans:"Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--acid);color:#111;padding:10px;top:16px;left:16px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#090b0ae6;align-items:center;gap:34px;height:76px;padding:0 5vw;display:flex;position:relative}.wordmark{letter-spacing:-1px;font-size:22px;font-weight:900}.wordmark span{color:var(--acid)}.topbar nav{color:#aab0aa;gap:26px;font-size:14px;display:flex}.topbar .button{margin-left:auto}.button{background:var(--surface);border:1px solid #424941;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.button:hover{border-color:var(--acid)}.button.primary{background:var(--acid);border-color:var(--acid);color:#10120f}.button.wide{flex:1}.eyebrow{color:var(--acid);letter-spacing:1.7px;text-transform:uppercase;font-size:12px;font-weight:900}.lead{color:#bcc1bb;font-size:18px;line-height:1.8}.actions{flex-wrap:wrap;gap:11px;display:flex}.home-hero{grid-template-columns:1.05fr .95fr;min-height:680px;padding:70px 5vw 80px;display:grid;position:relative;overflow:hidden}.home-hero:before{content:"";background:radial-gradient(circle at 75% 38%,#caff381f,#0000 30%);position:absolute;inset:0}.hero-copy{z-index:2;align-self:center}.hero-copy h1{font-family:var(--serif);letter-spacing:-5px;margin:20px 0 25px;font-size:clamp(54px,6.8vw,102px);line-height:1.02}.hero-copy h1 em{color:var(--acid);font-style:normal}.hero-copy .lead{max-width:610px}.hero-copy .actions{margin-top:30px}.hero-art{min-height:520px;position:relative}.hero-poster{aspect-ratio:3/4;border-radius:18px;width:min(340px,70%);position:absolute;top:0;right:12%;overflow:hidden;box-shadow:0 30px 90px #000}.hero-poster img,.cover img,.detail-cover img{object-fit:cover}.hero-poster:after{content:"";background:linear-gradient(#0000 50%,#000000e6);position:absolute;inset:0}.hero-poster>div{z-index:2;position:absolute;bottom:20px;left:22px;right:22px}.hero-poster b{font-family:var(--serif);font-size:30px}.hero-poster p{color:#d5d8d1;font-size:12px}.hero-poster-back{opacity:.5;top:40px;right:46%;transform:rotate(-7deg)}.live{z-index:3;background:var(--acid);color:#111;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:900;position:absolute;top:16px;left:16px}.scene-bridge{z-index:5;background:var(--paper);color:var(--ink);border-radius:18px;grid-template-columns:1fr 1.15fr .8fr;align-items:center;gap:30px;margin:-35px 5vw 0;padding:27px 30px;display:grid;position:relative;box-shadow:0 25px 70px #000}.scene-bridge small{color:#687067;font-weight:900}.scene-bridge blockquote{font-family:var(--serif);margin:8px 0;font-size:23px}.scene-bridge>div:nth-child(2){border-left:1px solid #c1c6ba;padding-left:28px}.loop,.collection,.boundary,.relationship-preview{padding:100px 5vw}.loop header{grid-template-columns:1fr 1.3fr;align-items:end;margin-bottom:42px;display:grid}.loop h2,.section-head h2,.boundary h2,.relationship-preview h2{font-family:var(--serif);margin:12px 0;font-size:clamp(38px,5vw,66px);line-height:1.08}.loop-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.loop-grid article{border-right:1px solid var(--line);min-height:290px;padding:28px}.loop-grid article:last-child{border:0}.loop-grid span{color:var(--acid);font-weight:900}.loop-grid h3{margin-top:90px;font-size:24px}.loop-grid p{color:var(--muted);line-height:1.7}.section-head{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.section-head h2{font-size:42px}.story-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.story-card{min-width:0}.cover{aspect-ratio:3/4;background:#222;border-radius:14px;position:relative;overflow:hidden}.cover span{background:#090b0ad1;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:900;position:absolute;top:11px;left:11px}.story-copy{padding:14px 2px}.story-copy small{color:var(--muted)}.story-copy h3{margin:7px 0;font-size:18px}.story-copy p{color:#9da49d;min-height:41px;font-size:13px;line-height:1.55}.story-copy strong{color:var(--acid);font-size:12px}.boundary{border-top:1px solid var(--line);grid-template-columns:.8fr 1fr 1.1fr;align-items:start;gap:50px;display:grid}.boundary p:last-child{color:var(--muted);line-height:1.9}.discover-page{padding:60px 5vw 100px}.discover-head h1{font-family:var(--serif);letter-spacing:-4px;margin:18px 0;font-size:clamp(52px,6vw,88px);line-height:1.06}.discover-head>p:last-child{color:var(--muted)}.search{background:var(--surface);color:#737a73;border:1px solid #3b433c;border-radius:15px;align-items:center;max-width:920px;height:64px;margin-top:35px;padding:0 20px;display:flex}.chips{flex-wrap:wrap;gap:8px;margin:18px 0 45px;display:flex}.chips button,.suggestions button{border:1px solid var(--line);color:#bcc2bc;background:0 0;border-radius:99px;padding:9px 13px}.chips button.active{border-color:var(--acid);color:var(--acid);background:#caff3812}.spotlight{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:360px 1fr;gap:48px;padding:22px;display:grid}.spot-image{background-position:50%;background-size:cover;border-radius:13px;min-height:470px}.spotlight>div:last-child{padding:34px 32px}.spotlight h2{font-family:var(--serif);margin:12px 0;font-size:48px}.meta{color:var(--muted)}.spotlight blockquote,.detail-copy blockquote,.relationship-preview blockquote{font-family:var(--serif);border-left:3px solid var(--acid);margin:30px 0;padding-left:20px;font-size:26px;line-height:1.7}.spotlight>div>p:not(.eyebrow,.meta){color:#b1b7b0;line-height:1.8}.spotlight .button{margin-top:20px}.detail{grid-template-columns:410px 1fr;gap:65px;padding:62px 7vw 95px;display:grid}.detail-cover{border-radius:20px;height:590px;position:relative;overflow:hidden}.detail-copy{padding-top:22px}.detail-copy h1{font-family:var(--serif);margin:12px 0 15px;font-size:clamp(54px,6vw,82px)}.premise{font-family:var(--serif);margin:34px 0;font-size:25px;line-height:1.7}.role-box{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:23px}.role-box h2{margin:0 0 16px;font-size:18px}.roles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.roles button{border:1px solid var(--line);text-align:left;background:0 0;border-radius:11px;padding:15px}.roles button.selected{border-color:var(--acid);background:#caff380f}.roles b,.roles span{display:block}.roles span{color:var(--muted);margin-top:6px;font-size:11px}.detail-copy .actions{margin-top:22px}.canon-note{color:var(--muted);font-size:12px}.relationship-preview{background:var(--paper);color:var(--ink);border-radius:18px;max-width:1100px;margin:0 auto 100px}.relationship-preview p:not(.eyebrow){line-height:1.8}.relationship-preview .eyebrow{color:#52601c}.reader-layout{grid-template:70px 1fr/230px minmax(500px,1fr) 390px;height:100vh;display:grid;overflow:hidden}.reader-bar{border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 24px;display:grid}.reader-bar strong{text-align:center}.reader-bar span{text-align:right;color:var(--muted);font-size:12px}.chapters,.chat-panel{background:#0d100e;padding:25px;overflow:auto}.chapters{border-right:1px solid var(--line)}.chapters button{text-align:left;color:#747c75;background:0 0;border:0;width:100%;padding:12px;display:block}.chapters button.current{background:var(--raised);color:var(--text);border-radius:8px}.chapters .personal{margin-top:35px}.chapters>span{color:#686f68;font-size:12px}.reading{background:var(--paper);color:var(--ink);padding:60px max(7vw,65px);overflow:auto}.reading h1{font-family:var(--serif);font-size:43px;line-height:1.25}.prose{font-family:var(--serif);font-size:20px;line-height:2.1}.anchor{font-family:var(--sans);background:#f2f3eb;border:1px solid #b6bcaf;border-radius:12px;margin:38px 0;padding:20px}.anchor small,.anchor b{display:block}.anchor small{color:#657057;font-weight:900}.anchor b{margin:9px 0}.anchor p{font-size:13px;line-height:1.6}.anchor button{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:11px 14px;font-weight:800}.chat-panel{border-left:1px solid var(--line);flex-direction:column;display:flex}.chat-panel header{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:18px;display:flex}.avatar{background:var(--acid);color:#111;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.chat-panel header small{color:var(--muted);margin-top:3px;display:block}.messages{flex:1;padding:20px 0}.messages p{background:var(--raised);border-radius:13px;max-width:85%;padding:12px 14px;font-size:14px;line-height:1.55}.messages p.mine{background:var(--acid);color:#111;margin-left:auto}.suggestions{flex-wrap:wrap;gap:6px;display:flex}.suggestions button{padding:7px 8px;font-size:10px}.composer{color:#737a73;border:1px solid #414841;border-radius:11px;margin-top:13px;padding:13px}.composer b{float:right;color:var(--acid)}footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 2fr auto;align-items:end;padding:60px 5vw;display:grid}footer p{margin:0}@media (max-width:900px){.topbar nav{display:none}.home-hero{grid-template-columns:1fr}.hero-art{min-height:490px}.scene-bridge{grid-template-columns:1fr}.scene-bridge>div:nth-child(2){border-left:0;padding-left:0}.loop header,.boundary{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(2,1fr)}.spotlight,.detail{grid-template-columns:1fr}.detail-cover{height:520px}.reader-layout{height:auto;display:block}.chapters{display:none}.reading{min-height:100vh;padding:45px 8vw}.chat-panel{min-height:650px}.reader-bar{z-index:10;background:var(--bg);position:sticky;top:0}footer{grid-template-columns:1fr;gap:18px}}@media (max-width:560px){.home-hero{padding-left:20px;padding-right:20px}.hero-copy h1{letter-spacing:-3px}.hero-poster{width:70%;right:4%}.hero-poster-back{right:32%}.story-grid{gap:11px}.story-copy p{display:none}.loop-grid{grid-template-columns:1fr}.loop-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:210px}.loop-grid h3{margin-top:45px}.discover-page,.detail{padding-left:20px;padding-right:20px}.spotlight>div:last-child{padding:20px 6px}.roles{grid-template-columns:1fr}.reader-bar{grid-template-columns:1fr auto}.reader-bar strong{display:none}}