*{box-sizing:border-box}body{background:#f4f0ea;color:#26211d;font-family:Segoe UI,Yu Gothic,Hiragino Sans,sans-serif;margin:0}a{color:inherit;text-decoration:none}.button-link,button{background:#27615c;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-height:42px;padding:10px 14px}.button-link.secondary{background:#d8d0c4;color:#241f1b}.button-link.is-disabled{cursor:not-allowed;opacity:.48}button.secondary{background:#d8d0c4;color:#241f1b}button:disabled{cursor:not-allowed;opacity:.6}.danger-button{background:#9f3434}.danger-button:disabled{cursor:not-allowed;opacity:.48}input,select,textarea{border:1px solid #c9c0b5;border-radius:6px;font:inherit;padding:10px 12px;width:100%}textarea{resize:vertical}.app-shell{background:#f4f0ea;min-height:100vh}.app-shell.browse-mode{background:#edf7fb}.app-shell.admin-mode{background:#f4f0ea}.app-shell.home-mode{background:#f3f1f7}.site-header{background:#1f2523;color:#fff;padding:0 24px;position:sticky;top:0;z-index:25}.site-header,.topbar{align-items:center;display:flex;justify-content:space-between;min-height:64px}.brand{font-size:20px;font-weight:700}.topnav{align-items:center;display:flex;gap:14px}.nav-notification-link{align-items:center;display:inline-flex;gap:6px}.nav-menu{position:relative}.nav-menu-button{align-items:center;background:#3f4a47;display:inline-flex;gap:8px;min-height:38px;padding:8px 12px}.nav-menu-button span{font-size:11px}.nav-menu-panel{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;box-shadow:0 12px 28px rgba(31,37,35,.18);color:#241f1b;display:none;gap:4px;min-width:190px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}.nav-menu.is-open .nav-menu-panel{display:grid}.nav-menu-panel a{border-radius:6px;min-height:38px;padding:9px 10px}.nav-menu-panel a:focus-visible,.nav-menu-panel a:hover{background:#f4f0ea;outline:none}.nav-group-label{color:#b9c4c0;font-size:12px;font-weight:700}.notification-badge{align-items:center;background:#d94332;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-height:20px;min-width:20px;padding:2px 6px}.topnav button{background:#544a43}.menu-toggle{align-items:center;background:#3f4a47;display:none;font-size:20px;font-weight:700;height:42px;justify-content:center;min-height:42px;padding:0;width:42px}.mode-badge{background:#e7f0ed;border:1px solid #b8d0ca;border-radius:999px;color:#1f2523;font-size:13px;font-weight:700;padding:6px 12px}.browse-mode .mode-badge{background:#dff1fa;border-color:#b8d7e5}.admin-mode .mode-badge{background:#efe7dc;border-color:#d8c8b4}.main-content{margin:0 auto;max-width:1180px;padding:28px 20px 56px}.mode-select{display:grid;gap:28px;margin:48px auto 0;max-width:820px}.mode-select h1{font-size:34px;margin:0 0 10px}.mode-select p{color:#625b53;line-height:1.8;margin:0}.mode-actions{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:8px;min-height:160px;padding:24px;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.mode-card:focus-visible,.mode-card:hover{background:#f8fbf8;box-shadow:0 10px 24px rgba(31,37,35,.08);outline:none;transform:translateY(-2px)}.mode-card strong{font-size:22px}.mode-card span{color:#625b53;line-height:1.7}.mode-card.primary{border-color:#b8d0ca}.page-heading{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.auth-panel h1,.page-heading h1{font-size:28px;margin:0 0 8px}.page-heading p{color:#625b53;margin:0}.interaction-heading-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.auth-panel,.empty-state,.side-panel,.wide-form,.work-card{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px}.auth-panel{margin:80px auto 0;max-width:420px;padding:28px}.auth-description,.auth-switch{color:#625b53;line-height:1.7;margin:0 0 18px}.auth-switch{margin:18px 0 0}.auth-switch a{color:#27615c;font-weight:700;text-decoration:underline;text-underline-offset:3px}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;font-weight:600;gap:6px}.wide-form{padding:24px}.danger-zone,.settings-row{align-items:center;background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:18px}.danger-zone p,.settings-row p{color:#625b53;margin:4px 0 0}.danger-zone.compact,.settings-row.compact{background:#f7f3ee;border-color:#e4ddd4;padding:14px}.danger-zone{margin-top:18px}.danger-zone h2{font-size:20px;margin:0}.error-text{color:#a72d2d;margin:0}.help-text{color:#766c61;font-size:13px;font-weight:400}.field-label-with-help{align-items:center;display:inline-flex;gap:8px}.field-help-button{align-items:center;background:#fffdfa;border:1px solid #bfb5aa;border-radius:50%;color:#473f38;display:inline-flex;font-size:.85rem;font-weight:700;height:24px;justify-content:center;line-height:1;min-height:24px;padding:0;width:24px}.field-help-button:focus-visible,.field-help-button:hover{background:#efe8df}.genre-help-modal{max-width:520px}.genre-help-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.genre-help-list span{background:#f7f3ee;border:1px solid #ded6cd;border-radius:999px;color:#473f38;padding:6px 10px}.error-box{background:#fff2f0;border:1px solid #d88a7d;border-radius:6px;color:#7a1e16;padding:12px 14px}.error-box ul{margin:8px 0 0;padding-left:20px}.search-panel,.work-list{display:grid;gap:14px}.search-panel{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;margin-bottom:18px;padding:16px}.search-panel label{display:grid;font-weight:600;gap:6px}.search-actions{align-items:end;display:flex;gap:10px}.search-modal label{display:grid;font-weight:600;gap:6px}.work-card{display:grid;gap:18px;grid-template-columns:1fr auto auto;padding:18px;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.work-card.is-clickable{cursor:pointer}.work-card.is-clickable:focus-visible,.work-card.is-clickable:hover{background:#f8fbf8;box-shadow:0 10px 24px rgba(31,37,35,.08);outline:none;transform:translateY(-2px)}.work-card.is-static{cursor:default}.work-card h2{margin:0 0 6px}.work-card p{color:#625b53;margin:0}.tag-text{color:#27615c;font-size:13px;margin-top:8px}.author-text,.genre-text{font-size:13px;font-weight:700;margin-bottom:6px}.genre-text{color:#405f7a;margin-top:8px}.status-pill{align-items:center;background:#e7f0ed;border:1px solid #b8d0ca;border-radius:999px;color:#27615c;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-height:34px;padding:6px 10px;text-align:center}.work-summary,.work-title-block{align-items:center;display:flex;gap:16px;min-width:0}.cover-thumb{align-items:center;background:#ece5dc;border:1px solid #ded6cd;border-radius:6px;color:#766c61;display:flex;flex:0 0 88px;font-size:12px;height:88px;justify-content:center;overflow:hidden;width:88px}.cover-preview img,.cover-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cover-preview{border:1px solid #ded6cd;border-radius:6px;height:180px;overflow:hidden;width:135px}.cover-preview.small{flex:0 0 88px;height:88px;width:88px}.type-badge{background:#e7f0ed;border:1px solid #b8d0ca;border-radius:999px;color:#27615c;display:inline-flex;font-size:12px;font-weight:700;margin-bottom:8px;padding:3px 8px}.ai-badge{background:#fff3c4;border-color:#d8b84f;color:#745400}.work-card dl{display:flex;gap:18px;margin:0}.work-card dt{color:#766c61;font-size:12px}.work-card dd{font-weight:700;margin:3px 0 0}.card-actions,.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.card-actions.stacked{align-items:stretch;flex-direction:column}.card-actions.stacked .button-link{white-space:nowrap}.empty-state{padding:24px}.modal-backdrop{align-items:center;background:rgba(31,37,35,.42);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:30}.selection-modal{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;box-shadow:0 18px 48px rgba(31,37,35,.22);display:grid;gap:14px;max-width:420px;padding:24px;position:relative;width:100%}.modal-close-button{align-items:center;background:transparent;border-radius:999px;color:#625b53;font-size:22px;height:34px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:12px;width:34px}.modal-close-button:focus-visible,.modal-close-button:hover{background:#f4f0ea;color:#241f1b;outline:none}.selection-modal h2,.selection-modal p{margin:0}.selection-modal p{color:#625b53}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.search-summary-list{margin:0;padding-left:20px}.friend-section{display:grid;gap:12px;margin-top:22px}.friend-request-form h2,.friend-section h2{font-size:20px;margin:0}.friend-request-form{display:grid;gap:14px}.inline-form{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.inline-form label{display:grid;font-weight:600;gap:6px}.friend-list{display:grid;gap:12px}.friend-list.compact{gap:8px}.friend-card{align-items:center;background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:18px}.friend-card h3{margin:0 0 6px}.friend-card p{color:#625b53;margin:0 0 6px}.detail-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 380px}.detail-grid h2{font-size:20px;margin:0 0 14px}.episode-section{display:grid;gap:18px}.section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.episode-heading p,.muted-text,.section-heading p{color:#625b53;margin:0}.episode-list{display:grid;gap:16px}.chapter-divider{background:#2f3a36;border-radius:6px;color:#fff;font-size:18px;font-weight:700;padding:10px 14px}.episode-browse-list{display:grid;gap:16px}.episode-list-card .type-badge{margin-bottom:6px}.episode-browse-card{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:16px;padding:20px}.episode-browse-card h2{font-size:22px;margin:0 0 6px}.episode-preview-text{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;line-height:1.8;margin:0;max-height:320px;overflow:auto;padding:16px;white-space:pre-wrap}.episode-page-strip{align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.episode-page-strip img{aspect-ratio:3/4;background:#111;border-radius:6px;-o-object-fit:contain;object-fit:contain;width:100%}.episode-page-strip span{align-items:center;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;color:#625b53;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:160px}.reader-heading{align-items:center}.reader-heading h1{margin-top:4px}.reader-nav{display:flex;gap:10px;justify-content:space-between;margin:0 0 18px}.reader-nav+.reader-nav{margin:18px 0 0}.reader-floating-nav{align-items:center;background:#27615c;border-radius:999px;box-shadow:0 10px 24px rgba(31,37,35,.22);color:#fff;display:flex;font-weight:700;justify-content:center;min-height:48px;min-width:72px;padding:12px 16px;position:fixed;top:50%;transform:translateY(-50%);z-index:20}.reader-floating-prev{left:18px}.reader-floating-next{right:18px}.novel-reader{display:grid;gap:24px}.reading-note{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:12px;padding:20px}.novel-body,.reading-note p{line-height:1.9;margin:0;white-space:pre-wrap}.reading-note img{border-radius:6px;max-height:520px;max-width:100%;-o-object-fit:contain;object-fit:contain}.novel-body{font-size:17px;padding:4px 2px}.novel-text-block{line-height:1.9;margin:0;white-space:pre-wrap}.novel-illustration{display:grid;gap:8px;justify-items:center;margin:24px 0}.novel-illustration img{border-radius:6px;height:auto;max-height:680px;max-width:min(100%,720px);-o-object-fit:contain;object-fit:contain}.novel-illustration figcaption{color:#766c61;font-size:13px;text-align:center}.missing-illustration{background:#fff4f0;border:1px solid #e8c6bb;border-radius:6px;color:#8b2f1c;margin:12px 0;padding:10px 12px}.novel-page-links{justify-content:center;margin:8px 0 0}.vertical-comic-reader{display:grid;gap:0;justify-items:center}.vertical-comic-reader img{background:#111;display:block;height:auto;max-width:min(100%,760px);width:100%}.vertical-comic-reader .reading-note{margin:16px 0;width:min(100%,760px)}.episode-type-group{background:#f7f3ee;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:12px;padding:10px}.episode-type-group>.episode-list{max-height:680px;overflow:auto;padding-right:6px}.episode-type-group.is-dragging{opacity:.58}.episode-type-toggle{align-items:center;background:#fffdfa;border:1px solid #e4ddd4;border-radius:6px;color:#241f1b;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:flex-start;margin:0;padding:10px 12px;width:100%}.episode-type-toggle[draggable=true]{cursor:grab}.episode-type-toggle small{color:#766c61;font-size:13px;font-weight:600;margin-left:auto}.episode-card{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:16px;padding:18px}.episode-card[draggable=true]{cursor:grab}.episode-card.is-dragging{opacity:.58}.episode-heading{align-items:start;display:flex;gap:16px;justify-content:space-between}.episode-title-button{align-items:center;background:transparent;color:#241f1b;display:inline-flex;font-size:20px;font-weight:700;gap:8px;justify-content:flex-start;padding:0;text-align:left}.episode-title-button:focus-visible,.episode-title-button:hover{color:#27615c;outline:none}.episode-heading-actions{align-items:center;display:flex;gap:12px}.episode-heading h3{font-size:20px;margin:0 0 6px}.episode-heading dl{margin:0}.episode-heading dt{color:#766c61;font-size:12px}.episode-heading dd{font-weight:700;margin:3px 0 0}.episode-text{border-top:1px solid #e4ddd4;padding-top:12px}.episode-text p{white-space:pre-wrap}.supplemental-block{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:10px;padding:12px}.supplemental-block p{margin:0;white-space:pre-wrap}.supplemental-block img{border-radius:4px;max-height:420px;max-width:100%;-o-object-fit:contain;object-fit:contain}.sub-form-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)}.image-add-form{align-items:end;grid-template-columns:minmax(0,1fr) auto}.episode-image-picker,.image-add-form{display:grid;gap:10px}.episode-image-picker label{display:grid;font-weight:600;gap:6px}.selected-image-list{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:8px;padding:10px}.selected-image-item{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.selected-image-item span{color:#625b53;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-image-item button{min-height:34px;padding:6px 10px}.image-add-form label{display:grid;font-weight:600;gap:6px}.image-admin-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-admin-item{background:#f4f0ea;border:1px solid #ded6cd;border-radius:6px;display:grid;gap:8px;padding:8px}.image-admin-item img{aspect-ratio:3/4;background:#111;border-radius:4px;-o-object-fit:contain;object-fit:contain;width:100%}.image-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.image-actions .button-link,.image-actions button{align-items:center;padding:8px}.episode-create-form{margin-top:6px}.side-panel .episode-create-form{margin-top:0}.episode-edit-form{border-top:1px solid #e4ddd4;padding-top:16px}.preview-backdrop{padding:20px}.episode-preview-modal{background:#f7f3ee;border:1px solid #ded6cd;border-radius:8px;box-shadow:0 18px 44px rgba(31,37,35,.22);display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 40px);max-width:980px;overflow:hidden;width:min(100%,980px)}.preview-modal-heading{align-items:flex-start;background:#fffdfa;border-bottom:1px solid #ded6cd;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.preview-modal-heading h1{font-size:24px;margin:6px 0 4px}.preview-modal-heading p{color:#625b53;line-height:1.7;margin:0}.preview-modal-body{overflow:auto;padding:20px}.illustration-manager{border:1px solid #e4ddd4;border-radius:8px;display:grid;gap:14px;padding:14px}.text-editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.text-editor-actions button{min-height:36px;padding:8px 12px}.section-heading.compact{margin:0}.section-heading.compact h3{font-size:18px;margin:0 0 6px}.illustration-upload-form{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.illustration-upload-form label{display:grid;font-weight:600;gap:6px}.illustration-list{display:grid;gap:10px}.illustration-item{align-items:center;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:12px;grid-template-columns:96px minmax(0,1fr) minmax(190px,auto);padding:10px}.illustration-item img{aspect-ratio:4/3;background:#111;border-radius:4px;-o-object-fit:contain;object-fit:contain;width:100%}.illustration-item code,.illustration-item strong{display:block}.illustration-item code{color:#27615c;font-size:13px;margin-top:4px;overflow-wrap:anywhere}.story-unit-manager{border:1px solid #d5ded6;border-radius:8px;display:grid;gap:14px;padding:14px}.choice-manager{border-top:1px solid #e4ddd4;display:grid;gap:12px;padding-top:12px}.choice-manager h4{font-size:16px;margin:0 0 4px}.choice-edit-item,.choice-list{display:grid;gap:10px}.choice-edit-item{align-items:end;background:#fffdfa;border:1px solid #ded6cd;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr) minmax(160px,auto);padding:10px}.choice-edit-item label{display:grid;font-weight:600;gap:6px}.branch-map{display:grid;gap:14px}.branch-node{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:12px;padding:16px}.branch-node-heading{display:flex;flex-wrap:wrap;gap:8px}.branch-node p{color:#625b53;line-height:1.7;margin:0;white-space:pre-wrap}.branch-choice-list{display:grid;gap:8px}.branch-edge{align-items:center;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.gamebook-choice-panel{background:rgba(255,253,250,.82);border:1px solid hsla(32,20%,84%,.62);border-radius:8px;color:#241f1b;display:grid;gap:8px;margin-top:24px;padding:12px;width:100%}.gamebook-choice-panel strong{color:#241f1b}.gamebook-choice-panel button{background:rgba(39,97,92,.86);width:100%}.story-unit-create-form{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr) auto}.story-unit-add-button{justify-self:start}.story-unit-create-form label,.story-unit-edit-item label{display:grid;font-weight:600;gap:6px}.story-unit-edit-list,.story-unit-preview-list{display:grid;gap:12px}.story-unit-edit-item,.story-unit-preview-item{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:12px;padding:12px}.story-unit-edit-heading{align-items:center;display:flex;gap:10px;justify-content:space-between}.story-unit-edit-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr)}.story-unit-image-field{display:grid;gap:10px}.story-unit-image-field img,.story-unit-preview-item img{aspect-ratio:3/4;background:#111;border-radius:6px;-o-object-fit:contain;object-fit:contain;width:100%}.story-unit-empty-image,.story-unit-empty-thumb,.story-unit-preview-item span{align-items:center;background:#ece5dc;border:1px solid #ded6cd;border-radius:6px;color:#625b53;display:flex;justify-content:center;min-height:180px;padding:12px}.story-unit-preview-item{align-items:start;grid-template-columns:120px minmax(0,1fr)}.story-unit-preview-item p{margin:0;white-space:pre-wrap}.reader-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.reader-mode-tabs a{background:#d8d0c4;border-radius:6px;color:#241f1b;font-weight:700;padding:10px 14px}.reader-mode-tabs button{background:#d8d0c4;color:#241f1b;min-height:38px;padding:8px 12px}.reader-mode-tabs a.active,.reader-mode-tabs button.active{background:#27615c;color:#fff}.reader-mode-tabs.compact{margin:0}.hybrid-reader-launch{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.story-reader-backdrop{background:rgba(16,18,17,.72);padding:18px;z-index:40}.story-reader-modal{background:#171717;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;box-shadow:0 18px 52px rgba(0,0,0,.42);display:grid;grid-template-rows:auto minmax(0,1fr);height:min(92vh,940px);max-width:980px;overflow:hidden;position:relative;width:min(100%,980px)}.story-reader-toolbar{align-items:center;background:#fffdfa;border-bottom:1px solid #ded6cd;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.story-reader-toolbar .modal-close-button{position:static}.story-reader-scroll{background:#fffdfa;overflow:auto;padding:20px}.story-reader-scroll.vertical-comic-reader{background:#111;display:grid;justify-items:center}.hybrid-overlay-shell{background:#111;display:grid;min-height:0;padding:46px 72px 42px;position:relative}.hybrid-overlay-shell.preview{border-radius:8px;min-height:620px}.hybrid-overlay-frame{align-self:center;background:#050505;display:grid;height:100%;justify-self:center;min-height:520px;min-width:min(100%,360px);overflow:hidden;position:relative;width:min(100%,760px)}.hybrid-overlay-empty,.hybrid-overlay-image{height:100%;inset:0;position:absolute;width:100%}.hybrid-overlay-image{-o-object-fit:contain;object-fit:contain}.hybrid-overlay-empty{align-items:center;background:#050505;color:#fff;display:flex;justify-content:center}.hybrid-overlay-text{background:rgba(0,0,0,.78);border:1px solid hsla(0,0%,100%,.42);color:#fff;font-size:17px;inset:0;line-height:1.9;overflow:auto;padding:22px 28px;position:absolute;white-space:pre-wrap;z-index:2}.hybrid-overlay-text p{margin:0}.hybrid-overlay-nav{align-items:center;background:rgba(39,97,92,.92);border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.28);color:#fff;display:flex;font-weight:700;justify-content:center;min-height:48px;min-width:64px;padding:10px 14px;position:absolute;top:50%;transform:translateY(-50%);z-index:4}.hybrid-overlay-prev{left:14px}.hybrid-overlay-next{right:14px}.hybrid-overlay-count{bottom:12px;color:#fff;font-weight:700;left:50%;position:absolute;transform:translateX(-50%);z-index:4}.inline-check{align-items:center;display:flex;font-weight:400;gap:8px}.inline-check input{flex:0 0 auto;width:auto}.aligned-check{align-items:center;grid-template-columns:auto minmax(0,1fr);justify-content:start}.profile-delete-form{align-items:start}.profile-delete-form label{display:grid;gap:6px;margin-top:12px}.notice-list{display:grid;gap:12px}.notice-list article{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:6px;padding:12px}.notice-list p{margin:0;white-space:pre-wrap}.notification-list{display:grid;gap:12px}.interaction-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.interaction-filter-tabs button{min-height:36px;padding:8px 12px}.interaction-filter-tabs button.active{background:#27615c;color:#fff}.character-ranking-modal{grid-template-rows:auto auto minmax(0,1fr);max-height:calc(100vh - 40px);max-width:760px;overflow:hidden}.ranking-modal-heading{display:grid;gap:6px;padding-right:40px}.ranking-filter-tabs{border-bottom:1px solid #e4ddd4;padding-bottom:12px}.ranking-list,.ranking-scroll-area{display:grid;gap:10px}.ranking-scroll-area{min-height:0;overflow-y:auto;padding-right:4px}.ranking-item{align-items:center;background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:12px;grid-template-columns:46px auto minmax(0,1fr) auto;padding:12px}.ranking-rank{align-items:center;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;color:#37312c;display:inline-flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:46px}.ranking-character-body{display:grid;gap:3px;min-width:0}.ranking-character-body p,.ranking-character-body small,.ranking-character-body strong{overflow-wrap:anywhere}.ranking-character-body p{color:#625b53;margin:0}.ranking-character-body small{color:#766c61}.ranking-value{align-items:end;color:#27615c;display:grid;justify-items:end;min-width:72px}.ranking-value span{color:#766c61;font-size:12px}.ranking-value strong{font-size:24px;line-height:1.1}.notification-item{align-items:center;background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:16px}.notification-item.is-unread{background:#f3fbf8;border-left:5px solid #27615c}.unread-dot{background:#27615c;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;line-height:1;margin:0 8px 4px 0;padding:5px 8px;vertical-align:middle}.notification-item p{color:#625b53;margin:4px 0}.message-list-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.message-list-toolbar h2{margin:0}.notification-item.message-list-item{grid-template-columns:auto minmax(0,1fr) auto}.collapsible-heading{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.collapsible-heading button{align-items:center;background:transparent;color:#241f1b;display:inline-flex;gap:8px;padding:0}.collapsible-heading button:hover{color:#27615c}.collapsible-heading button span:last-child{font-size:1.3rem;font-weight:700}.collapsible-form-section{border-top:1px solid #e4ddd4;display:grid;gap:12px;padding-top:18px}.interaction-character-item{align-items:start;grid-template-columns:auto minmax(0,1fr)}.interaction-character-avatar-cell,.interaction-participant-avatar-cell{align-items:center;display:flex}.interaction-character-avatar-cell{min-height:160px}.interaction-character-body,.interaction-participant-body{display:grid;gap:8px;min-width:0}.interaction-character-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.interaction-character-actions{display:flex;flex-wrap:wrap;gap:8px}.interaction-power-summary{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;color:#37312c;display:grid;gap:4px;grid-column:1/-1;padding:10px 12px}.interaction-power-summary small{color:#766c61}.interaction-power-summary.is-over{background:#fff3f3;border-color:#d59a9a;color:#9f2d2d}.interaction-participant-item{align-items:start;grid-template-columns:auto minmax(0,1fr)}.interaction-participant-avatar-cell{padding-top:12px}.field-search-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.field-search-form input{min-width:240px}.work-list-toolbar{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) minmax(150px,auto) minmax(100px,auto);margin-bottom:18px}.import-output-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.import-flow-panel{display:grid;gap:20px}.import-flow-panel h2,.import-output-grid .side-panel h2{font-size:20px;margin:0}.import-source-options,.output-format-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.import-source-options label,.output-format-grid label{align-items:start;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:8px;cursor:pointer;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);padding:14px}.output-format-grid label span{color:#625b53;grid-column:2;line-height:1.6}.import-source-options label.is-selected,.output-format-grid label.is-selected{background:#edf7f4;border-color:#8fb8ad}.import-source-options input,.output-format-grid input{width:auto}.conversion-preview,.drop-placeholder{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:8px;display:grid;gap:6px;padding:14px}.conversion-preview p{color:#625b53;margin:0}.conversion-preview small{color:#766c61}.drop-placeholder{align-items:center;border-style:dashed;color:#766c61;justify-content:center;min-height:120px;text-align:center}.compact-step-list{color:#625b53;display:grid;gap:8px;line-height:1.6;margin:10px 0 0;padding-left:22px}.output-summary-list{display:grid;gap:10px;margin:10px 0 0}.output-summary-list div{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;padding:10px}.output-summary-list dt{color:#766c61;font-size:12px}.output-summary-list dd{font-weight:700;margin:3px 0 0}.help-item-list{display:grid;gap:12px}.help-item-list article{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;padding:14px}.help-item-list p{color:#625b53;margin:6px 0 0}.field-search-form.in-section{margin-bottom:14px}.pagination-gap{color:#625b53;padding:0 8px}.pagination-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pagination-links button{min-width:44px}.inline-link{color:#27615c;font-weight:700;text-decoration:underline;text-underline-offset:3px}.interaction-summary-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.interaction-summary-grid article{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;padding:16px}.interaction-summary-grid strong{display:block;font-size:1.8rem}.interaction-summary-grid small,.interaction-summary-grid span{display:block}.interaction-capability-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.interaction-capability-list article{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;padding:14px}.interaction-capability-list p{color:#625b53;margin:6px 0 0}.interaction-sample-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.interaction-character-form{display:grid;gap:14px}.interaction-character-form.compact{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;margin-top:12px;padding:12px}.interaction-character-form label,.interaction-power-grid label{display:grid;gap:6px}.interaction-character-form textarea{resize:vertical}.interaction-power-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.interaction-genre-picker{border:1px solid #ded6cd;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px 16px;margin:0;padding:12px}.interaction-genre-picker legend{color:#625b53;padding:0 6px}.interaction-genre-picker label{align-items:center;display:flex;gap:6px}.interaction-run-form{align-items:end;display:flex;flex-wrap:wrap;gap:16px}.interaction-run-form label{display:grid;gap:6px}.interaction-run-form .inline-check{align-items:center;display:flex;gap:8px}.interaction-event-body{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;padding:16px}.interaction-event-body h3{margin-bottom:6px;margin-top:16px}.message-select{margin:0}.compact-link{white-space:nowrap}.chat-message p,.message-body p{line-height:1.8;margin:0;white-space:pre-wrap}.chat-invite-panel,.chat-room{display:grid;gap:16px;margin-bottom:18px}.chat-invite-panel h2,.chat-room h2{margin:0}.chat-invite-form{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.chat-invite-form label{display:grid;font-weight:600;gap:6px}.chat-message-list{display:grid;gap:10px;max-height:520px;overflow:auto}.chat-message{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:6px;padding:12px}.chat-message div{align-items:baseline;display:flex;gap:8px}.chat-message small{color:#766c61}.chat-message-form{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.chat-message-form label{display:grid;font-weight:600;gap:6px}.werewolf-panel{display:grid;gap:16px;margin-bottom:18px}.werewolf-panel h2{margin:0}.werewolf-start-form{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(160px,220px) auto;justify-content:start}.werewolf-start-form label{display:grid;font-weight:600;gap:6px}.werewolf-result{background:#f3fbf8;border:1px solid #b8d0ca;border-radius:6px;padding:12px}.werewolf-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)}.werewolf-actions,.werewolf-event-list,.werewolf-player-list{display:grid;gap:10px}.werewolf-player{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:6px;padding:10px}.werewolf-player.is-dead{opacity:.58}.werewolf-player div{align-items:center;display:flex;gap:8px;justify-content:space-between}.werewolf-player p{color:#625b53;margin:0}.werewolf-actions{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;padding:12px}.werewolf-event-list article{background:#fffdfa;border:1px solid #ded6cd;border-radius:6px;display:grid;gap:4px;padding:10px}.werewolf-event-list article.is-private{background:#fff7d8;border-color:#d8b84f}.werewolf-event-list p{color:#625b53;margin:0}.episode-review-panel{display:grid;gap:16px;margin-top:24px}.episode-review-panel h2{margin:0}.viewer{background:#111;display:grid;justify-items:center;min-height:360px;padding:12px}.viewer p{align-self:center;color:#fff}.viewer img{display:block;height:auto;max-width:min(100%,720px);width:100%}.side-panel{display:grid;gap:18px;padding:18px}.review-list{display:grid;gap:10px}.shortcut-settings{display:grid;gap:14px;margin-top:18px}.shortcut-list,.shortcut-row{display:grid;gap:10px}.shortcut-row{align-items:end;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;grid-template-columns:minmax(140px,.45fr) minmax(0,1fr) auto;padding:10px}.shortcut-row label{display:grid;font-weight:600;gap:6px}.review-item{border-top:1px solid #e4ddd4;padding-top:10px}.character-avatar{align-items:center;aspect-ratio:1/1;border:1px solid #d8d0c4;border-radius:6px;display:inline-flex;flex:0 0 auto;justify-content:center;-o-object-fit:cover;object-fit:cover}.character-avatar.fallback{background:#27615c;color:#fff;font-size:1.1rem;font-weight:700}.character-icon-form{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) minmax(140px,auto) auto;margin-top:10px}.character-icon-form label{display:grid;gap:6px}.character-icon-form label.inline-check,.interaction-character-form label.inline-check{align-items:center;display:flex;justify-content:flex-start}.character-icon-form label.inline-check input,.interaction-character-form label.inline-check input{flex:0 0 auto;width:auto}.isekai-profile-panel{background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:10px;margin-top:12px;padding:12px}.isekai-profile-panel.active{background:#f3fbf8;border-color:#b8d0ca}.isekai-profile-panel.muted{opacity:.78}.isekai-profile-panel p{color:#625b53;margin:0}.isekai-profile-panel button{justify-self:start}.isekai-candidate-list{display:grid;gap:8px}.isekai-candidate-list article{align-items:center;background:#fffdfa;border:1px solid #ded6cd;border-radius:6px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.isekai-candidate-list article.selected-skill-card{background:#edf7f4;border-color:#8fb8ad}.debug-modal{max-width:760px}.debug-skill-list{display:grid;gap:8px;max-height:52vh;overflow:auto}.debug-skill-list article{align-items:center;background:#fffdfa;border:1px solid #ded6cd;border-radius:6px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.debug-skill-list small{color:#766c61}.isekai-party-form{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:14px;padding:16px}.isekai-party-form label{display:grid;gap:6px}.isekai-party-form button{justify-self:start}.isekai-party-list,.isekai-party-member-picker{display:grid;gap:10px}.isekai-party-member-picker label{align-items:center;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:grid;gap:10px;grid-template-columns:auto auto minmax(0,1fr);padding:10px}.isekai-party-member-picker input{width:auto}.isekai-party-list article{background:#fffdfa;border:1px solid #ded6cd;border-radius:8px;display:grid;gap:10px;padding:14px}.isekai-party-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.isekai-party-member-list{display:flex;flex-wrap:wrap;gap:8px}.isekai-party-member-list span{align-items:center;background:#f7f3ee;border:1px solid #e4ddd4;border-radius:6px;display:inline-flex;gap:8px;padding:6px 8px}.review-item p{white-space:pre-wrap}.review-meta{align-items:baseline;display:flex;flex-wrap:wrap;gap:0}.review-meta small{color:#766c61}@media (max-width:860px){.chat-invite-form,.chat-message-form,.detail-grid,.friend-card,.import-output-grid,.inline-form,.notification-item,.page-heading,.site-header,.work-card{display:grid;grid-template-columns:1fr}.site-header{align-items:stretch;min-height:56px;padding:0}.topbar{min-height:56px;padding:0 18px;width:100%}.menu-toggle{display:inline-flex}.topnav{background:#1f2523;color:#fff;display:none;gap:10px;grid-template-columns:1fr 1fr;padding:0 18px 14px;width:100%}.topnav.is-open{display:grid}.topnav a,.topnav button{min-height:44px}.nav-menu{display:grid}.nav-menu-panel{background:#29312e;border-color:#3f4a47;box-shadow:none;color:#fff;position:static}.nav-menu.is-open .nav-menu-panel{display:grid}.nav-menu-panel a:focus-visible,.nav-menu-panel a:hover{background:#36413d}.interaction-heading-actions{justify-content:flex-start}.character-ranking-modal{max-height:calc(100vh - 40px);overflow:hidden}.ranking-item{grid-template-columns:40px auto minmax(0,1fr)}.ranking-rank{height:36px;width:40px}.ranking-value{align-items:center;grid-column:3;grid-row:2;justify-items:start}.work-card dl{flex-wrap:wrap}.danger-zone,.episode-heading,.episode-heading-actions,.image-add-form,.section-heading,.settings-row,.sub-form-grid,.work-summary,.work-title-block{display:grid;grid-template-columns:1fr}.side-panel{padding:14px}.mode-actions{grid-template-columns:1fr}.card-actions,.character-icon-form,.form-actions,.interaction-character-actions,.interaction-character-title-row,.work-list-toolbar{align-items:stretch;display:grid;grid-template-columns:1fr}.card-actions .button-link,.danger-zone button,.episode-heading-actions button,.form-actions .button-link,.form-actions button,.illustration-upload-form button,.settings-row button{width:100%}.choice-edit-item,.debug-skill-list article,.illustration-item,.illustration-upload-form,.isekai-candidate-list article,.selected-image-item,.shortcut-row,.story-unit-create-form,.story-unit-edit-grid,.story-unit-preview-item,.werewolf-grid,.werewolf-start-form{grid-template-columns:1fr}.interaction-character-avatar-cell{min-height:0;padding-top:0}.illustration-item img{max-width:220px}.reader-floating-nav{min-width:56px;opacity:.92;padding:10px 12px}.reader-floating-prev{left:8px}.reader-floating-next{right:8px}.story-reader-backdrop{padding:8px}.story-reader-modal{height:calc(100vh - 16px)}.story-reader-toolbar{align-items:stretch;display:grid;grid-template-columns:1fr auto}.hybrid-overlay-shell{padding:44px 48px 38px}.hybrid-overlay-frame{min-height:460px;min-width:min(100%,260px)}.hybrid-overlay-text{font-size:15px;padding:18px 20px}.hybrid-overlay-nav{min-width:48px;padding:8px 10px}.hybrid-overlay-prev{left:6px}.hybrid-overlay-next{right:6px}}