:root{--ink:#151515;--paper:#f3eee3;--paper-deep:#e7ddcb;--signal:#ef5b2a;--signal-light:#ffb347;--blue:#2f5fd0;--green:#2b8069;--violet:#7250a8;--muted:#686257;--line:#1515152e;--max:1280px}*{box-sizing:border-box}html{scroll-padding-top:92px}body{background:radial-gradient(circle at 12% 3%, #ef5b2a1f, transparent 25rem), var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit}button,select{font:inherit}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.hero{min-height:780px;max-width:var(--max);grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:3rem;margin:0 auto;padding:8rem 3rem 5rem;display:grid}.hero-copy{max-width:720px}.eyebrow,.sidebar-heading p,.episode header p{color:var(--signal);letter-spacing:.16em;margin:0;font-size:.76rem;font-weight:850}.hero h1{letter-spacing:-.08em;margin:1.2rem 0 0;font-size:clamp(5.2rem,10vw,9.4rem);font-weight:950;line-height:.83}.hero h1 span{color:var(--signal)}.hero-subtitle{letter-spacing:-.03em;margin:2rem 0 0;font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:800}.hero-description{color:#3f3b34;word-break:keep-all;max-width:610px;margin:1.2rem 0 0;font-size:1.05rem;line-height:1.85}.hero-actions{color:var(--muted);align-items:center;gap:1.2rem;margin-top:2rem;font-size:.88rem;font-weight:700;display:flex}.primary-link{border:2px solid var(--ink);background:var(--ink);color:#fff;min-height:48px;box-shadow:6px 6px 0 var(--signal);justify-content:center;align-items:center;padding:.75rem 1.2rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-link:hover{box-shadow:3px 3px 0 var(--signal);transform:translate(2px,2px)}.hero-art{aspect-ratio:1;border:2px solid var(--ink);min-height:420px;box-shadow:18px 18px 0 var(--signal);background-color:#1b1b1b;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:50%;position:relative;overflow:hidden}.hero-art p{color:var(--paper);letter-spacing:-.08em;text-align:center;margin:0;font-size:clamp(2rem,5vw,4.2rem);font-weight:950;position:absolute;inset:auto 0 9%}.sphere,.orbit,.piece{border-radius:50%;position:absolute}.sphere{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fff 0 3%,#ffb347 8%,#ef5b2a 68%,#9e2910);border:2px solid #ffffffb3;width:31%;top:29%;box-shadow:inset -18px -22px 28px #00000059,0 0 38px #ef5b2a47}.sphere-one{left:14%}.sphere-two{right:14%}.orbit{border:1px solid #ffffff40;inset:12%}.orbit-one{transform:rotate(24deg)scaleY(.42)}.orbit-two{transform:rotate(-31deg)scaleY(.62)}.piece{aspect-ratio:1;border:2px solid var(--paper);width:16px;box-shadow:0 0 0 5px #ffffff14}.piece-a{background:var(--blue);top:22%;left:23%}.piece-b{background:var(--green);top:20%;right:22%}.piece-c{background:var(--signal-light);top:13%;left:46%}.piece-d{background:var(--violet);top:62%;left:18%}.piece-e{background:#f2c94c;top:61%;right:18%}.reader-intro{max-width:var(--max);border-block:1px solid var(--line);flex-wrap:wrap;gap:1.25rem;margin:0 auto;padding:1.2rem 3rem;display:flex}.reader-intro p{color:var(--muted);margin:0;font-size:.82rem;font-weight:750}.reader-intro p:last-child{margin-left:auto}.reader-shell{max-width:var(--max);grid-template-columns:280px minmax(0,1fr);align-items:start;gap:4rem;margin:0 auto;padding:5rem 3rem 8rem;display:grid}.episode-sidebar{border-top:4px solid var(--ink);scrollbar-width:thin;max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow:auto}.sidebar-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding:1rem 0;display:flex}.sidebar-heading strong{font-size:.85rem}.episode-sidebar nav{display:grid}.episode-sidebar nav a{border-bottom:1px solid var(--line);color:#4e4940;grid-template-columns:2.2rem 1fr;padding:.68rem 0;font-size:.82rem;line-height:1.35;text-decoration:none;transition:color .14s,padding .14s;display:grid}.episode-sidebar nav a span:first-child{color:#9b9284;letter-spacing:.1em;font-size:.68rem;font-weight:850}.episode-sidebar nav a:hover,.episode-sidebar nav a.is-active{color:var(--ink);padding-left:.45rem;font-weight:800}.episode-sidebar nav a.is-active{border-left:4px solid var(--signal);background:#ef5b2a14}.keyboard-hint{color:var(--muted);align-items:center;gap:.45rem;margin:1rem 0 0;font-size:.72rem;display:flex}kbd{border:1px solid var(--line);text-align:center;background:#ffffff7a;border-bottom-color:#1515156b;border-radius:3px;min-width:24px;padding:.15rem .3rem;font-size:.68rem;font-weight:850}.reader-column{min-width:0}.reader-toolbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3eee3f0;border:1px solid #15151529;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:70px;padding:.75rem 1rem .65rem;display:grid;position:sticky;top:0;box-shadow:0 10px 30px #2d261c14}.progress-copy{gap:.2rem;display:grid}.progress-copy span{color:var(--signal);letter-spacing:.12em;font-size:.68rem;font-weight:900}.progress-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.reader-toolbar select{border:1px solid var(--line);background:var(--paper);max-width:260px;color:var(--ink);border-radius:0;padding:.55rem 2.4rem .55rem .75rem;font-size:.78rem}.progress-track{background:var(--paper-deep);height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.progress-track span{background:var(--signal);height:100%;transition:width .22s;display:block}.episode-stack{gap:8rem;padding-top:4rem;display:grid}.episode header{border-bottom:4px solid var(--ink);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.2rem;display:flex}.episode h2{letter-spacing:-.05em;margin:.35rem 0 0;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.12}.episode header>span{color:var(--muted);letter-spacing:.12em;flex:none;padding-bottom:.25rem;font-size:.68rem;font-weight:850}.comic-page{background:#fff;border:1px solid #15151547;margin-top:1.2rem;overflow:hidden;box-shadow:0 18px 45px #382b1a1f}.comic-page img{width:100%;height:auto;display:block}.episode-end{color:var(--muted);letter-spacing:.12em;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.72rem;font-weight:850;display:flex}.episode-end a,.episode-end button{border:1px solid var(--ink);min-width:94px;min-height:42px;color:var(--ink);cursor:pointer;letter-spacing:0;background:0 0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.episode-end a:hover,.episode-end button:hover:not(:disabled){background:var(--ink);color:#fff}.episode-end button:disabled{cursor:default;opacity:.45}.site-footer{max-width:var(--max);border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 2fr auto;gap:2rem;margin:0 auto;padding:2rem 3rem 3rem;font-size:.78rem;display:grid}.site-footer p{margin:0}.site-footer p:first-child{color:var(--ink);font-weight:900}.site-footer a{font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:6rem}.hero-art{width:min(620px,100%);min-height:auto}.reader-shell{grid-template-columns:1fr}.episode-sidebar{display:none}}@media (width<=640px){html{scroll-padding-top:76px}.hero{gap:2.5rem;padding:4.5rem 1.15rem 3rem}.hero h1{font-size:clamp(4.7rem,24vw,7rem)}.hero-description{font-size:.97rem;line-height:1.75}.hero-actions{flex-direction:column;align-items:flex-start}.hero-art{box-shadow:10px 10px 0 var(--signal)}.reader-intro{gap:.7rem 1rem;padding:1rem 1.15rem}.reader-intro p:last-child{width:100%;margin-left:0}.reader-shell{gap:0;padding:2.5rem 0 6rem}.reader-toolbar{border-inline:0;min-height:62px;padding-inline:.85rem}.progress-copy strong{max-width:38vw}.reader-toolbar select{width:46vw;max-width:230px}.episode-stack{gap:6rem;padding-top:3rem}.episode header,.episode-end{margin-inline:1.15rem}.episode h2{font-size:1.5rem}.comic-page{box-shadow:none;border-inline:0}.site-footer{grid-template-columns:1fr;gap:.75rem;padding-inline:1.15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}