:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-reading:Georgia, "Noto Serif KR", serif;--letter-spacing:0;--reading-line-height:2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141518;--surface:#1d1f23;--surface-hover:#272a2f;--text:#eeeeec;--muted:#999da5;--border:#35383e;--accent:#d0b28a;--accent-text:#141518;--danger:#e06b70;--danger-soft:#e06b7024;--radius-sm:6px;--radius-md:8px;--control-height:38px;font-family:system-ui,-apple-system,Segoe UI,Noto Sans KR,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f2;--surface:#fff;--surface-hover:#eeece7;--text:#252525;--muted:#747474;--border:#dedbd5;--accent:#765b42;--accent-text:#fff;--danger:#b83c42;--danger-soft:#b83c421a}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);letter-spacing:var(--letter-spacing);margin:0;line-height:1.5;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);padding:8px 13px;font-size:.875rem;font-weight:550;line-height:1.25;transition:background .15s,border-color .15s,color .15s,opacity .15s}button:hover:not(:disabled){background:var(--surface-hover)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.primary-button{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.primary-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent);opacity:.88}.secondary-button{background:var(--surface);color:var(--text)}.danger-button{background:var(--danger-soft);color:var(--danger);border-color:#0000}.danger-button:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.text-button{min-height:32px;color:var(--muted);background:0 0;border-color:#0000;padding:5px 8px}.text-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.compact-button{min-height:32px;padding:6px 10px;font-size:.8rem}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;max-width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);outline:none;padding:9px 12px}textarea{resize:vertical;min-height:112px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input[type=file]{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);padding:7px}input[type=file]::file-selector-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover);min-height:28px;color:var(--text);font:inherit;cursor:pointer;margin-right:10px;padding:5px 10px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--accent-text)}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:min(1100px,100% - 48px);margin:0 auto;padding:56px 0 96px}main>h1{letter-spacing:0;margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}main>h2{margin:40px 0 14px;font-size:1.35rem;line-height:1.3}main>p{max-width:720px;color:var(--muted);margin:0 0 16px;line-height:1.75}main>a{min-height:32px;color:var(--muted);align-items:center;margin-bottom:24px;font-size:.875rem;display:inline-flex}main>a:hover{color:var(--text)}hr{border:0;border-top:1px solid var(--border);margin:32px 0}.site-header{border-bottom:1px solid var(--border);background:var(--bg);width:100%}.site-header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1100px,100% - 48px);min-height:72px;margin:0 auto;display:flex}.site-logo{letter-spacing:0;white-space:nowrap;flex:none;font-size:1.05rem;font-weight:800}.site-logo span{color:var(--muted);margin-left:5px;font-weight:400}.header-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.header-actions>*{white-space:nowrap;flex:none}.header-link,.header-user{color:var(--muted);font-size:.84rem}.header-link:hover,.header-user:hover{color:var(--text)}.header-profile,.theme-toggle{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;display:inline-flex}.header-profile{color:var(--muted)}.header-profile:hover,.theme-toggle{background:var(--surface);color:var(--text)}.login-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding-top:48px;display:flex}.login-page h1{margin-bottom:12px}.login-page p{max-width:480px;margin-bottom:28px}.login-page>a{border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);min-height:42px;color:var(--accent-text);align-items:center;padding:9px 16px;font-weight:650;display:inline-flex}.login-page>a:hover{color:var(--accent-text);opacity:.9}.filter-bar{flex-wrap:wrap;gap:8px;margin:36px 0 28px;display:flex}.filter-bar button{border-color:var(--border);min-height:38px;color:var(--muted);background:0 0;padding:8px 16px}.filter-bar button:hover{color:var(--text);background:var(--surface-hover)}.filter-bar button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.work-grid{grid-template-columns:repeat(auto-fill,minmax(180px,210px));justify-content:start;align-items:stretch;gap:20px;display:grid}.work-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-width:0;height:100%;padding:12px;transition:transform .18s,border-color .18s,background .18s;display:flex}.work-card:hover{border-color:var(--accent);background:var(--surface);color:var(--text);transform:translateY(-3px)}.work-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.work-cover{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--surface-hover);width:100%;color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-cover-image{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.work-card h2{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 1px;font-size:1rem;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.work-card>p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.work-card .work-card-update{border-top:1px solid var(--border);gap:5px;margin-top:auto;padding-top:10px;display:grid}.work-card .work-latest-chapter{min-height:2.8em;color:var(--text);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.work-card .work-card-meta{color:var(--muted);gap:1px;font-size:.72rem;line-height:1.4;display:grid}.work-card .work-card-meta time{text-align:left}.work-card .work-card-empty{border-top:1px solid var(--border);margin-top:auto;padding-top:10px}.new-badge{color:#fff;white-space:nowrap;background:#e5484d;border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex}.work-new-badge{z-index:1;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000040}main.work-detail-page,main.admin-page{width:min(820px,100% - 48px)}main.reader{width:min(720px,100% - 48px)}main.work-detail-page>a,main.admin-page>a,main.reader>a{display:flex}.work-detail-page .work-detail-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:24px;display:flex}.work-detail-page .work-detail-info{flex:1;min-width:0}.work-detail-page .work-detail-info h1{letter-spacing:0;margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.18}.work-detail-page .work-detail-info>p{color:var(--muted);margin:5px 0}.work-detail-page .work-description{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:18px 0 0;line-height:1.75}.work-detail-page .work-detail-thumbnail{border-radius:var(--radius-md);object-fit:cover;flex:0 0 180px;width:180px;height:240px;margin-left:auto;display:block}.work-detail-page .work-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.work-detail-page .work-management{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.work-detail-page .chapter-upload-button{width:fit-content;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);white-space:nowrap;justify-content:center;align-items:center;padding:8px 12px;font-size:.84rem;display:inline-flex}.work-detail-page .chapter-upload-button:hover{background:var(--surface-hover);color:var(--text)}.work-info-form{flex-direction:column;gap:8px;max-width:620px;margin:18px 0 8px;display:flex}.work-info-form label{margin-top:8px;font-size:.88rem;font-weight:600}.work-info-form button{align-self:flex-start;margin-top:8px}.chapter-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;max-width:820px;margin:0 auto 10px;display:flex}.chapter-list-header h2{margin:0;font-size:1.35rem}.chapter-sort{flex-wrap:wrap;gap:6px;display:flex}.chapter-sort button{border-color:var(--border);min-height:32px;color:var(--muted);background:0 0;padding:5px 10px;font-size:.78rem}.chapter-sort button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-text);font-weight:700}.work-detail-page>ul{border-top:1px solid var(--border);max-width:820px;margin:0 auto 32px;padding:0;list-style:none}.work-detail-page .chapter-item{border-bottom:1px solid var(--border);align-items:center;gap:8px;width:100%;display:flex}.work-detail-page .chapter-item>a:first-child{overflow-wrap:anywhere;flex:1;min-width:0;padding:15px 8px;display:block}.work-detail-page .chapter-item>a:first-child:hover{background:var(--surface);color:var(--text)}.work-detail-page .chapter-item>a.chapter-edit-button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);border:1px solid #0000;flex:0 0 32px;justify-content:center;align-items:center;padding:0;display:inline-flex}.work-detail-page .chapter-item>a.chapter-edit-button:hover,.work-detail-page .chapter-item>a.chapter-edit-button:focus-visible{border-color:var(--border);background:var(--surface);color:var(--text)}.chapter-new-badge{vertical-align:middle;margin-left:8px}.chapter-comment-count{color:var(--muted);font-size:.88em}.reader{padding-top:48px}.reader>h1{margin:12px auto 8px;font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.25}.reader>p{color:var(--muted);margin-bottom:20px}.reader>hr,.reader .chapter-content,.reader .chapter-reactions,.reader .chapter-navigation{width:min(720px,100%);margin-left:auto;margin-right:auto}.chapter-content{min-height:350px;font-family:var(--font-reading);font-size:1.08rem;font-weight:400;line-height:var(--reading-line-height);overflow-wrap:anywhere;white-space:pre-wrap;padding:20px 0 64px}.chapter-content p{text-indent:1em;margin:0 0 .8em}.chapter-navigation{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:24px 0;display:flex}.chapter-navigation a{border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;font-size:.84rem;display:inline-flex}.chapter-navigation a:hover{background:var(--surface);color:var(--text)}.chapter-navigation span{flex:1}.chapter-reactions{border-top:1px solid var(--border);margin-top:44px;padding-top:22px}.reactions-header,.comment-meta{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.reactions-header{justify-content:space-between}.reactions-header h2{margin:0;font-size:1.2rem}.like-button{width:auto}.like-button.liked{color:#e45b79;border-color:#e45b79}.comment-count{margin:22px 0 10px;font-size:.95rem;font-weight:600}.comment-form{flex-direction:column;gap:10px;margin:0 0 24px;display:flex}.comment-form button{align-self:flex-end;width:auto}.comment-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.comment-item{border-bottom:1px solid var(--border);padding:15px 0}.comment-meta{font-size:.82rem}.comment-meta time{color:var(--muted)}.comment-item p{overflow-wrap:anywhere;text-indent:0;white-space:pre-wrap;margin:8px 0 0;line-height:1.7}.comment-delete{margin-left:auto}.admin-page{max-width:820px}.admin-form{flex-direction:column;gap:10px;margin-top:32px;display:flex}.admin-form label{margin-top:8px;font-size:.88rem;font-weight:600}.admin-form>button{align-self:flex-start;margin-top:10px}.admin-form>.primary-button{min-width:150px}.admin-form textarea{min-height:128px}.form-actions,.notice-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notice{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin:24px 0 8px;padding:16px}.notice p{margin:0 0 12px;line-height:1.6}.draft-status,.form-hint{color:var(--muted);margin:4px 0 0;font-size:.82rem}.form-message,.empty-state{color:var(--muted);margin:14px 0;line-height:1.6}.invite-form{align-items:stretch;gap:8px;max-width:620px;margin-top:24px;display:flex}.invite-form input{flex:1;min-width:0}.invite-form button{flex:none}.admin-section,.member-management{margin-top:38px}.admin-section h2,.member-management h2{margin:0 0 14px;font-size:1.25rem}.admin-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.admin-list-item{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:13px 0;display:flex}.admin-item-primary{overflow-wrap:anywhere;flex:240px;min-width:0}.member-summary{flex-wrap:wrap;flex:480px;align-items:center;gap:6px 10px;min-width:0;display:flex}.member-summary strong{overflow-wrap:anywhere}.member-email{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem}.meta-chip,.status-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:22px;padding:2px 7px;font-size:.72rem;line-height:1;display:inline-flex}.meta-chip{background:var(--surface-hover);color:var(--muted)}.status-chip.is-active{color:#73c98f;background:#56aa7624}.status-chip.is-blocked{background:var(--danger-soft);color:var(--danger)}.profile-form{max-width:620px}.profile-account{color:var(--muted);margin:20px 0 16px}.like-easter-egg{z-index:99999;pointer-events:none;background:#b90303;justify-content:center;align-items:center;animation:3.5s ease-in-out forwards egg-background;display:flex;position:fixed;inset:0}.like-easter-egg-image{object-fit:contain;opacity:0;max-width:70vw;max-height:70vh;animation:3.5s ease-in-out forwards egg-image}@keyframes egg-background{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes egg-image{0%,15%{opacity:0;transform:scale(.95)}35%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.site-footer{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.1em;text-align:center;padding:26px 20px;font-size:.72rem}@media (width<=760px){main,main.work-detail-page{width:calc(100% - 32px);padding:40px 0 72px}.site-header-inner{flex-wrap:wrap;gap:10px 16px;width:calc(100% - 32px);min-height:0;padding:12px 0}.header-actions{flex-wrap:wrap;justify-content:flex-start;gap:7px 12px;width:100%}.header-user{text-overflow:ellipsis;max-width:100%;overflow:hidden}.header-profile{margin-left:auto}.work-detail-page .work-detail-header{flex-direction:column-reverse;gap:20px}.work-detail-page .work-detail-thumbnail{flex-basis:140px;width:140px;height:187px;margin-left:0}.work-detail-page .work-actions{flex-direction:column;align-items:flex-start}.work-detail-page .work-management{width:100%}.invite-form{flex-direction:column}.invite-form button{align-self:flex-start}}@media (width<=520px){main,main.work-detail-page{width:calc(100% - 28px);padding:32px 0 64px}main>h1{font-size:clamp(1.8rem,10vw,2.4rem)}.site-logo{font-size:1rem}.header-actions{font-size:.8rem}.filter-bar{margin:26px 0 22px}.filter-bar button{min-height:36px;padding:7px 12px;font-size:.82rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-card{padding:10px}.work-card h2{margin-top:10px;font-size:.94rem}.work-detail-page .work-detail-info h1{font-size:clamp(1.8rem,9vw,2.4rem)}.work-detail-page .chapter-item>a:first-child{padding:14px 4px;font-size:.92rem}.work-detail-page .chapter-item>a.chapter-edit-button{flex-basis:30px;width:30px;height:30px}.chapter-sort button{padding-inline:9px}.reader{width:calc(100% - 32px);padding-top:36px}.chapter-content{min-height:280px;padding-bottom:44px;font-size:1rem}.chapter-navigation{gap:7px}.chapter-navigation a{min-height:36px;padding:8px 9px;font-size:.78rem}.reactions-header{align-items:flex-start}.comment-form button,.admin-form>button,.admin-form>.primary-button,.form-actions{width:100%}.form-actions button{flex:140px}.admin-list-item{align-items:flex-start}.admin-item-primary,.member-summary{flex-basis:100%}.chapter-editor-content{min-height:300px;padding:14px}}@media (prefers-reduced-motion:reduce){.like-easter-egg,.like-easter-egg-image{opacity:1;animation:none}.work-card{transition:none}.work-card:hover{transform:none}}.chapter-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-width:0;overflow:hidden}.chapter-editor-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:9px;display:flex}.chapter-editor-toolbar button{background:var(--surface-hover);min-width:34px;min-height:32px;color:var(--text);border-color:#0000;padding:5px 9px;font-size:.8rem}.chapter-editor-toolbar button:hover:not(:disabled){border-color:var(--border)}.chapter-editor-toolbar button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.chapter-editor-content{overflow-wrap:anywhere;white-space:pre-wrap;outline:none;min-height:340px;padding:18px;line-height:1.8}.chapter-editor-content:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chapter-editor [role=alert],.chapter-editor [role=status]{padding:0 12px}.chapter-editor-content p,.chapter-document-content p{margin:0 0 .65em}.chapter-editor-content h2,.chapter-editor-content h3,.chapter-document-content h2,.chapter-document-content h3{margin:1em 0 .5em}.chapter-editor-content blockquote,.chapter-document-content blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:1em}.chapter-document-content{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.8}.chapter-document-content ul,.chapter-document-content ol{padding-left:1.8em}.chapter-document-content pre{overflow-x:auto}.chapter-editor-content img,.chapter-document-content img{max-width:100%;height:auto;margin:1em 0;display:block}.chapter-editor-content iframe,.chapter-document-content iframe{aspect-ratio:16/9;border:0;max-width:100%;height:auto;margin:1em 0;display:block}@media (width<=520px){.chapter-editor-content{min-height:300px;padding:14px}}