@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#202724;background:#f7f5ef;font-synthesis:none;--paper: #f7f5ef;--white: #fffefb;--ink: #202724;--muted: #777d78;--line: #dcdcd4;--teal: #2f7770;--teal-soft: #dce9e5;--coral: #e36850;--coral-soft: #f5e2dc;--yellow: #eabf50}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html,body{overflow-x:hidden}body{min-width:320px;background:var(--paper)}body.image-viewer-open{overflow:hidden;touch-action:none}button,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(47,119,112,.24);outline-offset:2px}input,textarea{letter-spacing:0}.eyebrow{margin:0 0 10px;color:var(--teal);font-size:11px;font-weight:700;letter-spacing:1.8px}.primary-button{min-height:48px;border:0;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:var(--teal);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.icon-button{width:40px;height:40px;padding:0;border:1px solid var(--line);background:transparent;border-radius:4px;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#fff}.form-error{margin:10px 0 0;color:#b54435;font-size:13px;line-height:1.45}.session-notice{margin:0 0 20px;padding:10px 12px;border-left:3px solid var(--coral);background:var(--coral-soft);color:#744137;font-size:12px;line-height:1.55}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{position:relative;width:112px;height:92px;flex:0 0 auto}.brand-mark:before{content:"";position:absolute;inset:8px 12px 0;border:1px solid #dad8cf;transform:rotate(-4deg);background:#ffffff5c}.paper{position:absolute;top:22px;width:54px;height:48px;border:2px solid var(--ink);background:var(--white);box-shadow:3px 4px #2027241a;display:flex;flex-direction:column;gap:6px;padding:12px 10px}.paper:after{content:"";position:absolute;bottom:-9px;width:15px;height:15px;background:var(--white);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.paper span{height:2px;background:#9aa09c}.paper-left{left:4px;transform:rotate(-7deg)}.paper-left:after{left:8px;border-right:2px solid var(--ink)}.paper-right{right:3px;top:17px;transform:rotate(7deg);border-color:var(--teal)}.paper-right:after{right:8px;border-right:2px solid var(--teal);border-bottom-color:var(--teal)}.paper-right span{background:#76a7a1}.brand-mark>i{position:absolute;z-index:3;left:51px;top:46px;width:15px;height:15px;border-radius:50%;background:var(--coral);border:3px solid var(--paper)}.novel-shell{min-height:100dvh;display:grid;grid-template-rows:auto 62px 1fr;background:#ece8df;color:#302e2a}.environment-banner{grid-column:1 / -1;min-height:38px;padding:8px 24px;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid rgba(32,39,36,.22);font-size:12px;text-align:center}.environment-banner strong{font-weight:700}.environment-banner span:before{content:"·";margin-right:10px}.reader-topbar{min-width:0;display:grid;grid-template-columns:240px 1fr minmax(250px,320px);align-items:center;padding:0 clamp(20px,3.2vw,52px);border-bottom:1px solid #d4cfc4;background:#f8f6f0f5}.reader-brand{display:flex;align-items:center;gap:10px;color:#3c514b;font-family:Noto Sans SC,sans-serif;font-size:18px}.reader-brand svg{color:#8e5b45}.reader-topbar nav{display:flex;justify-content:center;gap:clamp(18px,3vw,42px)}.reader-topbar nav button,.reader-tools button{border:0;background:transparent;cursor:pointer}.reader-topbar nav button{padding:19px 4px;color:#6f6a61;font-size:13px}.reader-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}.reader-tools>span{min-width:0;height:34px;padding:0 12px;border:1px solid #d8d3c9;display:flex;align-items:center;gap:8px;color:#989186;font-size:11px}.reader-tools button{width:34px;height:34px;display:grid;place-items:center;color:#706b62}.reader-workspace{min-height:0;display:grid;grid-template-columns:210px minmax(420px,1fr) minmax(330px,390px);width:min(1440px,100%);margin:0 auto}.chapter-sidebar{min-height:0;padding:34px 24px;border-right:1px solid #d6d0c5;background:#e5e0d6}.book-spine{width:116px;height:216px;margin:0 auto 34px;padding:17px 15px;border:1px solid #795d4f;background:#405a54;color:#f3eee3;box-shadow:8px 9px #41332b1f;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.book-spine span,.book-spine small{font-size:9px;letter-spacing:1.2px}.book-spine strong{font-family:Noto Sans SC,serif;font-size:22px;line-height:1.38;font-weight:500}.chapter-heading{display:flex;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px solid #c9c2b6;color:#605b53;font-size:12px;font-weight:700}.chapter-sidebar ol{list-style:none;margin:13px 0 0;padding:0}.chapter-sidebar li{display:grid;grid-template-columns:28px 1fr;padding:10px 7px;color:#7d776d;font-family:Noto Sans SC,serif;font-size:11px}.chapter-sidebar li span{color:#aaa398;font-family:DM Sans,sans-serif;font-size:9px}.chapter-sidebar li.active{background:#fffef9b3;color:#3c3934;font-weight:700}.novel-page{min-width:0;overflow-y:auto;padding:clamp(38px,5vw,72px) clamp(38px,7vw,108px) 42px;background-color:#f8f5ed;background-image:linear-gradient(rgba(83,73,61,.026) 1px,transparent 1px);background-size:100% 31px}.novel-chapter-header{padding-bottom:25px;border-bottom:1px solid #ddd6ca;text-align:center}.novel-chapter-header>p{margin:0 0 12px;color:#8e5b45;font-size:10px;font-weight:700;letter-spacing:1.4px}.novel-chapter-header h1{margin:0 0 14px;font-family:Noto Sans SC,serif;font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:0}.novel-chapter-header div{display:flex;justify-content:center;gap:18px;color:#a29b91;font-size:9px}.novel-copy{max-width:680px;margin:34px auto 0;color:#504c46;font-family:Noto Sans SC,serif;font-size:16px;line-height:2.15}.novel-copy p{margin:0 0 22px;text-indent:2em}.novel-copy .opening:first-letter{float:left;margin:7px 8px 0 0;color:#8e5b45;font-size:48px;line-height:.78}.novel-copy blockquote{margin:31px 24px;padding:13px 20px;border-left:2px solid #8e5b45;color:#756d63;font-size:14px;font-style:italic}.reading-progress{max-width:680px;margin:44px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#9a9388;font-size:9px}.reading-progress i{height:2px;background:#d8d0c4}.reading-progress b{display:block;width:42%;height:100%;background:#8e5b45}.reader-account-panel{min-width:0;padding:clamp(30px,4vw,54px) clamp(28px,3.5vw,48px);border-left:1px solid #d6d0c5;background:#fdfbf6;display:flex;flex-direction:column;justify-content:center}.account-progress{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#8e5b45;font-size:11px;font-weight:700}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:52px}.mode-switch button{position:relative;border:0;background:transparent;padding:15px;cursor:pointer;color:#8a8f8b;font-weight:600}.mode-switch button.active{color:var(--ink)}.mode-switch button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#8e5b45}.form-heading{margin-bottom:34px}.form-heading h2{margin:0 0 9px;font-size:31px;letter-spacing:0}.form-heading>p:last-child{color:var(--muted);margin:0}.reader-login-form{display:grid;gap:23px}.reader-login-form label{display:grid;gap:9px;color:#5f5a52;font-size:12px;font-weight:600}.reader-login-form input{width:100%;height:50px;border:1px solid #d8d1c6;border-radius:2px;background:#fffefb;padding:0 15px;font-size:14px}.reader-login-form input:focus{border-color:#8e5b45;outline:3px solid rgba(142,91,69,.12)}.password-field{position:relative}.password-field input{padding-right:50px}.password-field button{position:absolute;right:5px;top:6px;width:40px;height:40px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.auth-submit{width:100%;margin-top:7px}.reader-account-panel .primary-button{background:#405a54}.reader-account-panel .primary-button:hover:not(:disabled){background:#8e5b45}.auth-foot{margin:30px 0 0;color:#aaa39a;font-size:10px;text-align:center}@media(min-width:921px){.novel-shell{height:100dvh;min-height:620px;overflow:hidden}.reader-workspace{overflow:hidden}.chapter-sidebar,.novel-page,.reader-account-panel{overflow-y:auto}.library-shell{height:100dvh;min-height:620px;overflow:hidden}.library-main{overflow:hidden}.library-overview,.library-access{overflow-y:auto}.library-overview,.library-access{scrollbar-width:none}.library-overview::-webkit-scrollbar,.library-access::-webkit-scrollbar{display:none}}@media(min-width:921px)and (max-height:850px){.reader-account-panel{padding-block:24px}.account-progress{margin-bottom:14px}.mode-switch{margin-bottom:22px}.form-heading{margin-bottom:20px}.form-heading h2{font-size:27px}.reader-login-form{gap:14px}.reader-login-form label{gap:7px}.reader-login-form input{height:46px}.password-field button{top:3px}.auth-foot{margin-top:16px}.library-overview{padding-block:36px}.library-shelf-heading{margin-top:32px}.library-overview blockquote{display:none}.library-access{padding-block:0}.library-code-form{margin-top:24px}}.library-shell{min-height:100dvh;display:grid;grid-template-rows:auto 62px 1fr;background:#ece8df;color:#302e2a}.library-topbar{grid-template-columns:240px minmax(180px,1fr) auto}.library-account{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.library-account button{width:34px;height:34px;border:0;background:transparent;color:#706b62;display:grid;place-items:center;cursor:pointer}.library-search{min-width:0;height:34px;padding:0 12px;border:1px solid #d8d3c9;color:#989186;display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.library-user{max-width:130px;min-width:0;padding-left:10px;color:#405a54;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-logout{border-left:1px solid #ddd7cc!important}.library-main{min-height:0;width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(560px,1.22fr);background:#f8f5ed}.library-overview{min-width:0;padding:clamp(42px,6vw,82px) clamp(34px,6vw,76px);border-right:1px solid #d6d0c5;background:#e5e0d6}.library-overview h1{margin:0 0 18px;color:#302e2a;font-family:Noto Sans SC,serif;font-size:clamp(42px,5vw,66px);font-weight:500;line-height:1.12;letter-spacing:0}.library-overview-copy{max-width:420px;margin:0;color:#726c63;font-family:Noto Sans SC,serif;font-size:14px;line-height:1.9}.library-shelf-heading{margin-top:clamp(44px,7vh,72px);padding-bottom:12px;border-bottom:1px solid #c8c0b3;display:flex;align-items:center;justify-content:space-between;color:#59554f;font-size:12px;font-weight:700}.library-shelf-heading small{color:#999185;font-size:10px;font-weight:500}.library-shelf-list{list-style:none;margin:12px 0 0;padding:0}.library-shelf-list li{position:relative;min-height:70px;padding:14px 10px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:9px;color:#7a746b}.library-shelf-list li.active{background:#fffef9b3;color:#383631}.library-shelf-list li>span{color:#aaa298;font-size:9px}.library-shelf-list li>div{min-width:0;display:grid;gap:5px}.library-shelf-list strong{font-family:Noto Sans SC,serif;font-size:14px}.library-shelf-list small{color:#999187;font-size:9px}.library-shelf-list i{position:absolute;left:0;bottom:0;width:42%;height:2px;background:#8e5b45}.library-overview blockquote{margin:clamp(42px,7vh,74px) 0 0;padding:4px 0 4px 18px;border-left:2px solid #8e5b45;color:#756d63;font-family:Noto Sans SC,serif;font-size:13px;font-style:italic;line-height:1.9}.library-access{min-width:0;padding:clamp(46px,7vw,90px);display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:clamp(34px,5vw,66px);background-color:#fdfbf6;background-image:linear-gradient(rgba(83,73,61,.026) 1px,transparent 1px);background-size:100% 31px}.library-feature-cover{grid-row:1 / 3;width:150px;height:280px;padding:21px 18px;border:1px solid #795d4f;background:#405a54;color:#f3eee3;box-shadow:10px 12px #41332b1f;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.library-feature-cover span,.library-feature-cover small{font-size:10px;letter-spacing:1.2px}.library-feature-cover strong{font-family:Noto Sans SC,serif;font-size:28px;line-height:1.38;font-weight:500}.library-access-copy .account-progress{margin-bottom:25px}.library-access-copy h2{max-width:520px;margin:0 0 16px;font-family:Noto Sans SC,serif;font-size:clamp(30px,3.6vw,47px);font-weight:500;line-height:1.3;letter-spacing:0}.library-access-copy>p:last-child{max-width:540px;margin:0;color:#756f66;font-family:Noto Sans SC,serif;font-size:14px;line-height:1.9}.library-code-form{align-self:start;margin-top:38px;display:grid;gap:13px}.library-code-form>label{color:#5f5a52;font-size:12px;font-weight:700}.library-code-input{height:52px;border:1px solid #d8d1c6;background:#fffefb;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:0 15px;color:#8e5b45}.library-code-input:focus-within{border-color:#8e5b45;outline:3px solid rgba(142,91,69,.12)}.library-code-input input{min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:15px}.library-code-form .primary-button{width:100%;margin-top:5px;background:#405a54}.library-code-form .primary-button:hover:not(:disabled){background:#8e5b45}.library-code-form>small{color:#aaa39a;font-size:10px;text-align:center}.library-code-form .form-error{margin:0}.lobby-shell{min-height:100dvh}.lobby-header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px)}.compact-brand{display:flex;align-items:center;gap:10px;font-size:18px}.compact-brand .brand-mark{width:37px;height:34px}.compact-brand .brand-mark:before{display:none}.compact-brand .paper{width:23px;height:19px;top:6px;padding:4px;gap:2px;border-width:1px}.compact-brand .paper:after{width:6px;height:6px;bottom:-4px;border-width:1px}.compact-brand .paper-left{left:0}.compact-brand .paper-right{right:0;top:4px}.compact-brand .paper span{height:1px}.compact-brand .brand-mark>i{left:15px;top:14px;width:7px;height:7px;border-width:1px}.account-menu{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600}.lobby-main{width:min(940px,calc(100% - 40px));margin:0 auto;padding:clamp(58px,9vw,112px) 0}.lobby-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);column-gap:70px;align-items:end}.lobby-intro .eyebrow{grid-column:1 / -1}.lobby-intro h1{margin:0;font-size:clamp(44px,7vw,76px);line-height:1.12;letter-spacing:0}.lobby-intro>p:last-child{margin:0 0 8px;color:var(--muted);line-height:1.8}.join-form{margin:65px 0 72px;padding:28px;background:var(--white);border:1px solid var(--line)}.join-form>label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.join-input-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px}.join-input-row>svg{color:var(--teal)}.join-input-row input{min-width:0;height:50px;border:0;border-bottom:2px solid var(--ink);background:transparent;font-size:17px}.join-input-row input:focus{outline:0;border-color:var(--coral)}.section-title{display:flex;align-items:end;justify-content:space-between;padding-bottom:14px;border-bottom:2px solid var(--ink)}.section-title h2{margin:0;font-size:20px}.section-title span{color:var(--muted);font-size:12px}.room-row{width:100%;display:grid;grid-template-columns:54px 1fr auto 26px;align-items:center;gap:18px;padding:21px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.room-row:hover{background:#ffffff9e}.room-index{font-size:12px;color:var(--coral);font-weight:700}.room-main{display:grid;gap:5px}.room-main strong{font-size:15px}.room-main small{color:var(--muted)}.member-count{display:flex;align-items:center;gap:6px;color:var(--teal);font-size:12px;font-weight:700}.room-shell{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.room-topbar{flex:0 0 68px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.room-top-left,.room-actions{min-width:0;display:flex;align-items:center;gap:15px}.room-actions{flex:0 0 auto}.room-title{min-width:0;display:flex;align-items:baseline;gap:15px}.room-title span{display:flex;align-items:center;color:var(--teal);font-size:12px;font-weight:700;white-space:nowrap}.room-title strong{font-size:18px}.sync-state{max-width:320px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-username{font-size:13px;font-weight:600}.workspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(390px,.8fr)}.panel-header{flex:0 0 92px;min-width:0;padding:22px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-header>div{min-width:0}.panel-header .eyebrow{margin-bottom:4px}.panel-header h2{min-width:0;margin:0;overflow:hidden;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.presence{flex:0 0 auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.presence i{width:7px;height:7px;border-radius:50%;background:var(--teal)}.presence i.muted{background:var(--yellow)}.chat-panel,.task-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--white)}.chat-panel{border-right:1px solid var(--line)}.message-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:28px clamp(20px,4vw,54px)}.history-loader{min-height:30px;margin:-12px 0 14px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.empty-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state span{color:var(--coral);font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.empty-state h3{margin:10px 0 8px;color:var(--ink);font-size:21px}.empty-state p{max-width:330px;margin:0;line-height:1.7;font-size:13px}.message-row{width:fit-content;max-width:min(76%,610px);margin:0 0 22px;display:flex;flex-direction:column;align-items:flex-start}.message-row.mine{margin-left:auto;align-items:flex-end}.message-meta{display:flex;align-items:center;gap:9px;margin:0 8px 6px;font-size:10px}.message-row.mine .message-meta{justify-content:flex-end}.message-meta strong{font-size:11px}.message-meta span{color:#9a9e9b}.message-row>p{width:fit-content;max-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 15px;border:1px solid #ead2cb;border-radius:4px;background:var(--coral-soft);color:var(--ink);font-size:14px;line-height:1.65}.message-images+p{margin-top:7px}.message-row.mine>p{background:var(--teal-soft);border-color:#c3d8d3;color:var(--ink)}.message-images{width:min(330px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.message-images.count-1{width:min(280px,100%);grid-template-columns:1fr}.message-images>button{min-width:0;height:128px;padding:0;border:1px solid #dedbd3;border-radius:4px;background:#f0eee8;color:var(--muted);display:grid;place-items:center;overflow:hidden;cursor:zoom-in;font-size:11px}.message-images>button:disabled{opacity:1;cursor:default}.message-images.count-1>button{height:auto;min-height:0;max-height:none;aspect-ratio:1 / 1}.message-images img{display:block;width:100%;height:100%;object-fit:cover}.message-images.count-1 img{height:100%;max-height:none;object-fit:contain}.composer{position:relative;flex:0 0 auto;display:grid;grid-template-columns:42px 1fr 46px;gap:10px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--white)}.composer-previews{grid-column:1 / -1;min-width:0;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.composer-previews figure{position:relative;flex:0 0 64px;width:64px;height:64px;margin:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--paper)}.composer-previews img{width:100%;height:100%;display:block;object-fit:cover}.composer-previews button{position:absolute;top:2px;right:2px;width:22px;height:22px;border:0;border-radius:50%;background:#202724d1;color:#fff;display:grid;place-items:center;cursor:pointer}.composer-image-button{width:42px;height:46px;border:1px solid var(--line);border-radius:4px;color:var(--teal);display:grid;place-items:center;cursor:pointer}.composer-image-button:hover{background:var(--teal-soft)}.composer-image-button.disabled{opacity:.5;cursor:not-allowed}.composer-image-button input{display:none}.composer textarea{min-width:0;height:46px;max-height:120px;resize:vertical;border:1px solid var(--line);border-radius:4px;padding:12px 14px;background:var(--paper);line-height:1.45}.composer textarea:focus{outline:0;border-color:var(--teal)}.composer-send{width:46px;height:46px;border:0;border-radius:4px;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}.composer .form-error{grid-column:1 / -1;margin:0}.image-viewer{position:fixed;z-index:1000;inset:0;width:100vw;height:100vh;height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#141816f0;color:#fff;display:grid;grid-template-rows:46px minmax(0,1fr) auto;gap:10px}.image-viewer-close{justify-self:end;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer}.image-viewer-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}.image-viewer-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.image-viewer>p{min-width:0;max-width:min(720px,100%);margin:0 auto;overflow:hidden;color:#ffffffb8;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.task-panel{background:#f3f2ec}.task-header{background:var(--white)}.task-summary{display:flex;gap:16px;color:var(--muted);font-size:10px}.task-summary b{color:var(--ink);font-size:15px}.new-task{flex:0 0 auto;margin:18px 20px 10px;height:48px;display:grid;grid-template-columns:20px 1fr 38px;align-items:center;gap:10px;border-bottom:2px solid var(--ink);background:transparent}.new-task>svg{color:var(--coral)}.new-task input{min-width:0;border:0;background:transparent}.new-task input:focus{outline:0}.new-task button{width:36px;height:36px;border:0;border-radius:4px;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}.task-error{padding:0 20px}.task-list{min-height:0;flex:1 1 auto;overflow-y:auto;padding:8px 20px 30px}.task-empty{min-height:330px}.task-card{margin:10px 0;background:var(--white);border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:4px}.task-card.status-accepted{border-left-color:var(--teal)}.task-card.status-rejected{border-left-color:#aaa}.task-card.status-submitted{border-left-color:var(--coral)}.task-card-main{width:100%;min-height:76px;display:grid;grid-template-columns:10px 1fr auto 18px;align-items:center;gap:12px;padding:15px 16px;border:0;background:transparent;text-align:left;cursor:pointer}.task-status-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.status-accepted .task-status-dot{background:var(--teal)}.status-rejected .task-status-dot{background:#aaa}.status-submitted .task-status-dot{background:var(--coral)}.task-body{min-width:0;display:grid;gap:7px}.task-body strong{overflow:hidden;text-overflow:ellipsis;font-size:14px}.task-body small{color:var(--muted);font-size:10px}.status-label{padding:4px 7px;background:#f0eee7;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.task-detail{border-top:1px solid var(--line);padding:15px 16px}.detail-note{margin:0;color:var(--muted);font-size:12px}.response-actions{display:flex;justify-content:flex-end;gap:9px}.response-actions button,.submission-footer button{height:38px;padding:0 15px;border-radius:4px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:600;font-size:12px}.reject-button{border:1px solid var(--line);background:transparent}.accept-button{border:1px solid var(--teal);background:var(--teal);color:#fff}.submission-form{display:grid;gap:13px}.submission-form>label{display:grid;gap:7px;font-size:11px;font-weight:700}.submission-form textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:4px;padding:10px;line-height:1.5}.submission-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.file-picker{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:4px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;font-weight:600}.file-picker input{display:none}.submission-footer small{flex:1;min-width:90px;color:var(--muted)}.submitted-content>p{margin:0 0 12px;white-space:pre-wrap;color:#454b47;line-height:1.6;font-size:13px}.submitted-content>small{display:block;margin-top:12px;color:var(--muted);font-size:10px}.file-list{display:grid;gap:6px}.file-list button{min-width:0;width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);background:transparent;color:var(--teal);text-align:left;cursor:pointer;font-size:11px}.file-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tabs{display:none}.room-loading{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.app-loading{min-height:100dvh;display:grid;place-items:center;color:var(--teal);font-weight:700;letter-spacing:8px}.admin-shell{min-height:100dvh}.admin-main{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:clamp(48px,7vw,84px) 0}.admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.admin-heading h1{margin:0 0 12px;font-size:clamp(40px,5.5vw,64px);letter-spacing:0}.admin-heading>div>p:last-child{margin:0;color:var(--muted)}.admin-create{margin:48px 0 18px;padding:20px;background:var(--white);border:1px solid var(--line);display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:20px}.admin-create>div{display:flex;align-items:center;gap:9px;color:var(--teal)}.admin-create label{color:var(--ink);font-size:13px;font-weight:700}.admin-create input{min-width:0;height:48px;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:0 6px}.admin-create input:focus{outline:0;border-color:var(--coral)}.admin-error{margin-bottom:16px}.admin-table-wrap{margin-top:36px;border-top:2px solid var(--ink)}.admin-table-head,.admin-room-row{display:grid;grid-template-columns:110px minmax(190px,1.3fr) minmax(160px,.9fr) minmax(170px,.9fr) 54px;align-items:center;gap:16px}.admin-table-head{padding:12px 14px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.admin-room-row{min-height:78px;padding:14px;border-top:1px solid var(--line);background:#fff6}.admin-room-row:hover{background:var(--white)}.admin-room-id,.admin-room-id small{display:block}.admin-room-id b{font-size:17px}.admin-room-id small,.admin-members small{margin-top:4px;color:var(--muted);font-size:9px}.admin-members{min-width:0;display:flex;align-items:center;gap:9px;color:var(--teal)}.admin-members>span{min-width:0;display:grid;color:var(--ink);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-stats{color:var(--muted);font-size:11px}.admin-stats b{color:var(--ink);font-size:15px}.admin-date{color:var(--muted);font-size:11px}.admin-delete{width:38px;height:38px;border:1px solid #e4c8c2;border-radius:4px;background:transparent;color:#b94c3c;display:grid;place-items:center;cursor:pointer}.admin-delete:hover{background:var(--coral-soft)}.admin-empty{min-height:220px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}@media(max-width:920px){.reader-topbar{grid-template-columns:1fr auto}.reader-topbar nav{display:none}.library-topbar{grid-template-columns:1fr auto}.library-search{display:none}.library-main{grid-template-columns:minmax(270px,.7fr) minmax(440px,1.3fr)}.library-overview{padding-inline:30px}.library-access{grid-template-columns:110px minmax(0,1fr);padding:46px 38px;column-gap:32px}.library-feature-cover{width:110px;height:230px;padding:17px 14px}.library-feature-cover strong{font-size:23px}.reader-workspace{grid-template-columns:150px minmax(0,1fr)}.chapter-sidebar{padding-inline:16px}.book-spine{width:100px}.reader-account-panel{grid-column:1 / -1;border-top:1px solid #d6d0c5;border-left:0;padding:42px max(28px,calc((100% - 520px)/2))}.mode-switch{margin-bottom:34px}.workspace{grid-template-columns:1fr}.chat-panel{border-right:0}.workspace>.mobile-section-hidden{display:none}.mobile-tabs{flex:0 0 50px;display:grid;grid-template-columns:1fr 1fr;background:var(--white);border-bottom:1px solid var(--line)}.mobile-tabs button{position:relative;border:0;background:transparent;color:var(--muted);font-weight:600}.mobile-tabs button.active{color:var(--ink)}.mobile-tabs button.active:after{content:"";position:absolute;height:3px;background:var(--coral);left:22%;right:22%;bottom:-1px}.mobile-tabs span{color:var(--teal);font-size:10px}}@media(max-width:760px){.library-shell{grid-template-rows:auto 56px 1fr}.library-topbar{padding-inline:16px}.library-account{gap:4px}.library-account>button[aria-label=阅读设置]{display:none}.library-user{max-width:105px;padding-left:4px;font-size:11px}.library-main{display:block}.library-overview{padding:34px 24px 36px;border-right:0;border-bottom:1px solid #d6d0c5}.library-overview h1{font-size:38px}.library-overview-copy{font-size:13px}.library-shelf-heading{margin-top:32px}.library-shelf-list li:not(.active),.library-overview blockquote{display:none}.library-access{padding:34px 24px 38px;display:block}.library-feature-cover{display:none}.library-access-copy h2{font-size:28px}.library-access-copy>p:last-child{font-size:13px}.library-code-form{margin-top:24px}}@media(max-width:680px){.environment-banner{min-height:42px;padding-inline:14px;flex-wrap:wrap;gap:4px 8px;line-height:1.35}.environment-banner span:before{margin-right:8px}.novel-shell{grid-template-rows:auto 56px 1fr}.reader-topbar{padding-inline:16px}.reader-brand{font-size:16px}.reader-tools>span{display:none}.reader-workspace{display:block}.chapter-sidebar{display:none}.novel-page{max-height:420px;padding:30px 24px 34px;border-bottom:1px solid #d6d0c5;overflow:hidden}.novel-page:after{content:"";position:absolute}.novel-chapter-header h1{font-size:28px}.novel-copy{font-size:14px;line-height:2}.novel-copy p:nth-of-type(n+3),.novel-copy blockquote{display:none}.reading-progress{margin-top:28px}.reader-account-panel{padding:36px 24px 46px}.form-heading h2{font-size:26px}.lobby-header{height:64px;padding:0 16px}.lobby-main{width:min(100% - 32px,940px);padding:48px 0}.lobby-intro{display:block}.lobby-intro h1{font-size:42px;margin-bottom:20px}.join-form{margin:40px 0 56px;padding:20px 16px}.join-input-row{grid-template-columns:20px 1fr}.join-input-row .primary-button{grid-column:1 / -1;margin-top:8px}.room-row{grid-template-columns:38px 1fr 20px;gap:10px}.member-count{display:none}.room-shell{width:100%;max-width:100%}.room-topbar{flex-basis:calc(58px + env(safe-area-inset-top));min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.room-topbar .icon-button{width:38px;height:38px}.room-top-left,.room-title{gap:9px}.room-title strong{display:none}.room-actions{gap:8px}.sync-state,.top-username{display:none}.mobile-tabs{flex-basis:46px;min-height:46px;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.workspace{width:100%;min-width:0}.panel-header{flex-basis:70px;padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}.panel-header h2{font-size:17px}.presence{font-size:10px}.message-list{padding:18px max(12px,env(safe-area-inset-right)) 18px max(12px,env(safe-area-inset-left));overscroll-behavior:contain}.history-loader{margin-top:-7px}.message-row{max-width:90%}.message-images{width:min(300px,100%)}.message-images.count-1{width:min(280px,100%)}.composer{width:100%;grid-template-columns:42px minmax(0,1fr) 46px;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.room-shell input,.room-shell textarea{font-size:16px}.composer textarea{resize:none}.composer-previews{max-width:100%}.new-task{margin-inline:14px}.task-list{padding-inline:14px}.task-summary{gap:9px}.task-summary span{font-size:0}.task-summary b{font-size:14px}.task-summary span:first-child:after{content:"进行中";font-size:9px;margin-left:3px}.task-summary span:last-child:after{content:"已完成";font-size:9px;margin-left:3px}.task-card-main{grid-template-columns:9px 1fr auto 16px;gap:8px;padding-inline:12px}.admin-main{width:min(100% - 28px,1080px);padding:44px 0}.admin-heading h1{font-size:40px}.admin-create{margin-top:34px;grid-template-columns:1fr;gap:14px;padding:16px}.admin-create .primary-button{width:100%}.admin-table-head{display:none}.admin-table-wrap{display:grid;gap:10px;padding-top:10px}.admin-room-row{position:relative;grid-template-columns:74px 1fr;gap:10px 14px;padding:16px 54px 16px 14px;border:1px solid var(--line)}.admin-members{align-self:start}.admin-stats,.admin-date{grid-column:1 / -1}.admin-delete{position:absolute;right:12px;top:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}