:root { --ink:#171714; --paper:#f3f0e8; --panel:#faf8f2; --line:#d5d0c5; --accent:#f05a3f; --accent-dark:#d94831; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Pretendard,'Noto Sans KR','Apple SD Gothic Neo',Arial,sans-serif; }
button,input { font:inherit; } button,a { -webkit-tap-highlight-color:transparent; } a { color:inherit; text-decoration:none; } button { color:inherit; }
.site-shell { min-height:100vh; }
.side-nav { position:fixed; z-index:20; inset:0 auto 0 0; width:218px; display:flex; flex-direction:column; padding:29px 20px 22px; background:#1b1b18; color:#f4f1e8; border-right:1px solid #3b3a34; }
.brand { display:flex; align-items:center; gap:11px; padding:0 8px 33px; font:700 17px/1 Georgia,serif; letter-spacing:.12em; }
.brand-mark { display:grid; place-items:center; width:30px; height:30px; border:1px solid #f4f1e8; font-family:Georgia,serif; font-size:16px; }
.nav-list { display:grid; gap:6px; }
.nav-item { display:flex; align-items:center; gap:13px; min-height:44px; padding:0 12px; border-left:2px solid transparent; color:#a9a79e; font-size:14px; font-weight:600; transition:140ms ease; }
.nav-item span { width:17px; font-size:18px; text-align:center; }.nav-item:hover { color:#fff; transform:translateX(2px); }.nav-item.active { color:#fff; border-left-color:var(--accent); background:#282824; }
.side-bottom { margin-top:auto; display:grid; gap:14px; }
.studio-link { display:flex; align-items:center; gap:11px; padding:15px 12px; border:1px solid #3e3d37; background:#22221f; transition:150ms ease; }.studio-link:hover { border-color:#68665e; background:#292925; }
.studio-plus { display:grid; place-items:center; width:30px; height:30px; background:var(--accent); color:#fff; font-size:20px; }
.studio-link strong,.profile-chip strong { display:block; font-size:13px; }.studio-link small,.profile-chip small { display:block; margin-top:4px; color:#8f8d85; font-size:10px; }
.profile-chip { display:flex; align-items:center; width:100%; padding:13px 7px 2px; border:0; border-top:1px solid #373630; background:transparent; text-align:left; cursor:pointer; }
.avatar { display:grid; place-items:center; width:32px; height:32px; margin-right:10px; border-radius:50%; background:#ddd2bf; color:#31302c; font-weight:800; }.more { margin-left:auto; color:#77756d; letter-spacing:1px; }
.content { width:calc(100% - 218px); margin-left:218px; padding:0 clamp(28px,4vw,68px) 70px; }
.top-bar { display:flex; align-items:center; justify-content:space-between; min-height:94px; border-bottom:1px solid var(--line); }
.eyebrow,.section-kicker { margin:0 0 7px; color:#858177; font-size:9px; font-weight:800; letter-spacing:.16em; }.hello { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:20px; }
.search-box { width:min(390px,42vw); height:42px; display:flex; align-items:center; gap:10px; padding:0 11px 0 14px; border:1px solid #c9c4b9; background:#faf8f2; }.search-box>span { color:#77746c; font-size:20px; }.search-box input { min-width:0; flex:1; border:0; outline:0; background:transparent; font-size:12px; }.search-box input::placeholder { color:#98948a; }.search-box kbd { padding:4px 6px; border:1px solid #d2cdc2; background:#eeeae1; color:#767269; font-size:9px; }
.continue-panel { position:relative; min-height:370px; display:grid; grid-template-columns:minmax(330px,43%) 1fr; margin-top:32px; overflow:hidden; background:#24241f; color:#fff; border:1px solid #121210; }
.continue-art { position:relative; overflow:hidden; background:linear-gradient(148deg,#251f30 0 35%,#773930 76%,#dc7449); }.continue-art::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,#24241f 100%),repeating-linear-gradient(105deg,transparent 0 10px,rgb(255 255 255 / 3%) 11px); }
.moon { position:absolute; left:14%; top:11%; width:102px; height:102px; border-radius:50%; background:#f1a365; box-shadow:0 0 55px #ef874a99; }
.tower { position:absolute; bottom:0; width:90px; background:#1b1920; clip-path:polygon(25% 0,76% 0,100% 100%,0 100%); }.tower::after { content:''; position:absolute; inset:18px 25px; background:repeating-linear-gradient(#f3aa61 0 3px,transparent 3px 17px); opacity:.42; }.tower-one { left:9%; height:49%; }.tower-two { right:8%; height:69%; width:125px; }
.figure { position:absolute; z-index:2; left:52%; bottom:0; width:65px; height:78%; background:#111116; clip-path:polygon(38% 0,62% 0,69% 10%,64% 19%,79% 35%,68% 43%,74% 100%,20% 100%,30% 44%,22% 35%,37% 18%,31% 10%); box-shadow:18px 0 0 #181820; }.grain { position:absolute; inset:0; opacity:.25; background-image:radial-gradient(#fff .5px,transparent .5px); background-size:6px 6px; }
.continue-info { z-index:2; align-self:center; padding:45px 54px; }.continue-info .section-kicker { color:#e47b61; }.continue-info h1 { margin:0; font-family:'Times New Roman','Noto Serif KR',serif; font-size:clamp(34px,4vw,60px); font-weight:600; letter-spacing:-.055em; }.byline { margin:12px 0 29px; color:#dedbd1; font-size:12px; }.byline span { margin-left:9px; color:#8e8d85; }
.progress-row { display:flex; align-items:center; gap:12px; width:min(280px,100%); }.progress { height:2px; flex:1; background:#5b5a54; }.progress i { display:block; width:72%; height:100%; background:var(--accent); }.progress-row b { color:#aaa89f; font-size:10px; }
.hero-actions { display:flex; gap:8px; margin-top:25px; }.primary-button,.icon-button { height:43px; border:0; cursor:pointer; transition:150ms ease; }.primary-button { padding:0 24px; background:var(--accent); color:#fff; font-size:12px; font-weight:800; }.primary-button span { margin-right:8px; font-size:9px; }.primary-button:hover { background:var(--accent-dark); transform:translateY(-1px); }.icon-button { width:43px; border:1px solid #55544d; background:transparent; color:#fff; font-size:22px; }.icon-button:hover { border-color:#fff; }.hero-quote { position:absolute; right:27px; bottom:21px; margin:0; color:#66655f; font-family:Georgia,serif; font-size:10px; line-height:1.7; text-align:right; }
.story-section { padding-top:52px; }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:20px; }.section-heading h2 { margin:0; font-family:'Times New Roman','Noto Serif KR',serif; font-size:27px; letter-spacing:-.045em; }.section-heading a { padding-bottom:3px; color:#6d6a62; font-size:11px; font-weight:700; }.section-heading a span { margin-left:6px; color:var(--accent); }
.story-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(13px,1.8vw,25px); }.story-cover { position:relative; display:block; aspect-ratio:.72; overflow:hidden; border:1px solid #aaa59a; background:#aaa; transition:170ms ease; }.story-cover::before,.story-cover::after { content:''; position:absolute; transition:180ms ease; }.story-cover:hover { transform:translateY(-4px); box-shadow:0 13px 25px rgb(38 34 28 / 15%); }.story-cover:hover::before { transform:scale(1.03); }
.cover-index { position:absolute; z-index:2; right:10px; top:10px; color:rgb(255 255 255 / 50%); font:10px Georgia,serif; }.cover-copy { position:absolute; z-index:3; inset:auto 14px 16px; color:#fff; text-shadow:0 2px 9px #000; }.cover-copy small { display:block; margin-bottom:5px; font-size:7px; letter-spacing:.14em; opacity:.7; }.cover-copy strong { display:block; font-family:'Noto Serif KR',Georgia,serif; font-size:clamp(16px,1.55vw,23px); letter-spacing:-.06em; }.new-badge { position:absolute; z-index:3; left:11px; top:11px; padding:5px 7px; background:var(--accent); color:#fff; font-size:7px; font-weight:900; letter-spacing:.1em; }
.cover-ghost { background:linear-gradient(170deg,#e7ddd0,#746b6b 55%,#241c21); }.cover-ghost::before { inset:11% 18% 12%; border-radius:48% 48% 7% 7%; background:linear-gradient(100deg,#17151a,#777070 58%,#1d181e); clip-path:polygon(50% 0,75% 13%,85% 42%,68% 100%,29% 100%,15% 42%,28% 13%); }.cover-ghost::after { inset:0; background:repeating-linear-gradient(0deg,transparent 0 12px,rgb(255 255 255 / 7%) 13px); }
.cover-orbit { background:radial-gradient(circle at 65% 32%,#fae7ca 0 4%,#396986 5% 18%,transparent 19%),linear-gradient(150deg,#151a31,#246782 62%,#dd9a69); }.cover-orbit::before { width:130%; height:43%; left:-15%; top:30%; border:1px solid rgb(255 255 255 / 65%); border-radius:50%; transform:rotate(-25deg); box-shadow:0 0 0 6px rgb(255 255 255 / 5%),0 0 0 18px rgb(255 255 255 / 4%); }
.cover-sword { background:linear-gradient(130deg,#14151a,#44474d 48%,#7b2f23); }.cover-sword::before { left:42%; top:-8%; width:13px; height:92%; background:linear-gradient(90deg,#6b5544,#fbefd3,#927355); transform:rotate(24deg); box-shadow:0 0 17px #fff7d077; }.cover-sword::after { inset:0; background:linear-gradient(50deg,transparent 44%,#b74c36 45% 50%,transparent 51%); }
.cover-summer { background:linear-gradient(#9cced1 0 58%,#e7d2a9 59%); }.cover-summer::before { width:50%; height:40%; left:25%; top:24%; border-radius:50% 50% 8% 8%; background:#302827; box-shadow:-45px 38px 0 -23px #fff0d0,55px 50px 0 -29px #6d3130; }.cover-summer::after { inset:0; background:linear-gradient(165deg,transparent 59%,rgb(30 50 45 / 28%) 60%); }
.story-meta { display:flex; align-items:start; justify-content:space-between; gap:6px; padding-top:11px; }.story-meta h3 { margin:0 0 4px; font-size:13px; letter-spacing:-.03em; }.story-meta p,.episode-label { margin:0; color:#817d73; font-size:9px; }.story-meta button { padding:0 2px; border:0; background:transparent; font-size:18px; cursor:pointer; }.story-meta button:hover { color:var(--accent); }.episode-label { margin-top:8px; padding-top:8px; border-top:1px solid #d9d4c9; color:var(--accent-dark); }
.editorial-strip { display:flex; align-items:end; justify-content:space-between; margin-top:62px; padding:28px 31px; border:1px solid #bbb5aa; background:#e7e1d5; }.editorial-strip span { color:#817b71; font-size:8px; font-weight:900; letter-spacing:.16em; }.editorial-strip h2 { margin:6px 0 4px; font-family:Georgia,serif; font-size:25px; }.editorial-strip p { margin:0; color:#777268; font-size:10px; }.editorial-strip a { font-size:10px; font-weight:800; }.mobile-nav { display:none; }
@media (max-width:980px) { .side-nav { width:82px; padding-inline:13px; }.brand { justify-content:center; padding-inline:0; }.brand>span:last-child,.nav-item { font-size:0; }.nav-item { justify-content:center; padding:0; }.nav-item span { font-size:20px; }.studio-link { justify-content:center; padding:13px 0; }.studio-link>span:last-child,.profile-chip>span:not(.avatar) { display:none; }.profile-chip { justify-content:center; }.avatar { margin:0; }.content { width:calc(100% - 82px); margin-left:82px; }.continue-panel { grid-template-columns:42% 1fr; }.hero-quote { display:none; }.continue-info { padding:35px; }.story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:30px; } }
@media (max-width:680px) { .side-nav { display:none; }.content { width:100%; margin-left:0; padding:0 18px 92px; }.top-bar { min-height:116px; display:block; padding-top:18px; }.eyebrow { display:none; }.hello { font-size:18px; }.search-box { width:100%; height:40px; margin-top:17px; }.search-box kbd { display:none; }.continue-panel { min-height:510px; grid-template:55% 45%/1fr; margin-top:18px; }.continue-art::before { background:linear-gradient(0deg,#24241f 0,transparent 55%); }.continue-info { padding:24px 25px; }.continue-info h1 { font-size:37px; }.byline { margin-bottom:16px; }.hero-actions { margin-top:17px; }.story-section { padding-top:41px; }.section-heading h2 { font-size:24px; }.story-grid { gap:24px 11px; }.cover-copy { inset-inline:10px; }.cover-copy strong { font-size:17px; }.editorial-strip { display:block; padding:24px; }.editorial-strip a { display:inline-block; margin-top:20px; }.mobile-nav { position:fixed; z-index:30; inset:auto 0 0; height:66px; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #33322d; background:#1b1b18; color:#8f8c84; }.mobile-nav a { display:grid; place-items:center; align-content:center; gap:4px; font-size:9px; }.mobile-nav a span { font-size:17px; }.mobile-nav a.active { color:#fff; }.mobile-nav a.active span { color:var(--accent); } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }

/* Shared product surfaces */
.nav-item svg{flex:none}.nav-item>span{width:auto;font-size:14px;text-align:left}.studio-link.active{border-color:var(--accent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.section-heading a,.editorial-strip a{display:inline-flex;align-items:center;gap:5px}.compact-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.home-split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.75fr);gap:20px;margin-top:62px}.home-split .editorial-strip{margin:0}.rookie-panel{min-height:154px;padding:25px;border:1px solid #302f2b;background:#1f1f1c;color:#fff}.rookie-panel strong{display:block;margin-bottom:9px;font:22px Georgia,serif}.rookie-panel>span{display:block;color:#97958d;font-size:10px;line-height:1.55}.rookie-panel a{display:inline-block;margin-top:18px;color:#f27b63;font-size:9px;font-weight:800}.home-final{padding-bottom:10px}.story-meta button.liked{color:var(--accent)}.story-meta button:disabled{opacity:.5}.cover-texture{position:absolute;inset:0;z-index:1;opacity:.16;background-image:radial-gradient(#fff .55px,transparent .55px);background-size:5px 5px;pointer-events:none}
.cover-city{background:linear-gradient(148deg,#251f30 0 35%,#773930 76%,#dc7449)}.cover-city::before{left:50%;bottom:0;width:33%;height:82%;background:#121117;clip-path:polygon(38% 0,62% 0,69% 10%,64% 19%,79% 35%,68% 43%,74% 100%,20% 100%,30% 44%,22% 35%,37% 18%,31% 10%)}.cover-city::after{left:12%;top:9%;width:42%;aspect-ratio:1;border-radius:50%;background:#f1a365;box-shadow:0 0 35px #ef874a99}.cover-kitchen{background:linear-gradient(150deg,#23443f,#78966c 60%,#e1b46d)}.cover-kitchen::before{width:68%;aspect-ratio:1;left:16%;top:20%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#f5d4a6 0 8%,#733d31 9% 14%,#d98d52 15% 24%,#ded0a4 25% 50%,#393328 51%)}.cover-kitchen::after{width:5px;height:43%;left:48%;top:3%;background:#ece5ca;box-shadow:13px -4px 0 -1px #ece5ca;transform:rotate(15deg)}.cover-zero{background:linear-gradient(160deg,#ddd9d0,#6b7778 55%,#23292b)}.cover-zero::before{width:58%;aspect-ratio:1;left:21%;top:19%;border:8px solid #202526;border-radius:50%;background:repeating-conic-gradient(from 0deg,#d94e38 0 2deg,transparent 2deg 30deg)}.cover-zero::after{width:2px;height:30%;left:50%;top:29%;transform-origin:bottom;transform:rotate(50deg);background:#202526}.cover-hero{background:linear-gradient(#cbe0cf 0 55%,#8aaa88 56% 68%,#34382e 69%)}.cover-hero::before{width:36%;height:46%;left:32%;top:24%;background:#f2d49d;clip-path:polygon(35% 0,65% 0,73% 16%,66% 30%,86% 47%,73% 100%,27% 100%,14% 47%,34% 30%,27% 16%);box-shadow:0 0 0 8px #536e4d}.cover-hero::after{width:58%;height:8px;left:22%;top:22%;background:#d64e39;transform:rotate(-7deg)}
/* Discover */
.discover-hero{margin:0 calc(clamp(28px,4vw,68px)*-1);padding:62px clamp(28px,4vw,68px) 52px;border-bottom:1px solid #2f2f2b;background:#1d1d1a;color:#fff}.discover-hero h1{margin:0;font:clamp(38px,5vw,68px)/1.02 'Noto Serif KR',Georgia,serif;letter-spacing:-.07em}.discover-hero>p:nth-of-type(2){margin:16px 0 29px;color:#a6a49c;font-size:12px}.discover-search{display:flex;align-items:center;width:min(750px,100%);height:58px;padding:0 10px 0 20px;border:1px solid #5c5a53;background:#2a2a26}.discover-search svg{color:#aaa79e}.discover-search input{min-width:0;flex:1;height:100%;margin:0 14px;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.discover-search button{display:grid;place-items:center;border:0;background:transparent;color:#99978e;cursor:pointer}.discover-search>span{padding:12px 22px;background:var(--accent);font-size:11px;font-weight:800}.query-hint{display:flex;align-items:center;gap:8px;margin-top:16px;color:#8f8d85;font-size:9px}.query-hint svg{color:var(--accent)}.query-hint button{padding:5px 8px;border:1px solid #45443f;background:transparent;color:#bbb9b0;font-size:9px;cursor:pointer}.discover-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;padding-top:41px}.filter-panel{border-right:1px solid var(--line);padding-right:24px}.filter-title{display:flex;align-items:center;gap:8px;padding-bottom:17px;border-bottom:1px solid #cfcabe}.filter-title strong{font-size:13px}.filter-title button{margin-left:auto;border:0;background:transparent;color:#8d887e;font-size:9px;cursor:pointer}.filter-panel fieldset{margin:0;padding:23px 0;border:0;border-bottom:1px solid #d9d4c9}.filter-panel legend{margin-bottom:13px;font-size:10px;font-weight:900;letter-spacing:.07em}.filter-panel fieldset>label{display:flex;align-items:center;min-height:29px;color:#5f5c54;font-size:11px;cursor:pointer}.filter-panel input{accent-color:var(--accent)}.filter-panel label span{margin-left:8px}.filter-panel label small{margin-left:auto;color:#a09b91}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud button,.active-filters button{padding:6px 8px;border:1px solid #c9c4b9;background:#ebe6dc;color:#6f6b62;font-size:9px;cursor:pointer}.tag-cloud button.active,.active-filters button{border-color:var(--accent);background:#fee3dc;color:var(--accent-dark)}.results-toolbar{display:flex;justify-content:space-between;align-items:end;min-height:67px;margin-bottom:22px}.results-toolbar h2{display:inline;margin:0;font:28px 'Noto Serif KR',Georgia,serif;letter-spacing:-.05em}.results-toolbar div>span{margin-left:10px;color:#918c82;font-size:9px}.results-toolbar>label{display:flex;align-items:center;gap:8px;color:#817d74;font-size:9px}.results-toolbar select{padding:8px 26px 8px 10px;border:1px solid #c9c3b8;background:#f7f4ed;font-size:10px}.active-filters{display:flex;gap:7px;margin:-7px 0 20px}.active-filters button{display:flex;align-items:center;gap:4px}.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.empty-state{display:grid;place-items:center;min-height:370px;align-content:center;border:1px dashed #bbb5a9;color:#817d74;text-align:center}.empty-state h3{margin:15px 0 5px;color:#302f2a;font:20px Georgia,serif}.empty-state p{margin:0 0 18px;font-size:10px}.empty-state button,.empty-state a{padding:10px 17px;border:0;background:#22221f;color:#fff;font-size:10px;cursor:pointer}
/* Comic detail */
.detail-topline{display:flex;justify-content:space-between;align-items:center;min-height:72px;border-bottom:1px solid var(--line)}.detail-topline a{display:flex;align-items:center;gap:7px;color:#77736b;font-size:10px}.detail-topline button{border:0;background:transparent;cursor:pointer}.comic-hero{position:relative;display:grid;grid-template-columns:minmax(260px,30%) minmax(380px,1fr);gap:clamp(38px,6vw,86px);padding:52px 0 62px;border-bottom:1px solid #bdb8ad}.detail-cover-wrap{align-self:start}.detail-cover{aspect-ratio:.73;width:100%;box-shadow:17px 17px 0 #d8d2c7}.comic-info{align-self:center;max-width:650px}.comic-flags{display:flex;align-items:center;gap:7px}.comic-flags span{padding:5px 8px;background:var(--accent);color:#fff;font-size:7px;font-weight:900;letter-spacing:.1em}.comic-flags i{padding:4px 7px;border:1px solid #bbb6ab;color:#77736a;font-size:8px;font-style:normal}.comic-info h1{margin:14px 0 17px;font:clamp(43px,5vw,72px)/1 'Noto Serif KR',Georgia,serif;letter-spacing:-.08em}.creator-line{display:flex;align-items:center;gap:10px}.creator-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#262622;color:#fff;font-size:11px}.creator-line b,.creator-line small{display:block}.creator-line b{font-size:11px}.creator-line small{margin-top:3px;color:#8d887e;font-size:8px}.creator-line button{margin-left:8px;padding:7px 10px;border:1px solid #bcb6aa;background:transparent;font-size:9px;cursor:pointer}.synopsis{max-width:610px;margin:26px 0 17px;color:#55524c;font:14px/1.8 'Noto Serif KR',Georgia,serif}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row a{padding:6px 9px;background:#e6e1d7;color:#706c63;font-size:9px}.comic-actions{display:flex;gap:7px;margin-top:28px}.comic-actions button,.read-button{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid #b8b2a7;background:transparent;font-size:10px;font-weight:800;cursor:pointer}.read-button{padding-inline:25px;border-color:#22221f;background:#22221f;color:#fff}.comic-actions button.active{border-color:var(--accent);color:var(--accent)}.comic-actions button:last-child{padding-inline:13px}.comic-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0 0;padding-top:18px;border-top:1px solid #d2cdc2}.comic-facts div+div{padding-left:17px;border-left:1px solid #d2cdc2}.comic-facts dt{color:#8f8a80;font-size:8px}.comic-facts dd{margin:6px 0 0;font-size:10px;font-weight:800}.comic-quote{position:absolute;right:0;top:42px;text-align:right}.comic-quote span{color:#a09b92;font-size:7px;letter-spacing:.13em}.comic-quote p{margin:7px 0;color:#a19c91;font:10px/1.7 Georgia,serif}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translateX(-50%);padding:11px 17px;background:#22221f;color:#fff;box-shadow:0 8px 25px #0003;font-size:10px}.episode-section{padding:52px 0;border-bottom:1px solid #bdb8ad}.episode-section .section-heading button{padding:8px 10px;border:1px solid #c6c0b5;background:transparent;font-size:9px}.episode-list{border-top:1px solid #9f9b92}.episode-row{display:flex;align-items:center;min-height:98px;padding:13px 15px 13px 0;border-bottom:1px solid #d3cec3;transition:140ms ease}.episode-row:hover{padding-left:9px;background:#ece7de}.episode-thumb{width:115px;height:70px;flex:none;overflow:hidden}.episode-thumb .story-cover{width:100%;height:100%;aspect-ratio:auto}.episode-thumb .cover-copy,.episode-thumb .new-badge{display:none}.episode-copy{margin-left:19px}.episode-copy>small{display:block;min-height:12px;color:var(--accent);font-size:7px;font-weight:900}.episode-copy b{display:block;font:14px 'Noto Serif KR',Georgia,serif}.episode-copy i{display:flex;align-items:center;gap:5px;margin-top:9px;color:#8d887e;font-size:8px;font-style:normal}.episode-copy em{margin-inline:3px;font-style:normal}.read-check{margin-left:auto;color:#8c887f}.episode-arrow{margin-left:20px;color:#9e998f}.related-section{padding-bottom:70px}
/* Library and profile */
.library-summary{display:flex;justify-content:space-between;align-items:center;padding:37px 0 30px;border-bottom:1px solid var(--line)}.library-summary>div{display:flex;align-items:center;gap:18px}.library-monogram{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#262622;color:#f5f1e8;font:22px Georgia,serif}.library-summary h1{margin:0 0 6px;font:29px 'Noto Serif KR',Georgia,serif}.library-summary>div span:last-child{color:#817d74;font-size:9px}.library-summary dl{display:flex;margin:0}.library-summary dl div{min-width:90px;padding:0 20px;border-left:1px solid #cbc6bb}.library-summary dt{color:#8d887f;font-size:8px}.library-summary dd{margin:5px 0 0;font:18px Georgia,serif}.library-tabs{display:flex;gap:4px;margin:26px 0 37px;border-bottom:1px solid #beb8ad;overflow-x:auto}.library-tabs button{display:flex;align-items:center;gap:7px;padding:11px 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:#807c73;font-size:10px;white-space:nowrap;cursor:pointer}.library-tabs button.active{border-color:var(--accent);color:#24231f;font-weight:800}.library-loading{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;color:#8a867d;font-size:10px}.library-loading svg{animation:spin 1s linear infinite}.library-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.library-section-title h2{margin:0;font:25px 'Noto Serif KR',Georgia,serif}.library-section-title>span{color:#8a867d;font-size:8px}.library-section-title.second{margin-top:48px}.progress-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.progress-card{display:grid;grid-template-columns:130px 1fr;min-height:178px;border:1px solid #c4beb2;background:#ebe6dd;overflow:hidden}.progress-card>.story-cover{height:100%;aspect-ratio:auto}.progress-card .cover-copy{inset:10px}.progress-card .cover-copy strong{font-size:15px}.progress-card>div{align-self:center;padding:20px}.progress-card small{color:#8a857b;font-size:8px}.progress-card h3{margin:7px 0 5px;font:21px 'Noto Serif KR',Georgia,serif}.progress-card p{margin:0;color:#79756d;font-size:9px}.library-progress{display:block;height:2px;margin:17px 0 12px;background:#c6c0b4}.library-progress i{display:block;height:100%;background:var(--accent)}.progress-card b{display:flex;align-items:center;gap:6px;color:var(--accent-dark);font-size:9px}.shelf-view,.notification-view{padding-bottom:65px}.notification-view>.library-section-title button{border:0;background:transparent;color:#817d74;font-size:9px;cursor:pointer}.notification-view>div>article{display:flex;align-items:center;gap:14px;min-height:82px;padding:14px;border-bottom:1px solid #d4cfc4}.notification-view article>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #c8c2b7}.notification-view article.unread>span{border-color:var(--accent);background:#fbe1da;color:var(--accent)}.notification-view article h3{margin:0 0 5px;font-size:11px}.notification-view article p{margin:0;color:#77736b;font-size:9px}.notification-view article time{margin-left:auto;color:#9b968c;font-size:8px}.profile-hero{display:flex;align-items:center;gap:25px;padding:43px 0 30px}.profile-avatar-large{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:linear-gradient(145deg,#d9c9af,#70675a);color:#fff;font:35px Georgia,serif}.profile-hero>div:nth-child(2)>span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.12em}.profile-hero h1{margin:7px 0 5px;font:39px 'Noto Serif KR',Georgia,serif}.profile-hero p{margin:0;color:#77736b;font-size:10px}.profile-links{display:flex;gap:14px;margin-top:12px}.profile-links a{display:flex;align-items:center;gap:4px;color:#757168;font-size:8px}.profile-hero>button{display:flex;align-items:center;gap:6px;margin-left:auto;padding:10px 13px;border:1px solid #bcb6ab;background:transparent;font-size:9px}.profile-stats{display:flex;margin:0 0 35px 130px}.profile-stats div{min-width:100px;border-left:1px solid #c9c3b8;padding-left:16px}.profile-stats dt{color:#8e897f;font-size:8px}.profile-stats dd{margin:5px 0 0;font:18px Georgia,serif}.creator-callout{display:flex;justify-content:space-between;align-items:center;padding:29px 34px;border:1px solid #2d2c28;background:#20201d;color:#fff}.creator-callout h2{margin:0 0 5px;font:25px Georgia,serif}.creator-callout p:not(.section-kicker){margin:0;color:#949189;font-size:9px}.creator-callout a{display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--accent);font-size:9px;font-weight:800}
/* Login */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr;background:#f3f0e8}.login-art{position:relative;min-height:100vh;overflow:hidden;padding:35px 45px;background:linear-gradient(150deg,#171714,#2c2b27 65%,#572f29);color:#fff}.login-brand{display:flex;align-items:center;gap:11px;font:700 16px Georgia,serif;letter-spacing:.12em}.login-brand span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #fff}.login-art-copy{position:absolute;z-index:2;left:9%;bottom:12%}.login-art-copy p{color:#db715c;font-size:8px;font-weight:900;letter-spacing:.18em}.login-art-copy h1{margin:10px 0 14px;font:clamp(55px,6.5vw,94px)/.95 'Noto Serif KR',Georgia,serif;letter-spacing:-.08em}.login-art-copy span{color:#a09d95;font-size:11px}.login-panels{position:absolute;inset:12% -8% auto 32%;display:grid;grid-template-columns:1fr .7fr;grid-template-rows:230px 230px;gap:10px;transform:rotate(-8deg);opacity:.62}.login-panels i{border:1px solid #706f68;background:radial-gradient(circle at 50% 30%,#d9785c 0 9%,transparent 10%),linear-gradient(145deg,#24232a,#57413f)}.login-panels i:first-child{grid-row:span 2}.login-form-panel{position:relative;display:grid;place-items:center;padding:60px}.login-back{position:absolute;left:40px;top:35px;display:flex;align-items:center;gap:7px;color:#77736b;font-size:9px}.login-box{width:min(390px,100%)}.login-box h2{margin:0 0 8px;font:32px 'Noto Serif KR',Georgia,serif;letter-spacing:-.05em}.login-box>p:not(.section-kicker){margin:0 0 29px;color:#7b776e;font-size:10px}.google-button,.apple-button,.login-box form>button{width:100%;height:45px;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:8px;border:1px solid #bdb7ac;background:#fffdf7;font-size:10px;font-weight:800;cursor:pointer}.google-button b{color:#4285f4;font:16px Arial}.apple-button{background:#22221f;color:#fff}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#99948a;font-size:8px}.login-divider span{height:1px;flex:1;background:#d3cec3}.login-box form label{display:block;color:#615e56;font-size:9px;font-weight:800}.login-box form input{width:100%;height:43px;margin:7px 0 9px;padding:0 12px;border:1px solid #bdb7ac;background:#f9f6ef;outline:none}.login-box form input:focus{border-color:var(--accent)}.login-box form>button{border-color:var(--accent);background:var(--accent);color:#fff}.login-box>small{display:block;margin-top:20px;color:#9a958b;font-size:7px;line-height:1.5;text-align:center}.login-box>em{display:block;margin-top:15px;padding:10px;background:#e7e1d7;color:#6e6a61;font-size:8px;font-style:normal;text-align:center}.login-message{margin-top:12px;padding:9px;border:1px solid #c7c1b6;color:#5e5b53;font-size:9px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}

/* Immersive reader */
.reader{min-height:100vh;background:#111;color:#f7f4ec;cursor:default}.reader-header,.reader-footer{position:fixed;z-index:60;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#151513ef;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:180ms ease}.reader-header.visible,.reader-footer.visible{opacity:1;pointer-events:auto}.reader-header{top:0;height:64px;padding:0 26px;border-bottom:1px solid #3b3934}.reader-header>a{display:flex;align-items:center;gap:13px}.reader-header a span{padding-left:13px;border-left:1px solid #3f3d37}.reader-header b,.reader-header small{display:block}.reader-header b{font-size:11px}.reader-header small{margin-top:3px;color:#8f8c83;font-size:8px}.reader-header>div{display:flex;gap:5px}.reader-header button{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #3d3b36;background:#22221f;color:#c9c6bd;font-size:8px;cursor:pointer}.reader-header button.active{color:var(--accent)}.reader-progress{position:fixed;z-index:70;top:0;left:0;height:2px;background:var(--accent)}.reader-footer{bottom:0;height:52px;padding:0 25px;border-top:1px solid #3b3934}.reader-footer a{display:flex;align-items:center;gap:6px;font-size:9px}.reader-footer b{color:#8f8c84;font-size:8px}.webtoon-canvas{width:min(760px,100%);margin:auto;background:#f8f5ed;color:#171714}.comic-panel{position:relative;overflow:hidden}.panel-opening{height:860px;background:linear-gradient(#151725,#37374c 55%,#a85443)}.reader-city{position:absolute;inset:auto 0 0;height:64%;background:linear-gradient(transparent,#15151b 70%)}.reader-city i{position:absolute;bottom:0;width:24%;background:#111116}.reader-city i:nth-child(1){left:5%;height:70%;clip-path:polygon(12% 8%,72% 0,100% 100%,0 100%)}.reader-city i:nth-child(2){left:38%;height:52%;clip-path:polygon(20% 0,82% 10%,100% 100%,0 100%)}.reader-city i:nth-child(3){right:3%;height:84%;clip-path:polygon(0 7%,88% 0,100% 100%,0 100%)}.panel-opening::before{content:'';position:absolute;z-index:2;left:13%;top:11%;width:190px;height:190px;border-radius:50%;background:#e98a5f;box-shadow:0 0 90px #f06d4d99}.panel-opening p{position:absolute;z-index:3;left:8%;bottom:8%;font:20px/1.7 'Noto Serif KR',Georgia,serif;text-shadow:0 2px 12px #000}.panel-opening strong{font-size:29px}.comic-gutter{height:190px;display:grid;place-items:center;align-content:center;gap:8px;background:#f8f5ed}.comic-gutter span{font:14px 'Noto Serif KR',Georgia,serif;letter-spacing:.28em}.comic-gutter b{color:var(--accent);font:40px Georgia,serif}.panel-corridor{height:690px;background:linear-gradient(100deg,#151515,#4b4b47 48%,#1b1b1a)}.corridor-lines{position:absolute;inset:0;background:repeating-linear-gradient(83deg,transparent 0 70px,#aaa5 72px),linear-gradient(165deg,transparent 50%,#0b0b0b 51%)}.character-shadow{position:absolute;left:40%;bottom:0;width:150px;height:72%;background:#0c0c0c;clip-path:polygon(36% 0,65% 0,73% 12%,66% 26%,82% 47%,69% 100%,26% 100%,30% 48%,17% 39%,36% 24%,29% 12%)}.narration{position:absolute;z-index:3;left:30px;top:30px;padding:10px 14px;background:#f8f5ed;color:#25231f;font:10px/1.6 monospace}.speech{position:absolute;z-index:4;padding:20px 26px;border:2px solid #222;border-radius:50%;background:#fff;color:#171714;font:15px/1.45 'Noto Serif KR',Georgia,serif;text-align:center}.speech-one{right:9%;top:20%}.panel-eye{height:420px;background:#d8d3ca}.eye-shape{position:absolute;left:10%;top:19%;width:80%;height:55%;border-radius:50%;background:#f3ede3;clip-path:ellipse(50% 30% at 50% 50%)}.eye-shape::before{content:'';position:absolute;left:40%;top:10%;width:20%;height:80%;border-radius:50%;background:#32312d}.eye-shape i{position:absolute;left:46%;top:27%;width:8%;height:43%;border-radius:50%;background:#0b0b0a}.sound-effect{position:absolute;right:7%;bottom:6%;margin:0;color:#67645e;font:38px 'Noto Serif KR',serif;transform:rotate(-12deg)}.panel-file{height:650px;background:repeating-linear-gradient(#ded9ce 0 1px,transparent 1px 25px),#f3f0e7}.file-card{position:absolute;left:12%;top:12%;width:55%;padding:34px;border:1px solid #8c877d;background:#fffdf7;box-shadow:14px 14px 0 #c2bcb1;transform:rotate(-3deg)}.file-card span,.file-card strong,.file-card i{display:block}.file-card span{font:9px monospace}.file-card strong{margin:50px 0 12px;font:37px 'Noto Serif KR',serif;letter-spacing:.2em}.file-card i{color:#b44b39;font:11px monospace}.speech-two{right:6%;bottom:9%}.panel-memory{height:820px;background:radial-gradient(circle at 50% 45%,#efd49e 0 13%,#736589 14% 26%,#272538 58%,#13131b)}.memory-moon{position:absolute;left:30%;top:24%;width:40%;aspect-ratio:1;border-radius:50%;border:1px solid #fff8;box-shadow:0 0 0 30px #fff1,0 0 0 70px #fff1}.panel-memory p{position:absolute;inset:auto 0 12%;color:#fff;font:22px/1.8 'Noto Serif KR',Georgia,serif;text-align:center}.panel-ending{height:720px;background:linear-gradient(155deg,#e9e3d9 45%,#5d4c50 46%,#1d1b22)}.ending-face{position:absolute;right:0;bottom:0;width:62%;height:85%;border-radius:48% 0 0;background:#d3baa8;clip-path:polygon(21% 0,100% 15%,100% 100%,0 100%,7% 28%)}.ending-face::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#453b3c 36% 47%,transparent 48%)}.ending-face i{position:absolute;top:43%;width:35px;height:5px;background:#24211f;transform:rotate(-5deg)}.ending-face i:first-child{left:27%}.ending-face i:last-child{right:20%}.speech-three{left:7%;top:13%;font-size:18px}.speech-three b{color:var(--accent-dark)}.episode-end{min-height:460px;display:grid;place-items:center;align-content:center;background:#171714;color:#f7f4ed;text-align:center}.episode-end>span{color:#77746c;font:10px Georgia,serif}.episode-end h2{margin:8px 0 4px;font:31px 'Noto Serif KR',Georgia,serif}.episode-end>p{margin:0 0 45px;color:var(--accent);font:12px Georgia,serif}.episode-end>div{display:flex;gap:8px}.episode-end button{height:45px;display:flex;align-items:center;gap:8px;padding:0 18px;border:1px solid #4b4943;background:#22221f;color:#e7e3da;font-size:9px}.episode-end button.active{color:var(--accent)}.comments-drawer{position:fixed;z-index:80;inset:0 0 0 auto;width:min(430px,100%);overflow-y:auto;background:#f3f0e8;color:#171714;box-shadow:-15px 0 50px #0006}.comments-drawer>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #c8c2b7;background:#f3f0e8}.comments-drawer h2{margin:0;font:24px Georgia,serif}.comments-drawer h2 span{color:var(--accent);font-size:13px}.comments-drawer header button{border:0;background:transparent}.comments-drawer form{padding:18px 22px;border-bottom:1px solid #ccc6bb}.comments-drawer textarea{width:100%;height:90px;padding:11px;border:1px solid #bbb5aa;background:#faf8f2;resize:none;outline:none;font-size:10px}.comments-drawer form>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.comments-drawer form label{font-size:8px}.comments-drawer form input{accent-color:var(--accent)}.comments-drawer form button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:0;background:#24231f;color:#fff;font-size:8px}.comment-list article{display:flex;gap:12px;padding:19px 22px;border-bottom:1px solid #d4cfc4}.comment-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#d5c9b7;font-size:10px}.comment-list article>div{flex:1}.comment-list b{font-size:9px}.comment-list small{margin-left:8px;color:#99948a;font-size:7px}.comment-list p{margin:8px 0;font-size:10px;line-height:1.55}.comment-list p.spoiler{padding:9px;background:#d7d2c8;color:transparent;text-shadow:0 0 7px #4d4a43}.comment-list article button{padding:0;margin-right:12px;border:0;background:transparent;color:#8a867d;font-size:8px}
/* Studio dashboard */
.studio-welcome{position:relative;min-height:280px;margin-top:30px;padding:49px 54px;overflow:hidden;border:1px solid #2d2d29;background:#20201d;color:#fff}.studio-welcome h1{margin:0;font:clamp(35px,4vw,54px)/1.08 'Noto Serif KR',Georgia,serif;letter-spacing:-.06em}.studio-welcome p:not(.section-kicker){margin:13px 0 23px;color:#9f9c94;font-size:10px}.studio-welcome button{display:flex;align-items:center;gap:7px;padding:11px 17px;border:0;background:var(--accent);color:#fff;font-size:10px;font-weight:800}.studio-orbit{position:absolute;right:5%;top:7%;width:330px;height:250px;border:1px solid #47463f;border-radius:50%;transform:rotate(-12deg)}.studio-orbit::before,.studio-orbit::after{content:'';position:absolute;border:1px solid #44423d;border-radius:50%}.studio-orbit::before{inset:30px -40px}.studio-orbit::after{inset:70px -75px}.studio-orbit i{position:absolute;left:42%;top:34%;display:grid;place-items:center;width:60px;height:60px;border:1px solid #7c786f;color:#fff;font:24px Georgia,serif}.studio-orbit span{position:absolute;z-index:2;padding:4px 6px;background:#20201d;color:#d96a55;font-size:7px;letter-spacing:.1em}.studio-orbit span:nth-child(1){left:-7%;top:45%}.studio-orbit span:nth-child(2){right:8%;top:2%}.studio-orbit span:nth-child(3){right:-14%;bottom:20%}.studio-overview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c5bfb4;border-top:0}.studio-overview article{display:flex;align-items:center;gap:12px;padding:20px}.studio-overview article+article{border-left:1px solid #cdc7bc}.studio-overview article>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c4beb3}.studio-overview small,.studio-overview strong,.studio-overview em{display:block}.studio-overview small{color:#8a867c;font-size:7px}.studio-overview strong{margin:4px 0 2px;font:18px Georgia,serif}.studio-overview em{color:#658269;font-size:7px;font-style:normal}.project-section{padding-top:48px}.project-view-toggle{display:flex}.project-view-toggle button{display:grid;place-items:center;width:31px;height:29px;border:1px solid #c2bcb0;background:transparent}.project-view-toggle button.active{background:#272622;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.new-project-card{min-height:318px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed #aaa499;background:#ebe6dc;color:#767168}.new-project-card strong{color:#282722;font:16px Georgia,serif}.new-project-card span{font-size:8px}.project-card{overflow:hidden;border:1px solid #bdb7ac;background:#f8f5ee}.project-art{position:relative;height:165px;overflow:hidden;background:linear-gradient(145deg,#55465c,#be7561)}.project-art span{position:absolute;z-index:2;left:10px;top:10px;padding:5px 7px;background:#222;color:#fff;font-size:7px}.project-art i{position:absolute;background:#28242b}.project-art i:nth-child(2){left:20%;bottom:0;width:24%;height:82%;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.project-art i:nth-child(3){right:8%;bottom:0;width:36%;height:55%;clip-path:polygon(18% 0,82% 8%,100% 100%,0 100%)}.project-art-1{background:linear-gradient(145deg,#32575c,#b7a36e)}.project-art-2{background:linear-gradient(145deg,#3a414f,#8f4339)}.project-card>div:last-child{padding:17px}.status{display:inline-block;padding:4px 6px;background:#ded9cf;color:#6b675f;font-size:7px}.status-작업{background:#f9ded7;color:#bd4d38}.project-card h3{margin:9px 0 4px;font:18px 'Noto Serif KR',Georgia,serif}.project-card p{margin:0;color:#817d74;font-size:8px}.project-progress{display:flex;align-items:center;gap:8px;margin-top:17px}.project-progress>span{height:2px;flex:1;background:#d4cec3}.project-progress i{display:block;height:100%;background:var(--accent)}.project-progress b{font-size:8px}.project-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.project-card footer small{color:#99948b;font-size:7px}.project-card footer button{padding:7px 9px;border:1px solid #bbb5aa;background:transparent;font-size:8px}.studio-lower{display:grid;grid-template-columns:1.35fr .8fr;gap:20px;padding:50px 0 70px}.episode-manager,.studio-insight{border:1px solid #c3bdb2;background:#f8f5ee}.episode-manager header,.studio-insight{padding:21px}.episode-manager header{display:flex;justify-content:space-between;align-items:center}.episode-manager h2,.studio-insight h2{margin:0;font:21px Georgia,serif}.episode-manager header button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #bdb7ac;background:transparent;font-size:8px}.episode-manager>div{display:grid;grid-template-columns:33px 1fr auto 40px;align-items:center;gap:10px;padding:13px 20px;border-top:1px solid #d1cbc0;font-size:9px}.episode-state{display:grid;place-items:center;width:28px;height:28px;background:#ded8cd;font:9px Georgia,serif}.episode-manager small{color:#827d74}.episode-manager em{color:#ad4937;font-size:7px;font-style:normal;text-align:right}.insight-chart{height:92px;display:flex;align-items:end;gap:5px;margin:22px 0 12px}.insight-chart i{flex:1;min-height:8px;background:#bdb7ab}.insight-chart i.peak{background:var(--accent)}.studio-insight>p:not(.section-kicker){color:#76726a;font-size:8px;line-height:1.5}.studio-insight>button{padding:0;border:0;background:transparent;color:var(--accent-dark);font-size:8px}.studio-loading{height:260px;display:grid;place-items:center;color:#858177;font-size:9px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#111b;backdrop-filter:blur(5px)}.new-project-modal,.publish-modal{width:min(590px,100%);padding:26px;border:1px solid #69665f;background:#f3f0e8;box-shadow:0 30px 80px #0008}.new-project-modal header,.publish-modal header{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.new-project-modal h2,.publish-modal h2{margin:0;font:27px Georgia,serif}.new-project-modal header button,.publish-modal header button{border:0;background:transparent}.new-project-modal>label,.publish-modal>label{display:block;font-size:9px;font-weight:800}.new-project-modal>label input,.publish-modal input,.publish-modal textarea{width:100%;margin-top:7px;padding:11px;border:1px solid #bdb7ac;background:#fffdf7;outline:none}.new-project-modal fieldset{margin:22px 0;padding:0;border:0}.new-project-modal legend{margin-bottom:10px;font-size:9px;font-weight:800}.new-project-modal fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.new-project-modal fieldset label{cursor:pointer}.new-project-modal fieldset input{position:absolute;opacity:0}.new-project-modal fieldset span{display:grid;grid-template-columns:28px 1fr;padding:14px;border:1px solid #c2bcb1}.new-project-modal fieldset svg{grid-row:span 2}.new-project-modal fieldset b,.new-project-modal fieldset small{display:block}.new-project-modal fieldset b{font-size:9px}.new-project-modal fieldset small{margin-top:3px;color:#8a857c;font-size:7px}.new-project-modal fieldset input:checked+span{border-color:var(--accent);background:#fae0d9}.new-project-modal footer,.publish-modal footer{display:flex;justify-content:flex-end;gap:7px;padding-top:18px;border-top:1px solid #ccc6bb}.new-project-modal footer button,.publish-modal footer button{padding:10px 14px;border:1px solid #b8b2a7;background:transparent;font-size:9px}.new-project-modal footer button:last-child,.publish-modal footer button:last-child{display:flex;align-items:center;gap:6px;border-color:var(--accent);background:var(--accent);color:#fff}

/* Studio editor */
.studio-editor{height:100vh;overflow:hidden;background:#171716;color:#d9d6cf}.editor-top{height:53px;display:grid;grid-template-columns:210px 230px 1fr auto;align-items:center;border-bottom:1px solid #3a3935;background:#22221f}.editor-logo{height:100%;display:flex;align-items:center;gap:8px;padding:0 15px;border:0;border-right:1px solid #3a3935;background:transparent;color:#fff;font:11px Georgia,serif;letter-spacing:.08em}.editor-logo>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #fff}.editor-logo b{color:#df6d55;font:7px sans-serif}.editor-top nav{display:flex}.editor-top nav button{padding:9px;border:0;background:transparent;color:#aaa79f;font-size:8px}.editor-title{text-align:center}.editor-title span,.editor-title small{display:block}.editor-title span{font-size:9px}.editor-title small{margin-top:3px;color:#7f7d76;font-size:7px}.editor-actions{height:100%;display:flex;align-items:center;gap:6px;padding-right:8px}.editor-actions>span{display:flex;align-items:center;gap:5px;color:#89867f;font-size:7px}.editor-actions button,.editor-actions label{height:31px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #41403b;background:#292925;color:#c7c4bc;font-size:7px;cursor:pointer}.editor-actions label input{display:none}.editor-actions .publish-button{border-color:var(--accent);background:var(--accent);color:#fff}.avatar.mini{width:20px;height:20px;margin:0;font-size:7px}.editor-workspace{height:calc(100vh - 53px);display:grid;grid-template-columns:54px minmax(0,1fr) 235px;grid-template-rows:minmax(0,1fr) 92px}.tool-rail{grid-row:1/3;display:flex;flex-direction:column;align-items:center;padding-top:7px;border-right:1px solid #393833;background:#242421}.tool-rail button{width:43px;height:47px;display:grid;place-items:center;align-content:center;gap:3px;border:0;border-left:2px solid transparent;background:transparent;color:#9c9991;font-size:6px}.tool-rail button.active{border-left-color:var(--accent);background:#33332f;color:#fff}.tool-rail i{width:30px;height:1px;margin:6px;background:#3e3d38}.canvas-stage{position:relative;min-width:0;background:#141413}.canvas-toolbar{position:absolute;z-index:3;left:12px;top:10px;height:31px;display:flex;align-items:center;gap:3px;padding:0 6px;border:1px solid #3e3d38;background:#262623}.canvas-toolbar button{display:grid;place-items:center;width:24px;height:24px;border:0;background:transparent;color:#aaa79f}.canvas-toolbar>i{width:1px;height:17px;margin:0 3px;background:#45443f}.canvas-toolbar>span{min-width:38px;color:#99968f;font-size:7px;text-align:center}.canvas-toolbar .asset-status{min-width:160px;color:#d4715b;text-align:left}.canvas-scroll{position:absolute;inset:0;overflow:auto;padding:65px 50px 80px}.canvas-paper{position:relative;margin:auto;box-shadow:0 12px 40px #0009}.canvas-paper canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.bubble-preview{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);padding:20px 28px;border:2px solid #26231f;border-radius:50%;background:#fff;color:#211f1c;font:clamp(8px,1vw,15px) 'Noto Serif KR',serif;text-align:center;pointer-events:none}.text-preview{position:absolute;left:18%;top:65%;padding:4px;border:1px dashed #3d83d9;background:#fff8;color:#222;font-size:10px}.editor-inspector{grid-row:1/3;overflow-y:auto;border-left:1px solid #393833;background:#242421}.inspector-tabs{height:39px;display:flex;border-bottom:1px solid #3b3a35}.inspector-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8f8c84;font-size:7px}.inspector-tabs button.active{border-bottom-color:var(--accent);color:#fff}.layers-panel header,.brush-properties header{display:flex;justify-content:space-between;align-items:center;height:36px;padding:0 10px;border-bottom:1px solid #373631;color:#aaa79f;font-size:7px;font-weight:800}.layers-panel header button{border:0;background:transparent;color:#aaa79f}.layers-panel>div{height:36px;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid #34332f;color:#97948d;font-size:7px}.layers-panel>div.active{background:#36352f;color:#fff}.layers-panel>div span{flex:1}.layers-panel>div i{color:#74716b;font-size:6px;font-style:normal}.layers-panel footer{display:flex;gap:4px;padding:7px;border-bottom:1px solid #3b3a35}.layers-panel footer button{display:grid;place-items:center;width:25px;height:23px;border:1px solid #3f3e39;background:#2b2b27;color:#9b9890}.brush-properties{margin-top:10px}.brush-properties label{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;color:#918e87;font-size:7px}.brush-properties label input[type=range]{grid-column:1/3;width:100%;accent-color:var(--accent)}.brush-properties label input[type=color]{width:30px;height:24px;padding:0;border:1px solid #484741;background:transparent}.brush-properties label span{align-self:center}.page-strip{grid-column:2/3;display:flex;gap:7px;padding:9px 12px;border-top:1px solid #393833;background:#22221f}.page-strip>button{min-width:78px;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid #3d3c37;background:#282824;color:#8f8c85;font-size:6px}.page-strip>button:first-child{display:grid;place-items:center;align-content:center;background:transparent}.page-strip>button.active{border-color:var(--accent);color:#fff}.page-thumb{width:32px;height:52px;display:grid;grid-template-rows:1fr 1fr;gap:2px;padding:2px;background:#e9e5dc}.page-thumb i{background:#b0aca3}.page-strip button b{font-size:6px}.page-strip>div{margin-left:auto;align-self:center;padding-right:10px}.page-strip>div small,.page-strip>div b{display:block;font-size:6px}.page-strip>div small{color:#77746d}.page-strip>div b{margin-top:3px}.publish-modal{width:min(490px,100%)}.publish-modal>label{margin-top:14px}.publish-modal textarea{height:78px;resize:none}.publish-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.publish-row label{font-size:8px;font-weight:800}.publish-modal .check-label{display:flex;align-items:center;gap:7px;margin:14px 0;font-weight:400}.publish-modal .check-label input{width:auto;margin:0;accent-color:var(--accent)}
/* Creator analytics */
.analytics-actions{display:flex;justify-content:flex-end;gap:6px;padding:18px 0}.analytics-actions button{padding:8px 11px;border:1px solid #bdb7ac;background:transparent;font-size:8px}.analytics-actions button:last-child{background:#24231f;color:#fff}.analytics-cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bdb7ac}.analytics-cards article{padding:20px}.analytics-cards article+article{border-left:1px solid #c9c3b8}.analytics-cards span,.analytics-cards strong,.analytics-cards small{display:block}.analytics-cards span{color:#837f76;font-size:8px}.analytics-cards strong{margin:8px 0 4px;font:24px Georgia,serif}.analytics-cards small{color:#54745c;font-size:7px}.analytics-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:20px;margin-top:20px}.views-chart,.completion-card,.dropoff{padding:24px;border:1px solid #c3bdb2;background:#f8f5ee}.views-chart header,.dropoff header{display:flex;justify-content:space-between}.views-chart h2,.completion-card h2,.dropoff h2{margin:0;font:22px Georgia,serif}.views-chart select{padding:6px 9px;border:1px solid #c2bcb1;background:transparent;font-size:7px}.line-chart{height:220px;display:grid;grid-template-columns:30px 1fr;margin-top:25px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#99948a;font-size:6px}.line-bars{display:flex;align-items:end;gap:8px;border-bottom:1px solid #bbb5aa;background:repeating-linear-gradient(#d7d1c6 0 1px,transparent 1px 55px)}.line-bars>i{position:relative;flex:1;background:linear-gradient(transparent,#e1806c44)}.line-bars i span{position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent)}.completion-ring{width:128px;aspect-ratio:1;display:grid;place-items:center;align-content:center;margin:26px auto;border:12px solid #ded8cd;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%}.completion-ring strong{font:26px Georgia,serif}.completion-ring span{color:#8b867d;font-size:7px}.completion-card dl{margin:0}.completion-card dl div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #d4cec3;font-size:8px}.completion-card dd{margin:0;font-weight:800}.dropoff{margin:20px 0 70px}.dropoff header>span{color:#77736b;font-size:8px}.dropoff-map{position:relative;height:150px;display:flex;align-items:end;gap:3px;margin:25px 0 10px;padding-top:30px;border-bottom:1px solid #c4beb3;background:repeating-linear-gradient(#dad4c9 0 1px,transparent 1px 40px)}.dropoff-map i{flex:1;background:#b8b2a7}.dropoff-map i.hot{background:var(--accent)}.dropoff-map span{position:absolute;top:0;padding:6px 8px;background:#262521;color:#fff;font-size:7px;transform:translateX(-50%)}.dropoff>p{margin:13px 0 0;color:#716d65;font-size:8px}
/* Responsive refinements */
@media(max-width:1100px){.studio-orbit{right:-7%}.project-grid{grid-template-columns:repeat(2,1fr)}.studio-overview{grid-template-columns:repeat(2,1fr)}.studio-overview article:nth-child(3){border-top:1px solid #cdc7bc;border-left:0}.studio-overview article:nth-child(4){border-top:1px solid #cdc7bc}.editor-top{grid-template-columns:180px 170px 1fr auto}.editor-actions>span,.editor-actions label{display:none}.editor-inspector{width:200px}.editor-workspace{grid-template-columns:54px minmax(0,1fr) 200px}}
@media(max-width:980px){.nav-item>span{display:none}.home-split{grid-template-columns:1fr}.discover-layout{grid-template-columns:150px 1fr;gap:25px}.discover-grid{grid-template-columns:repeat(2,1fr)}.comic-hero{grid-template-columns:260px 1fr;gap:35px}.comic-quote{display:none}.compact-story-grid{grid-template-columns:repeat(2,1fr)}.studio-lower{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}.profile-stats{margin-left:0}.login-page{grid-template-columns:42% 1fr}.login-art-copy h1{font-size:55px}.editor-top nav{display:none}.editor-top{grid-template-columns:180px 1fr auto}.editor-title{text-align:left}.editor-inspector{display:none}.editor-workspace{grid-template-columns:54px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 92px}.page-strip{grid-column:2/3}}
@media(max-width:680px){.nav-item>span{display:inline}.home-split{margin-top:40px}.compact-story-grid{grid-template-columns:repeat(2,1fr)}.discover-hero{margin-inline:-18px;padding:42px 18px 35px}.discover-hero h1{font-size:40px}.query-hint{overflow-x:auto}.query-hint>span,.query-hint svg{display:none}.discover-layout{display:block;padding-top:25px}.filter-panel{overflow-x:auto;display:flex;gap:8px;padding:0 0 15px;border:0}.filter-title{display:none}.filter-panel fieldset{min-width:max-content;display:flex;align-items:center;gap:6px;padding:0;border:0}.filter-panel legend{float:left;margin:0 4px 0 0}.filter-panel fieldset>label{min-height:30px;padding:0 7px;border:1px solid #c7c1b6}.filter-panel label small{display:none}.filter-panel input{display:none}.tag-cloud{flex-wrap:nowrap}.results-toolbar{align-items:start}.results-toolbar h2{display:block;font-size:24px}.results-toolbar div>span{display:block;margin:5px 0 0}.discover-grid{grid-template-columns:repeat(2,1fr);gap:24px 11px}.comic-hero{display:block;padding-top:28px}.detail-cover-wrap{width:62%;margin:auto}.comic-info{padding-top:45px}.comic-info h1{font-size:45px}.comic-facts{grid-template-columns:repeat(2,1fr);gap:15px}.comic-facts div:nth-child(3){padding-left:0;border-left:0}.episode-row{min-height:82px}.episode-thumb{width:85px;height:58px}.episode-copy b{font-size:11px}.library-summary{display:block}.library-summary dl{margin-top:25px}.library-summary dl div:first-child{padding-left:0;border:0}.library-summary dl div{min-width:0;flex:1}.progress-list{grid-template-columns:1fr}.progress-card{grid-template-columns:110px 1fr}.library-tabs{margin-inline:-18px;padding-inline:10px}.profile-hero{align-items:start;flex-wrap:wrap}.profile-avatar-large{width:78px;height:78px}.profile-hero>button{margin-left:103px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr)}.profile-stats div{min-width:0}.creator-callout{display:block;padding:25px}.creator-callout a{width:max-content;margin-top:20px}.login-page{display:block}.login-art{min-height:310px;height:38vh;padding:23px}.login-art-copy{left:23px;bottom:30px}.login-art-copy h1{font-size:44px}.login-panels{opacity:.32}.login-form-panel{padding:70px 24px}.login-back{left:24px;top:22px}.studio-welcome{padding:35px 27px}.studio-orbit{opacity:.2}.studio-overview{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.new-project-card{min-height:180px}.studio-lower{padding-bottom:30px}.new-project-modal fieldset{grid-template-columns:1fr}.analytics-cards{grid-template-columns:1fr 1fr}.analytics-cards article:nth-child(3){border-left:0;border-top:1px solid #c9c3b8}.analytics-cards article:nth-child(4){border-top:1px solid #c9c3b8}.reader-header{padding:0 12px}.reader-header button{width:35px;padding:0;justify-content:center}.reader-header button{font-size:0}.panel-opening{height:680px}.panel-opening::before{width:130px;height:130px}.panel-opening p{font-size:15px}.panel-opening strong{font-size:21px}.panel-corridor{height:550px}.panel-file{height:510px}.file-card{padding:23px}.file-card strong{font-size:23px}.panel-memory{height:650px}.panel-memory p{font-size:17px}.panel-ending{height:550px}.episode-end>div{display:grid}.editor-top{grid-template-columns:145px 1fr auto}.editor-logo{font-size:8px}.editor-actions button:not(.publish-button){display:none}.editor-workspace{grid-template-columns:45px minmax(0,1fr)}.tool-rail button{width:38px}.canvas-scroll{padding-inline:15px}.page-strip>button:nth-of-type(n+4){display:none}}

.icon-button.active,.creator-line button.active{border-color:var(--accent);color:var(--accent-dark);background:#fae0d9}
.creator-line button{display:flex;align-items:center;justify-content:center;gap:5px}
.share-control{position:relative}.share-control>button{display:grid;place-items:center}.share-menu{position:absolute;z-index:30;right:0;top:calc(100% + 6px);min-width:130px;padding:5px;border:1px solid #bdb7ac;background:#fffdf7;box-shadow:0 12px 30px #2222}.share-menu button{width:100%;display:flex;align-items:center;gap:7px;padding:9px;border:0;background:transparent;font-size:9px;text-align:left}.share-menu button:hover{background:#eee8de}
.profile-links button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.profile-edit-modal{width:min(520px,100%);max-height:min(760px,92vh);overflow:auto;padding:26px;border:1px solid #69665f;background:#f3f0e8;box-shadow:0 30px 80px #0008}.profile-edit-modal header{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.profile-edit-modal h2{margin:0;font:27px Georgia,serif}.profile-edit-modal header button{border:0;background:transparent}.profile-edit-modal>label{display:block;margin-top:13px;font-size:9px;font-weight:800}.profile-edit-modal input,.profile-edit-modal textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #bdb7ac;background:#fffdf7;font:10px inherit}.profile-edit-modal textarea{height:72px;resize:vertical}.profile-edit-modal footer{display:flex;justify-content:flex-end;gap:7px;margin-top:20px;padding-top:17px;border-top:1px solid #ccc6bb}.profile-edit-modal footer button{padding:9px 14px;border:1px solid #b8b2a7;background:transparent}.profile-edit-modal footer button:last-child{border-color:var(--accent);background:var(--accent);color:#fff}
.reader-toc{position:fixed;z-index:85;inset:0 auto 0 0;width:min(390px,100%);overflow-y:auto;background:#f3f0e8;color:#171714;box-shadow:15px 0 50px #0006}.reader-toc header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #c8c2b7;background:#f3f0e8}.reader-toc h2{margin:0;font:24px Georgia,serif}.reader-toc header button{border:0;background:transparent}.reader-toc nav{display:grid}.reader-toc nav a{display:flex;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #d4cfc4;color:inherit;text-decoration:none}.reader-toc nav a.active{background:#f7ddd6;color:var(--accent-dark)}
.spoiler-toggle{display:block!important;width:100%;padding:9px!important;background:#d7d2c8!important;color:#5e5a52!important;text-align:left}.notification-view article a{display:contents;color:inherit;text-decoration:none}.notification-view article.read{opacity:.62}
@media(max-width:680px){.profile-edit-modal{padding:20px}.share-menu{right:-8px}}

/* Real service states */
.signed-in-chip{display:flex;align-items:center;gap:4px}.signed-in-chip .profile-chip{flex:1}.signed-in-chip>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c9c2b7;border-radius:50%;background:transparent;color:inherit}.profile-chip .avatar svg{display:block;margin:auto}.search-box>button{border:0;background:transparent;color:var(--accent-dark);font-size:9px;font-weight:800;cursor:pointer}.story-cover>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.story-cover>img~.cover-texture{opacity:.18}.read-button.disabled{opacity:.55;cursor:not-allowed}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border:1px solid #aaa297;color:inherit;text-decoration:none;font-size:10px;font-weight:800}.feature-synopsis{max-width:520px;line-height:1.7!important}.real-feature .continue-art{padding:0;overflow:hidden}.real-feature .continue-art .story-cover{width:100%;height:100%;border:0}.real-feature .continue-art .cover-copy{display:none}
.service-empty{min-height:430px;margin:18px 28px 36px;padding:70px clamp(24px,6vw,80px);border:1px solid #9f988d;background:radial-gradient(circle at 80% 18%,#f4d4cb 0 10%,transparent 32%),linear-gradient(135deg,#25241f,#3a3832);color:#fff}.service-empty-mark{display:grid;place-items:center;width:62px;height:62px;margin-bottom:30px;border:1px solid #ffffff88;border-radius:50%;font:35px Georgia,serif}.service-empty h1{max-width:670px;margin:8px 0 16px;font:clamp(34px,5vw,68px)/1.02 Georgia,serif}.service-empty>p{max-width:660px;color:#e0ddd5;line-height:1.75}.service-empty>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.service-empty .primary-button{background:var(--accent);border-color:var(--accent)}.service-empty .secondary-button{border-color:#ffffff77;color:#fff}.real-start{margin-top:0}
.auth-setup-notice{display:flex;gap:10px;margin-top:18px;padding:14px;border:1px solid #d3a69b;background:#fff1ed;color:#64352b}.auth-setup-notice svg{flex:0 0 auto}.auth-setup-notice strong{display:block;font-size:10px}.auth-setup-notice p{margin:5px 0 0!important;font-size:9px!important;line-height:1.55}.login-box button:disabled,.login-box input:disabled{cursor:not-allowed;opacity:.48}
.studio-real-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:22px 28px;padding:46px;background:linear-gradient(135deg,#20201d,#393732);color:#fff}.studio-real-hero h1{margin:7px 0 13px;font:clamp(32px,4vw,56px)/1.04 Georgia,serif}.studio-real-hero>div>p:not(.section-kicker){max-width:600px;color:#d8d4cb;line-height:1.65}.studio-real-hero button,.project-section>.section-heading>button,.episode-manager.real header button{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border:0;background:var(--accent);color:#fff;font-size:9px;font-weight:800}.studio-real-hero dl{display:grid;grid-template-columns:repeat(3,1fr);min-width:360px;margin:0;border:1px solid #ffffff33}.studio-real-hero dl div{padding:18px;border-right:1px solid #ffffff22}.studio-real-hero dl div:last-child{border:0}.studio-real-hero dt{color:#bcb7ad;font-size:8px}.studio-real-hero dd{margin:6px 0 0;font:20px Georgia,serif}.studio-message{margin:0 28px 16px;padding:12px 15px;border:1px solid #d1b3a9;background:#fff4f0;font-size:10px}.studio-loading{display:flex;align-items:center;gap:8px;margin:24px 28px;padding:30px;border:1px solid #c9c3b8}
.studio-real-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);gap:18px;margin:0 28px 54px}.studio-real-grid>.project-section,.studio-work-detail{margin:0;padding:24px;border:1px solid #bdb7ac;background:#f8f5ee}.studio-project-list{display:grid;gap:8px}.studio-project-list>button{display:grid;grid-template-columns:68px 1fr;gap:12px;width:100%;padding:9px;border:1px solid #cbc5ba;background:#fffdf7;color:inherit;text-align:left}.studio-project-list>button.active{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.studio-project-cover{display:grid;place-items:center;position:relative;height:78px;overflow:hidden;background:#ddd6ca}.studio-project-cover img{width:100%;height:100%;object-fit:cover}.studio-project-list strong,.studio-project-list em,.studio-project-list small{display:block}.studio-project-list strong{margin:9px 0 7px;font:17px Georgia,serif}.studio-project-list em{font-size:8px;font-style:normal;color:#777168}.studio-project-list small{color:var(--accent-dark);font-size:8px;font-weight:800}.studio-work-detail>header{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #c9c3b8}.studio-work-detail>header h2{margin:6px 0 8px;font:30px Georgia,serif}.studio-work-detail>header span{font-size:10px;line-height:1.6;color:#69645c}.studio-work-detail>header>a{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--accent-dark);font-size:9px;font-weight:800}.work-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0}.work-facts>div{padding:12px;border-left:1px solid #d1cbc0}.work-facts dt{font-size:8px;color:#837d73}.work-facts dd{margin:5px 0 0;font-size:9px;font-weight:800}.episode-manager.real{margin:0;border-top:1px solid #c9c3b8}.episode-manager.real article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #d6d0c5}.episode-manager.real article>span{font:19px Georgia,serif}.episode-manager.real article strong,.episode-manager.real article small{display:block}.episode-manager.real article small{margin-top:4px;color:#837d73;font-size:8px}.episode-manager.real article em{display:flex;align-items:center;gap:4px;font-size:8px;font-style:normal}.episode-manager.real article em.published{color:#42704e}.empty-episodes{display:grid;justify-items:center;gap:7px;padding:40px;color:#766f66}.empty-episodes button{padding:8px 11px;border:1px solid #aaa49a;background:transparent}
.real-form{width:min(720px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.episode-form>label{display:block;font-size:9px;font-weight:800}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.episode-form input{width:100%;margin-top:6px;padding:11px;border:1px solid #bdb7ac;background:#fffdf7;font:10px inherit}.form-grid textarea{min-height:95px;resize:vertical}.upload-field{padding:13px;border:1px dashed #aaa49a}.upload-field small{display:block;margin-top:8px;color:#777168;font-weight:400}.episode-form{width:min(590px,100%)}.upload-drop{display:grid!important;justify-items:center;gap:8px;margin-top:18px;padding:30px;border:1px dashed #938c82;background:#fffdf7}.upload-drop input{margin-top:9px}.upload-drop span,.form-note{font-size:8px;color:#777168}.episode-form>.check-label{display:flex;margin-top:14px;gap:7px}.episode-form>.check-label input{width:auto;margin:0}.form-note{line-height:1.6}
.real-comic-pages{min-height:100vh;background:#111}.real-comic-pages>img{display:block;width:min(100%,920px);height:auto;margin:0 auto}.reader-missing-pages{display:grid;place-items:center;align-content:center;min-height:80vh;padding:30px;color:#fff;text-align:center}.reader-missing-pages h1{font:32px Georgia,serif}.reader-missing-pages p{color:#aaa}.reader-missing-pages a{padding:10px 14px;border:1px solid #777;color:#fff;text-decoration:none}.real-comic-pages .episode-end{width:min(100%,920px);margin:0 auto}.reader .empty-state{padding:30px 12px}
@media(max-width:980px){.studio-real-hero{align-items:stretch;flex-direction:column}.studio-real-hero dl{min-width:0}.studio-real-grid{grid-template-columns:1fr}.work-facts{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.service-empty{margin:8px 12px 24px;padding:46px 22px;min-height:390px}.studio-real-hero{margin:10px 12px;padding:30px 20px}.studio-real-hero dl{grid-template-columns:1fr}.studio-real-hero dl div{border-right:0;border-bottom:1px solid #ffffff22}.studio-real-grid{margin:0 12px 80px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.work-facts{grid-template-columns:1fr 1fr}.studio-work-detail>header{flex-direction:column}.search-box>button{display:none}}