*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;min-height:0;background:#061512;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;background:#061512;color:#333;height:100%;overscroll-behavior:none;overflow:hidden;-webkit-overflow-scrolling:touch}.app{max-width:1200px;margin:0 auto;padding:20px;overflow-x:hidden}.mobile-dark-app{height:100dvh;overflow-y:auto;overflow-x:hidden}.app:not(.mobile-dark-app){width:100%;max-width:none;height:100dvh;min-height:0;padding:0;background:radial-gradient(circle at 18% -8%,rgba(108,92,255,.18),transparent 32%),radial-gradient(circle at 88% 8%,rgba(42,132,255,.14),transparent 28%),#070b16;color:#d8def1;overflow:hidden}.app:not(.mobile-dark-app)>h1,.app:not(.mobile-dark-app)>.container{display:none}.desktop-workbench{--topbar-height: 48px;--desk-bg: #070b16;--desk-panel: rgba(17, 24, 42, .92);--desk-panel-soft: rgba(23, 32, 54, .82);--desk-border: rgba(148, 163, 184, .16);--desk-border-strong: rgba(139, 92, 246, .46);--desk-text: #e7ebf8;--desk-muted: #8d99b7;--desk-subtle: #5d6680;--desk-primary: #7c5cff;--desk-primary-2: #4f8cff;display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden;background:transparent;color:var(--desk-text)}.desktop-topbar{height:var(--topbar-height);flex:0 0 var(--topbar-height);display:grid;grid-template-columns:210px minmax(320px,620px) 1fr;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid var(--desk-border);background:#070b16e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:.02em}.desktop-logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#a48ffff2,#4870ff8c),#1a2150;box-shadow:0 0 22px #7c5cff9e,inset 0 0 0 1px #ffffff38;transform:rotate(45deg)}.desktop-search{position:relative;height:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--desk-border);border-radius:8px;background:#0a1020eb;color:var(--desk-muted)}.desktop-search input{width:100%;border:0;outline:0;background:transparent;color:var(--desk-text);font-size:14px}.desktop-search kbd{padding:2px 7px;border-radius:6px;background:#94a3b81a;color:var(--desk-muted);font-size:12px;font-family:inherit}.desktop-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:420px;overflow-y:auto;background:#101628fa;border:1px solid var(--desk-border);border-radius:10px;z-index:1000;padding:6px;box-shadow:0 8px 32px #00000073}.desktop-search-status{padding:24px 16px;text-align:center;color:var(--desk-muted);font-size:13px}.desktop-search-list{display:flex;flex-direction:column;gap:2px}.desktop-search-result{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--desk-text);text-align:left;cursor:pointer;font-size:13px;font-family:inherit;line-height:1.4}.desktop-search-result:hover{background:#94a3b814}.desktop-search-tag{display:inline-block;width:fit-content;padding:1px 8px;border-radius:4px;background:#6366f126;color:#818cf8;font-size:11px;font-weight:600}.desktop-search-snippet{color:var(--desk-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.desktop-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.desktop-action,.desktop-icon-action,.desktop-avatar{height:34px;border:1px solid var(--desk-border);border-radius:8px;background:#141c30d9;color:var(--desk-text);cursor:pointer;box-shadow:0 8px 22px #0003}.desktop-action{padding:0 12px;font-size:13px;font-weight:650}.desktop-action.primary,.desktop-generate-btn{border-color:#a084ff7a;background:linear-gradient(135deg,#5b45e9,#7f57ff);color:#fff}.desktop-icon-action,.desktop-avatar{width:38px;position:relative}.desktop-icon-action em{position:absolute;top:-7px;right:-5px;width:18px;height:18px;border-radius:999px;background:#e25572;color:#fff;font-style:normal;font-size:11px;line-height:18px}.desktop-avatar{border-radius:50%;background:linear-gradient(135deg,#26324f,#667099);font-weight:800}.desktop-layout{height:calc(100dvh - var(--topbar-height));min-height:0;display:grid;grid-template-columns:164px 286px minmax(520px,1fr) 336px;gap:8px;padding:8px;overflow:hidden}.desktop-mainnav,.desktop-project-rail,.desktop-ai-panel,.desktop-writing-main{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.desktop-settings-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 14px 14px}.desktop-settings-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.desktop-settings-field{display:flex;flex-direction:column;min-height:0}.desktop-settings-field label{flex:0 0 auto;margin-bottom:6px;color:var(--desk-muted);font-size:13px}.desktop-settings-field textarea{flex:1;min-height:160px;resize:none}.desktop-settings-footer{flex:0 0 auto;padding-top:12px;display:flex;justify-content:flex-end}.desktop-mainnav{display:flex;flex-direction:column;gap:4px;padding:8px 6px;border:1px solid var(--desk-border);border-radius:8px;background:linear-gradient(180deg,#0b1223f0,#060c1af5);box-shadow:0 18px 48px #00000047}.desktop-mainnav button{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#cbd5ef;cursor:pointer;text-align:left;font-size:14px}.desktop-mainnav button span{width:20px;color:#dbe5ff;text-align:center}.desktop-mainnav button.active{border-color:#7c5cff8f;background:linear-gradient(135deg,#4637c7e6,#233084c2);box-shadow:inset 3px 0 #8e74ff,0 12px 28px #372fa042}.desktop-card{border:1px solid var(--desk-border);border-radius:8px;background:var(--desk-panel);box-shadow:0 18px 46px #00000040;min-height:0}.desktop-project-rail,.desktop-ai-panel{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.desktop-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px 8px;border-bottom:1px solid var(--desk-border)}.desktop-card-head h2{margin:0;color:var(--desk-text);font-size:14px}.desktop-card-head button,.desktop-chapter-card button,.desktop-tabs button,.desktop-editor-toolbar button,.desktop-mode-grid button,.desktop-linked-settings button,.desktop-candidates button{border:1px solid var(--desk-border);border-radius:7px;background:#1e273fb3;color:#c8d1eb;cursor:pointer}.desktop-card-head button:disabled,.desktop-chapter-card button:disabled,.desktop-tabs button:disabled,.desktop-editor-toolbar button:disabled,.desktop-mode-grid button:disabled,.desktop-linked-settings button:disabled,.desktop-candidates button:disabled,.desktop-action:disabled,.desktop-icon-action:disabled{cursor:not-allowed;opacity:.48}.desktop-current-project,.desktop-chapter-card{overflow:hidden}.desktop-project-cover{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:10px}.desktop-project-cover>span{width:58px;height:72px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(160deg,#5385c4e6,#161f3ae6),#17223b;color:#eef4ff;font-size:26px;font-weight:800}.desktop-project-cover h3{margin:0 0 6px;color:#fff;font-size:15px;display:flex;align-items:center;gap:6px}.desktop-project-rename-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--desk-muted);cursor:pointer;font-size:13px;line-height:1;padding:0;opacity:.6}.desktop-project-rename-btn:hover{opacity:1;color:var(--desk-text);border-color:var(--desk-border);background:#ffffff0f}.desktop-project-cover em{display:inline-flex;margin-bottom:5px;padding:3px 8px;border-radius:6px;background:#7c5cff2e;color:#baf;font-style:normal;font-size:12px}.desktop-project-cover p,.desktop-empty{color:var(--desk-muted);font-size:12px;line-height:1.55}.desktop-project-stats{display:grid;gap:5px;padding:0 10px 10px}.desktop-project-stats span{display:flex;justify-content:space-between;color:var(--desk-muted);font-size:13px}.desktop-project-stats strong{color:var(--desk-text)}.desktop-chapter-card{flex:1;min-height:0;display:flex;flex-direction:column}.desktop-chapter-search{padding:6px 8px 4px;border-bottom:1px solid var(--desk-border)}.desktop-chapter-search input{width:100%;height:28px;border:1px solid var(--desk-border);border-radius:7px;padding:0 9px;background:#0c1222d6;color:var(--desk-text);outline:0}.desktop-chapter-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px}.desktop-chapter-list button{width:100%;display:grid;gap:3px;margin-bottom:5px;padding:8px 10px;text-align:left}.desktop-chapter-list button.active{border-color:var(--desk-border-strong);background:linear-gradient(135deg,#4839a1bd,#212b52e6);box-shadow:inset 3px 0 0 var(--desk-primary)}.desktop-chapter-list strong{color:#e8edff;font-size:13px}.desktop-chapter-list span,.desktop-chapter-list em{color:var(--desk-muted);font-size:12px;font-style:normal}.desktop-editor-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}.desktop-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px 0;flex:0 0 auto}.desktop-editor-head h2{display:flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:18px}.desktop-editor-head h2 button{border:0;background:transparent;color:var(--desk-muted);cursor:pointer;font-size:16px}.desktop-tabs{display:flex;gap:18px;margin-top:10px}.desktop-tabs button{padding:0 2px 7px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}.desktop-tabs button.active{color:#bda8ff;border-bottom-color:var(--desk-primary)}.desktop-save-state{text-align:right;color:var(--desk-muted);font-size:12px}.desktop-save-state strong{display:block;color:#f4f7ff;font-size:14px}.desktop-title-edit,.desktop-inline-panels,.desktop-editor-toolbar,.desktop-editor-actions,.desktop-editor-status{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:8px}.desktop-title-edit input,.desktop-create-panel input,.desktop-create-panel textarea,.desktop-param-list select,.desktop-ai-card textarea{width:100%;border:1px solid var(--desk-border);border-radius:8px;background:#0c1222d6;color:var(--desk-text)}.desktop-title-edit input,.desktop-create-panel input{height:38px;padding:0 12px}.desktop-inline-panels{margin-top:8px}.desktop-editor-toolbar{min-height:34px;flex:0 0 34px;display:flex;align-items:center;gap:8px;margin-top:10px;padding:0 10px;border:1px solid var(--desk-border);border-bottom:0;border-radius:8px 8px 0 0;background:#0c1222e0}.desktop-editor-toolbar span{margin-right:8px;color:#cbd5ef}.desktop-editor-toolbar button{width:25px;height:25px}.desktop-editor-toolbar em{margin-left:auto;color:var(--desk-muted);font-style:normal;font-size:12px}.desktop-manuscript{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 12px;padding:22px 30px;border:1px solid var(--desk-border);border-radius:0 0 8px 8px;background:linear-gradient(180deg,#0d162afa,#0a101ffa);color:#eef2ff;font-size:16px;line-height:1.9;white-space:pre-wrap;word-break:break-word;resize:none;outline:0;font-family:inherit}.desktop-manuscript:read-only{color:#cbd5ef}.desktop-editor-actions{display:flex;gap:8px;padding:9px 0 8px;flex:0 0 auto}.desktop-editor-actions .btn{min-width:96px;min-height:32px;padding:6px 10px;font-size:13px;border:1px solid rgba(124,92,255,.38);box-shadow:0 10px 24px #00000038}.desktop-editor-actions .btn-secondary{background:#1c263de6;color:#dce4fb}.desktop-editor-status{display:grid;grid-template-columns:auto auto auto minmax(120px,1fr) auto;align-items:center;gap:10px;padding:0 12px 10px;color:var(--desk-muted);font-size:12px}.desktop-editor-status span:first-child{color:#44d28f}.desktop-editor-status div{height:5px;overflow:hidden;border-radius:999px;background:#94a3b82e}.desktop-editor-status i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6258ff,#a475ff)}.desktop-ai-panel{min-height:0;height:100%;overflow:hidden}.desktop-ai-card{padding-bottom:8px;flex:0 0 auto}.desktop-ai-card label,.desktop-create-panel label{margin:8px 10px 5px;color:#b9c2dc;font-size:13px}.desktop-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 10px}.desktop-mode-grid button{height:30px}.desktop-mode-grid button.active{border-color:#7c5cffa3;background:linear-gradient(135deg,#5b45e9eb,#4b5bb9b8);color:#fff}.desktop-model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:0 10px}.desktop-model-grid button{height:50px;border:1px solid var(--desk-border);border-radius:7px;background:#1e273fb3;color:#c8d1eb;cursor:pointer;font-size:13px;line-height:1.3}.desktop-model-grid button small{font-size:11px;color:var(--desk-subtle)}.desktop-model-grid button.active{border-color:#7c5cffa3;background:linear-gradient(135deg,#5b45e9eb,#4b5bb9b8);color:#fff}.desktop-model-grid button.active small{color:#ffffffb3}.desktop-param-list{display:grid;gap:6px;padding:0 10px}.desktop-param-list select{height:30px;padding:0 8px}.desktop-range-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#c8d1e8;font-size:13px}.desktop-range-row input{accent-color:var(--desk-primary)}.desktop-ai-card textarea{display:block;width:calc(100% - 20px);margin:0 10px;padding:8px;resize:vertical;min-height:100px}.desktop-linked-settings{display:grid;gap:5px;padding:0 10px}.desktop-linked-settings button{height:30px;text-align:left;padding:0 10px}.desktop-event-cards-empty{font-size:12px;color:var(--desk-muted, #8892b0);padding:4px 0}.desktop-event-cards-list{display:flex;flex-direction:column;gap:2px;max-height:120px;overflow-y:auto}.desktop-event-card-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;padding:2px 0;color:var(--desk-text, #dce4fb)}.desktop-event-card-checkbox input[type=checkbox]{accent-color:#7c8ddb;cursor:pointer}.event-card-usage-badge{font-size:10px;padding:0 4px;border-radius:3px;line-height:1.4;margin-left:auto}.event-card-usage-badge.used{color:#7c8ddb;background:#7c8ddb1a}.event-card-usage-badge.unused{color:var(--desk-subtle, #5d6680)}.desktop-generate-btn,.desktop-apply-btn{width:calc(100% - 20px);height:36px;margin:8px 10px 0;border-radius:8px;cursor:pointer;font-size:15px;font-weight:750}.desktop-apply-btn{border:1px solid var(--desk-border);background:#232d44e6;color:#dce4fb}.desktop-candidates{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.desktop-candidate-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 0}.desktop-candidates article{margin:6px 8px;padding:9px;border:1px solid var(--desk-border);border-radius:8px;background:#131c32d6}.desktop-candidates article.active{border-color:var(--desk-border-strong);box-shadow:inset 0 0 0 1px #7c5cff38}.desktop-candidates strong{color:#cbbcff;font-size:13px}.desktop-candidates p{margin:5px 0 8px;color:#c8d1e8;font-size:13px;line-height:1.45}.desktop-candidates div{display:flex;gap:5px}.desktop-candidates button{flex:1;min-height:30px;font-size:12px}.desktop-create-panel,.desktop-empty-main{height:100%;padding:18px;overflow-y:auto;overflow-x:hidden}.desktop-create-panel h2,.desktop-empty-main h2{margin:0 0 14px;color:#fff;font-size:22px}.desktop-create-panel label{margin-left:0}.desktop-create-panel textarea{min-height:92px;padding:10px 12px;resize:vertical}.desktop-empty-main{display:grid;align-content:center;justify-items:center;text-align:center}.desktop-empty-main p{max-width:520px;margin-bottom:20px;color:var(--desk-muted)}.desktop-project-library{height:100%;display:flex;flex-direction:column;overflow:hidden}.desktop-library-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px;display:grid;align-content:start;gap:8px}.desktop-library-item{display:flex;align-items:stretch;gap:6px}.desktop-library-item-main{flex:1;display:grid;gap:4px;padding:10px 12px;border:1px solid var(--desk-border);border-radius:8px;background:#141d32db;color:var(--desk-text);text-align:left;cursor:pointer}.desktop-library-item-main.active{border-color:var(--desk-border-strong);background:#4e3faa80}.desktop-library-item-main span{color:var(--desk-muted);font-size:12px}.desktop-library-item-actions{display:flex;flex-direction:column;gap:4px;justify-content:center}.desktop-library-action{width:28px;height:28px;border:1px solid var(--desk-border);border-radius:6px;background:#141d32db;color:var(--desk-muted);cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center;padding:0}.desktop-library-action:hover{color:var(--desk-text);border-color:var(--desk-border-strong)}.desktop-library-action.danger:hover{color:#e25572;border-color:#e25572}.app h1{text-align:center;margin-bottom:20px;font-size:26px;color:#1a1a2e;letter-spacing:1px}.container{display:flex;gap:20px;align-items:flex-start}.app-shell.sidebar-collapsed{gap:12px}.panel{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.panel-left{width:380px;min-width:340px;max-width:440px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 100px);overflow:hidden}.panel-main{flex:1;min-width:0}.sidebar{position:relative}.sidebar-collapsed-toggle{width:36px;height:44px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;color:#4a6cf7;cursor:pointer;font-size:22px;line-height:1;flex-shrink:0;box-shadow:0 1px 3px #0000000f}.sidebar-collapsed-toggle:hover{background:#f0f4ff;border-color:#b9c7ff}.sidebar-collapse-button{align-self:flex-end;margin-bottom:2px}.sidebar-section{min-width:0;border-top:1px solid #eee;padding-top:10px}.sidebar-section:first-of-type{border-top:0;padding-top:0}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.sidebar-section-header h2,.sidebar-section-header h3{margin-bottom:0;white-space:nowrap}.sidebar-section-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.sidebar-section-body{margin-top:10px;min-width:0}.project-list-scroll{max-height:300px;overflow-y:auto;overflow-x:hidden;padding-right:2px}.chapter-list-scroll{max-height:420px;overflow-y:auto;overflow-x:hidden;padding-right:2px;padding-bottom:96px;scroll-padding-bottom:96px}.panel h2{font-size:15px;color:#555;margin-bottom:8px}.panel h3{font-size:14px;color:#666;margin-bottom:6px}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.panel-header h2,.panel-header h3{margin-bottom:0}.panel-header h3{white-space:nowrap}label{display:block;font-size:13px;color:#666;margin-bottom:4px;margin-top:10px}.hint{color:#bbb;font-size:13px;padding:8px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:88px;padding:8px 14px;font-size:14px;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;background:#4a6cf7;color:#fff;transition:background .2s}.btn:hover{background:#3b5de7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4a6cf7;color:#fff}.btn-primary:hover{background:#3b5de7}.btn-success{background:#52c41a;color:#fff}.btn-success:hover{background:#45a818}.btn-secondary{background:#e8e8e8;color:#333}.btn-secondary:hover{background:#d9d9d9}.btn-danger{background:#fff5f5;color:#e8453c;border:1px solid #ffd4d4}.btn-danger:hover{background:#ffe0e0;border-color:#e8453c}.model-select{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.model-option{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;background:#fafafa;transition:all .15s;-webkit-user-select:none;user-select:none}.model-option:hover{border-color:#b3b3b3;background:#f0f0f0}.model-option.active{border-color:#4a6cf7;background:#e6f0ff}.model-option input{margin:2px 0 0}.model-option-text{display:flex;flex-direction:column;gap:2px}.model-option-title{font-size:14px;font-weight:500;color:#333}.model-option.active .model-option-title{color:#4a6cf7}.model-option-sub{font-size:11px;color:#999;line-height:1.3}.project-list{display:flex;flex-direction:column;gap:4px;min-width:0}.project-item{padding:10px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s}.project-item:hover{background:#f0f4ff}.project-item.active{background:#e6f0ff;color:#4a6cf7;font-weight:600;box-shadow:inset 3px 0 #4a6cf7}.delete-btn{height:32px;min-width:48px;padding:0 8px;font-size:11px;border:1px solid #ffd4d4;border-radius:6px;background:#fff5f5;color:#e8453c;cursor:pointer;white-space:nowrap;transition:all .15s;line-height:1;flex-shrink:0;opacity:.5}.project-item-wrap:hover .delete-btn,.chapter-item-wrap:hover .delete-btn{opacity:1}.delete-btn:hover{background:#ffe0e0;border-color:#e8453c}.project-item-wrap{display:flex;align-items:center;gap:4px;min-width:0}.project-item-wrap .project-item{flex:1;min-width:0}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-panel{display:flex;flex-direction:column}.create-panel h2{margin-bottom:16px}.create-panel input,.create-panel textarea{width:100%;font-size:13px;padding:8px 10px;border:1px solid #d9d9d9;border-radius:4px;resize:vertical;font-family:inherit}.create-panel input:focus,.create-panel textarea:focus{outline:none;border-color:#4a6cf7}.create-panel textarea{min-height:180px}.create-panel textarea:nth-of-type(3){min-height:240px}.create-panel textarea:nth-of-type(4){min-height:160px}.create-panel .form-actions{display:flex;gap:12px;margin-top:16px;padding-top:0;position:static;background:none}.form-actions{display:flex;gap:12px;margin-top:10px}.chapters-list{min-width:0}.chapters-list ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px}.chapter-item-wrap{display:flex;align-items:center;gap:4px;min-width:0}.chapter-item-wrap.disabled{opacity:.5;pointer-events:none}.chapter-item-wrap .chapter-item{flex:1;min-width:0}.chapter-item{font-size:13px;font-family:SF Mono,Consolas,monospace;padding:6px 10px;border-radius:4px;cursor:pointer;color:#888;transition:all .15s;min-width:0}.chapter-item:hover{background:#f0f4ff;color:#4a6cf7}.chapter-item.active{background:#e6f0ff;color:#4a6cf7;font-weight:600;box-shadow:inset 3px 0 #4a6cf7}.chapter-name{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap}.chapter-name-text{overflow:hidden;text-overflow:ellipsis}.chapter-stale-badge{flex:0 0 auto;padding:1px 5px;border:1px solid #efd79a;border-radius:4px;color:#8a6400;background:#fff8e1;font-family:inherit;font-size:11px;font-weight:500}.current-project-label{font-size:13px;color:#666;margin-bottom:8px;display:flex;align-items:center;gap:12px}.btn-link{font-size:12px;color:#4a6cf7;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:#3b5de7}.settings-panel{margin:12px 0;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.settings-panel h3{font-size:14px;color:#333;margin-bottom:10px}.desktop-outline-hint{font-size:12px;color:var(--desk-muted);line-height:1.5;margin:0 0 10px;padding:8px 10px;border-radius:6px;background:#ffffff0a}.settings-input{width:100%;font-size:13px;padding:8px 10px;border:1px solid #d9d9d9;border-radius:4px;resize:vertical;font-family:inherit;line-height:1.5}.settings-input:focus{outline:none;border-color:#4a6cf7}.desktop-editor-shell .settings-panel{background:transparent;border:none;padding:0;margin:0}.desktop-editor-shell .settings-panel h3{color:var(--desk-text);font-size:15px;margin-bottom:14px}.desktop-editor-shell .settings-panel label{color:var(--desk-muted);font-size:12px;display:block;margin-bottom:4px}.desktop-editor-shell .settings-input{background:#0c1222d6;border:1px solid var(--desk-border);color:var(--desk-text);border-radius:8px;padding:10px 12px;font-size:13px}.desktop-editor-shell .settings-input:focus{border-color:var(--desk-primary);box-shadow:none}.desktop-editor-shell .settings-input::placeholder{color:var(--desk-subtle)}.settings-hint{font-size:12px;color:#999;margin-bottom:6px;line-height:1.4}.prompt-input{width:100%;font-size:14px;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;resize:vertical;line-height:1.6;font-family:inherit}.prompt-input:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf726}.loading{margin-top:10px;color:#4a6cf7;font-size:13px}.error{margin-top:10px;padding:8px 12px;background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;color:#cf1322;font-size:13px;white-space:pre-wrap}.reading-section{margin-top:20px;border-top:1px solid #eee;padding-top:16px;padding-bottom:24px;position:relative}.reading-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.reading-title-row{width:100%}.reading-title-row h3{font-size:16px;color:#333;margin:0;font-family:SF Mono,Consolas,monospace}.reading-title-edit{display:flex;gap:8px;width:100%}.reading-title-input{flex:1;font-size:14px;padding:4px 8px;min-width:0;border-radius:4px;border:1px solid #d9d9d9}.reading-title-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a}.reading-filename{font-size:12px;color:#aaa;font-weight:400;margin-left:10px}.reading-title-edit-btn{margin-left:8px;font-size:12px}.reading-actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 600px){.reading-actions .btn{flex:1 1 calc(50% - 8px)}}@media (max-width: 400px){.reading-actions .btn{flex:1 1 100%}}.reading-content{width:100%;min-height:300px;max-height:calc(100vh - 300px);overflow-y:auto;padding:24px 28px;background:#fcfcfc;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;line-height:2;white-space:pre-wrap;word-wrap:break-word;color:#2c2c2c}.reading-content.reading-theme-warm{background:#faf6ed;border-color:#e0d9c8;color:#2c2c2c}.reading-content.reading-theme-gray{background:#f3f4f6;border-color:#d6d9dd;color:#2c2c2c}.reading-content.reading-theme-dark{background:#1e1e2e;border-color:#3a3a4a;color:#d4d4dc}.reading-content.reading-font-small{font-size:14px}.reading-content.reading-font-medium{font-size:16px}.reading-content.reading-font-large{font-size:18px}.scroll-to-top-btn{position:absolute;bottom:40px;right:44px;width:40px;height:40px;border-radius:50%;border:1px solid #d9dce3;background:#fff;color:#666;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0000001f;z-index:10;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s,box-shadow .2s;animation:scrollTopFadeIn .2s ease}.scroll-to-top-btn:hover{background:#f0f4ff;color:#4a6cf7;border-color:#818cf8;box-shadow:0 4px 12px #0000002e}.scroll-to-top-btn:active{transform:scale(.95)}@keyframes scrollTopFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reading-settings{margin-bottom:10px}.reading-settings-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;font-size:13px;color:#9ca3af;background:none;border:none;cursor:pointer;min-height:36px}.reading-settings-toggle:active{color:#6b7280}.reading-settings-panel{padding:12px 14px;margin-bottom:4px;background:#f9fafb;border:1px solid #edf0f5;border-radius:8px;display:flex;flex-direction:column;gap:10px}.reading-settings-row{display:flex;align-items:center;gap:10px}.reading-settings-label{font-size:13px;color:#6b7280;min-width:32px;flex-shrink:0}.reading-settings-chips{display:flex;gap:6px;flex-wrap:wrap}.reading-settings-chip{padding:5px 12px;font-size:12px;border:1px solid #d9dce3;border-radius:14px;background:#fff;color:#4b5563;cursor:pointer;min-height:32px}.reading-settings-chip.active{background:#4a6cf7;border-color:#4a6cf7;color:#fff}.reading-settings-chip:active{background:#e8ecf4}.reading-settings-chip.active:active{background:#3b5de7}.stale-chapter-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid #efd79a;border-radius:6px;background:#fffaf0;color:#5f4700}.stale-chapter-notice strong,.stale-chapter-notice span{display:block}.stale-chapter-notice span{margin-top:4px;font-size:12px;color:#8a6400}.stale-chapter-actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.placeholder{color:#bbb}.chapter-bottom-nav{display:flex;justify-content:center;gap:16px;margin-top:24px;flex-wrap:wrap}.rewrite-input-area{margin:12px 0;padding:12px;border:1px solid #e8e8e8;border-radius:6px;background:#fafafa}.variants-section{margin-top:16px;border-top:1px solid #eee;padding-top:8px}.variant-item{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 10px;border:1px solid #e8e8e8;border-radius:4px;margin-top:6px;background:#fafafa;gap:8px}.variant-item.active{border-color:#b7eb8f;background:#f6ffed}.variant-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.variant-meta{font-size:12px;color:#888}.variant-instruction{font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.variant-actions{display:flex;gap:6px;flex-shrink:0}.debug-prompt-info{font-size:11px;color:#aaa;font-style:italic;margin:6px 0 4px}.debug-prompt-info-inline{margin:2px 0 0;display:block}.writing-controls{margin-top:12px;margin-bottom:20px;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.writing-controls-header{width:100%;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:inherit}.writing-controls-title{font-size:14px;font-weight:500;color:#333}.writing-controls-arrow{color:#999;font-size:12px}.writing-controls-summary{font-size:12px;color:#888;margin:8px 0 0}.writing-controls-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.writing-controls-row:last-of-type{margin-bottom:0}.writing-controls-label{font-size:13px;color:#555;min-width:70px;padding-top:6px;flex-shrink:0}.writing-controls-input{flex:1;padding:6px 10px;font-size:13px;border:1px solid #d9d9d9;border-radius:4px;font-family:inherit;transition:border-color .15s}.writing-controls-input:focus{outline:none;border-color:#4a6cf7}.writing-controls-options{display:flex;gap:6px;flex-wrap:wrap}.writing-controls-option{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;background:#fff;transition:all .15s;-webkit-user-select:none;user-select:none;font-size:13px;color:#555}.writing-controls-option:hover{border-color:#b3b3b3;background:#f0f0f0}.writing-controls-option.active{border-color:#4a6cf7;background:#e6f0ff;color:#4a6cf7}.writing-controls-option input{margin:0}.writing-controls-hint{font-size:11px;color:#aaa;margin-top:10px;padding-top:8px;border-top:1px solid #eee}.advanced-options{margin-top:12px;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.advanced-options-summary{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;font-size:13px;color:#888;-webkit-user-select:none;user-select:none;list-style:none}.advanced-options-summary::-webkit-details-marker{display:none}.advanced-options-summary:hover{background:#fafafa;color:#555}.advanced-options[open] .advanced-options-summary{border-bottom:1px solid #f0f0f0}.advanced-options-title{font-weight:400}.advanced-options-arrow{font-size:10px;transition:transform .15s}.advanced-options[open] .advanced-options-arrow{transform:rotate(90deg)}.advanced-options-body{padding:12px}.advanced-options-sub{margin-top:8px;border:1px solid #eee;border-radius:4px;overflow:hidden}.advanced-options-sub-summary{display:flex;align-items:center;padding:6px 10px;cursor:pointer;font-size:12px;color:#999;-webkit-user-select:none;user-select:none;list-style:none}.advanced-options-sub-summary::-webkit-details-marker{display:none}.advanced-options-sub-summary:before{content:"▶";font-size:9px;color:#ccc;margin-right:6px;transition:transform .15s}.advanced-options-sub[open] .advanced-options-sub-summary:before{transform:rotate(90deg)}.advanced-options-sub-summary:hover{background:#fafafa;color:#666}.advanced-options-sub-body{padding:8px 10px}.advanced-options-sub-body .vault-panel{padding:0;border:none;box-shadow:none;border-radius:0}.project-tools{display:inline-block;vertical-align:middle}.project-tools-summary{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;border:1px dashed #ddd;border-radius:4px;white-space:nowrap}.project-tools-summary::-webkit-details-marker{display:none}.project-tools-summary:before{content:"▶";font-size:8px;margin-right:2px;transition:transform .15s}.project-tools[open] .project-tools-summary:before{transform:rotate(90deg)}.project-tools-summary:hover{color:#666;border-color:#ccc}.project-tools-body{display:flex;flex-direction:column;gap:4px;padding-top:4px}.project-tools-body .btn{min-height:30px;min-width:auto;padding:4px 10px;font-size:12px}.gen-progress{margin-top:10px}.gen-progress-bar-track{height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden}.gen-progress-bar-fill{height:100%;background:#4a6cf7;border-radius:2px;transition:width .3s ease}.gen-progress--success .gen-progress-bar-fill{background:#52c41a}.gen-progress--error .gen-progress-bar-fill{background:#e8453c}.gen-progress-label{font-size:12px;color:#888;margin-top:6px}.gen-progress--error .gen-progress-label{color:#e8453c}.gen-progress--success .gen-progress-label{color:#52c41a}.gen-progress--streaming .gen-progress-label{color:#4a6cf7;font-size:13px}.streaming-preview{margin:16px 0;border:2px solid #818cf8;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #4f46e514;animation:streamingPreviewIn .3s ease}@keyframes streamingPreviewIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.streaming-preview-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-bottom:1px solid #cfd8ff;font-size:14px;font-weight:600;color:#4338ca}.streaming-preview-content{padding:20px 24px;max-height:50vh;min-height:100px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;line-height:2;font-size:15px;color:#2f3640;background:#fff}@media (max-width: 900px){.container{flex-direction:column}.panel-left{width:100%;min-width:0;max-width:none;max-height:none}.panel-main{width:100%}.model-option{padding:10px;gap:6px}.model-option-title{font-size:13px}.model-option-sub{font-size:10px}.reading-content{max-height:none;padding:14px 16px;font-size:16px;line-height:1.85;min-height:200px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,sans-serif}.reading-title-row h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;font-size:17px}.reading-filename{display:block;margin-left:0;margin-top:2px}.reading-section{padding-top:12px;padding-bottom:16px}.scroll-to-top-btn{position:fixed;bottom:24px;right:20px;z-index:100;width:44px;height:44px;font-size:20px}.streaming-preview{margin:12px 0;border-radius:8px}.streaming-preview-header{padding:10px 14px;font-size:14px}.streaming-preview-content{padding:14px 16px;max-height:55vh;font-size:16px;line-height:1.85}.app{padding:12px}.panel{padding:16px}.btn{min-height:44px}.stale-chapter-notice{flex-direction:column;align-items:flex-start}.stale-chapter-actions{width:100%}.variant-item{flex-direction:column}.variant-actions{width:100%}.notification-card{width:auto;max-width:calc(100vw - 32px);left:16px;right:auto;bottom:16px}.chapter-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prompt-input,.settings-input,.create-panel input,.create-panel textarea,.writing-controls-input,.reading-title-input{font-size:16px}.prompt-input{min-height:120px;max-height:180px;overflow-y:auto;resize:vertical}.mobile-back-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 0;margin-bottom:12px;font-size:15px;color:#4a6cf7;background:none;border:none;cursor:pointer;order:-2}.mobile-back-btn:hover{color:#3b5de7}.mobile-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;margin-top:8px;font-size:14px;font-weight:500;color:#4a6cf7;background:#f0f4ff;border:1px solid #d0d8ff;border-radius:8px;cursor:pointer;min-height:44px}.mobile-section-toggle:hover{background:#e6ecff}.panel-main{display:flex;flex-direction:column}.panel-main>.reading-section{order:-1}.mobile-chapter-dark,.mobile-chapter-dark .app-shell{background:#0f1119}.mobile-chapter-dark h1{color:#e5e7eb}.mobile-chapter-dark .panel{background:#111827;border-color:#2d3748;color:#d4d4dc}.mobile-chapter-dark .panel-main,.mobile-chapter-dark .reading-section{background:#111827}.mobile-chapter-dark .reading-header,.mobile-chapter-dark .reading-title-row,.mobile-chapter-dark .reading-title-row h3{color:#e5e7eb}.mobile-chapter-dark .reading-filename{color:#9ca3af}.mobile-chapter-dark .reading-title-edit-btn{color:#8ba4f8}.mobile-chapter-dark .reading-content{background:#1a1b2e;border-color:#2d3748;color:#d4d4dc}.mobile-chapter-dark .reading-settings-toggle{color:#9ca3af}.mobile-chapter-dark .reading-settings-panel{background:#161822;border-color:#2d3748}.mobile-chapter-dark .reading-settings-label{color:#9ca3af}.mobile-chapter-dark .reading-settings-chip{background:#262836;border-color:#3a3e50;color:#c0c4d0}.mobile-chapter-dark .reading-settings-chip.active{background:#4a6cf7;border-color:#4a6cf7;color:#fff}.mobile-chapter-dark .btn{background:#262836;border-color:#3a3e50;color:#c0c4d0}.mobile-chapter-dark .btn:active{background:#323548}.mobile-chapter-dark .btn-ai{background:#2a2240;border-color:#4a3d6e;color:#b8a8e0}.mobile-chapter-dark .mobile-back-btn{color:#8ba4f8}.mobile-chapter-dark .chapter-bottom-nav .btn{background:#262836;border-color:#3a3e50;color:#c0c4d0}.mobile-chapter-dark .debug-prompt-info{background:#262836;border-color:#3a3e50;color:#9ca3af}.mobile-chapter-dark .stale-chapter-notice{background:#2d1f1f;border-color:#4a3535;color:#f0c0c0}.mobile-chapter-dark .generate-panel-area{color:#d4d4dc}.mobile-chapter-dark .generate-panel-area label{color:#c0c4d0}.mobile-chapter-dark .streaming-preview{border-color:#4a4a6a;box-shadow:0 2px 12px #0000004d}.mobile-chapter-dark .streaming-preview-header{background:linear-gradient(135deg,#1e2040,#252850);border-bottom-color:#3a3a5a;color:#a5b4fc}.mobile-chapter-dark .streaming-preview-content{background:#1e1e2e;color:#d4d4dc}.mobile-chapter-dark .writing-controls{background:#161822;border-color:#2d3748}.mobile-chapter-dark .writing-controls-title{color:#d4d4dc}.mobile-chapter-dark .writing-controls-summary{color:#9ca3af}.mobile-chapter-dark .writing-controls-label{color:#c0c4d0}.mobile-chapter-dark .writing-controls-option{background:#262836;border-color:#3a3e50;color:#c0c4d0}.mobile-chapter-dark .writing-controls-option.active{background:#2a2240;border-color:#4a6cf7;color:#b8a8e0}.mobile-chapter-dark .writing-controls-input{background:#262836;border-color:#3a3e50;color:#d4d4dc}.mobile-chapter-dark .variants-section{border-color:#2d3748}.mobile-chapter-dark .variant-item{background:#161822;border-color:#2d3748;color:#d4d4dc}.mobile-chapter-dark .variant-meta{color:#9ca3af}.mobile-chapter-dark .variant-instruction{color:#b8a8e0}.mobile-chapter-dark .hint{color:#6b7280}.mobile-chapter-dark .error{color:#f87171}.mobile-chapter-dark .prompt-input{background:#262836;border-color:#3a3e50;color:#d4d4dc}.mobile-chapter-dark .model-option{background:#262836;border-color:#3a3e50;color:#c0c4d0}.mobile-chapter-dark .model-option-title{color:#d4d4dc}.mobile-chapter-dark .model-option-sub{color:#9ca3af}.mobile-chapter-dark .model-option.active{background:#2a2240;border-color:#4a6cf7}.mobile-chapter-dark .model-option.active .model-option-title{color:#b8a8e0}.mobile-chapter-dark .rewrite-input-area,.mobile-chapter-dark .rewrite-input-area h3{color:#d4d4dc}.mobile-chapter-dark .mobile-section-toggle{background:#262836;border-color:#3a3e50;color:#8ba4f8}.mobile-shelf-view{padding:12px 16px 20px}.shelf-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 2px}.shelf-subtitle{font-size:12px;color:#aaa;margin:0 0 20px}.bookshelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.book-item{cursor:pointer}.book-item:active .book-cover{transform:scale(.96)}.book-cover{aspect-ratio:3 / 4;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000014,0 2px 8px #0000000a;transition:transform .15s;position:relative}.book-cover.current{box-shadow:0 0 0 2px #4a6cf7,0 1px 4px #00000014}.book-item:nth-child(6n+1) .book-cover{background:#d8dce3}.book-item:nth-child(6n+2) .book-cover{background:#e2dcd4}.book-item:nth-child(6n+3) .book-cover{background:#d4dfd8}.book-item:nth-child(6n+4) .book-cover{background:#dbd5df}.book-item:nth-child(6n+5) .book-cover{background:#d9d2cb}.book-item:nth-child(6n) .book-cover{background:#cfd8dd}.book-cover-char{font-size:28px;font-weight:700;color:#ffffffb3;-webkit-user-select:none;user-select:none}.book-menu-btn{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:none;background:#0000001f;color:#ffffffd9;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.book-menu-btn:active{background:#00000038}.book-menu-dropdown{position:absolute;top:34px;right:4px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000024;overflow:hidden;z-index:10;min-width:72px}.book-menu-delete{display:block;width:100%;padding:10px 16px;border:none;background:none;font-size:13px;color:#e53e3e;cursor:pointer;text-align:center;min-height:40px}.book-menu-delete:active{background:#fef2f2}.book-title{font-size:14px;line-height:1.35;color:#1f2937;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-meta{font-size:11px;color:#9ca3af;margin-top:2px}.btn-create-project{display:block;width:100%;margin-top:24px;padding:12px;font-size:14px;color:#9ca3af;background:none;border:1.5px dashed #d1d5db;border-radius:10px;cursor:pointer;min-height:44px;text-align:center}.btn-create-project:active{background:#f9fafb}.mobile-project-view{padding:16px;width:100%;max-width:none}.mobile-project-title{font-size:18px;font-weight:600;margin:8px 0 12px;color:#1f2937}.mobile-project-tools{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.mobile-project-tools .btn{font-size:12px;padding:6px 10px;min-height:0}.mobile-chapter-list{list-style:none;margin:0;padding:0}.mobile-chapter-item{display:flex;align-items:center;gap:10px;padding:14px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;min-height:48px;position:relative}.mobile-chapter-item:active{background:#f5f7fa}.mobile-chapter-item.active{background:#eef2ff}.mobile-chapter-item.disabled{opacity:.4;cursor:default}.mobile-chapter-menu-btn{margin-left:auto;flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#999;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mobile-chapter-menu-btn:active{background:#0000000f;color:#333}.mobile-chapter-item.active .mobile-chapter-menu-btn{color:#777}.mobile-chapter-menu-dropdown{position:absolute;right:8px;top:40px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000024;overflow:hidden;z-index:10;min-width:88px}.mobile-chapter-menu-delete{display:block;width:100%;padding:10px 16px;border:none;background:none;font-size:13px;color:#e53e3e;cursor:pointer;text-align:center;min-height:40px}.mobile-chapter-menu-delete:active{background:#fef2f2}.mobile-chapter-index{font-size:12px;font-weight:600;color:#999;min-width:28px;flex-shrink:0}.mobile-chapter-title{font-size:15px;color:#374151;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-chapter-empty{text-align:center;padding:20px 0}}@media (max-width: 768px){.app{padding:12px;max-width:100%}.container{display:block;width:100%;gap:0}.panel{padding:12px;width:100%;max-width:100%}.app h1{font-size:22px;margin-bottom:14px}.mobile-shelf-view,.mobile-project-view{display:block;width:100%;max-width:100%;padding:14px 12px;margin:0 0 12px;box-sizing:border-box}.shelf-title{font-size:20px;text-align:center;margin-bottom:4px}.shelf-subtitle{text-align:center}.bookshelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;width:100%}.book-cover{aspect-ratio:3 / 4;border-radius:8px}.btn-create-project{width:100%;margin-top:20px;min-height:48px}.create-panel textarea{min-height:90px}.create-panel textarea:nth-of-type(3){min-height:120px}.create-panel textarea:nth-of-type(4){min-height:70px}.form-actions{flex-wrap:wrap;gap:8px}.form-actions .btn{flex:1 1 auto;min-width:80px}.mobile-project-tools{gap:6px}.mobile-project-tools .btn{font-size:11px;padding:5px 8px;min-height:0}.reading-content{max-height:none;padding:12px 14px;font-size:15px;line-height:1.8;min-height:150px}}@media (max-width: 480px){.app{padding:8px}.panel{padding:10px}.mobile-shelf-view,.mobile-project-view{padding:12px 10px;width:100%;max-width:100%}.app h1{font-size:20px;margin-bottom:10px}.shelf-title{font-size:18px}.shelf-subtitle{font-size:11px}.bookshelf-grid{gap:14px 10px}.btn{font-size:13px;min-width:0;padding:8px 10px}.reading-content{padding:10px 12px;font-size:16px;line-height:1.8;min-height:150px}.reading-title-edit{flex-direction:column;gap:6px}.reading-title-edit .btn{width:100%}.form-actions{flex-direction:column}.writing-controls-row{flex-direction:column;gap:4px}.writing-controls-label{min-width:0}.variant-actions{flex-direction:column;width:100%}.reading-header{gap:8px}}.app-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.app-tab{padding:10px 24px;font-size:14px;border:none;background:none;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.app-tab:hover{color:#4a6cf7}.app-tab.active{color:#4a6cf7;font-weight:600;border-bottom-color:#4a6cf7}.vault-panel{width:100%}.vault-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.vault-header h2{margin:0;font-size:16px;color:#333}.vault-header-actions{display:flex;align-items:center;gap:12px}.vault-message{font-size:13px;color:#52c41a}.vault-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee}.vault-tab{padding:6px 16px;font-size:13px;border:1px solid #d9d9d9;border-radius:20px;background:#fafafa;color:#555;cursor:pointer;transition:all .15s}.vault-tab:hover{border-color:#4a6cf7;color:#4a6cf7}.vault-tab.active{background:#4a6cf7;color:#fff;border-color:#4a6cf7}.vault-editor{display:flex;flex-direction:column;gap:2px}.vault-editor-row{display:flex;gap:12px;flex-wrap:wrap}.vault-editor-row .vault-field{flex:1;min-width:140px}.vault-field label{display:block;font-size:12px;color:#888;margin-bottom:4px;margin-top:12px;font-weight:500}.vault-field input,.vault-field select{width:100%;padding:7px 10px;font-size:13px;border:1px solid #d9d9d9;border-radius:4px;font-family:inherit}.vault-field input:focus,.vault-field select:focus,.vault-code-input:focus{outline:none;border-color:#4a6cf7}.vault-code-input{width:100%;font-size:13px;font-family:SF Mono,Consolas,monospace;padding:10px 12px;border:1px solid #d9d9d9;border-radius:4px;resize:vertical;line-height:1.6;-moz-tab-size:2;tab-size:2}.vault-var-table{border:1px solid #e8e8e8;border-radius:4px;overflow:hidden}.vault-var-header{display:flex;background:#f5f5f5;font-size:12px;color:#888;font-weight:500;border-bottom:1px solid #e8e8e8}.vault-var-row{display:flex;border-bottom:1px solid #f0f0f0}.vault-var-row:last-child{border-bottom:none}.vault-var-cell{flex:1;padding:6px 10px;font-size:12px;min-width:0}.vault-var-name{font-family:SF Mono,Consolas,monospace;color:#4a6cf7;font-weight:500;display:flex;align-items:center}.vault-var-row input,.vault-var-row select{border:none;background:transparent;padding:6px 10px;font-size:12px;font-family:inherit;width:100%}.vault-var-row input:focus{outline:none;background:#f0f4ff}.vault-editor-actions{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.vault-editor-actions .error{margin:0}.vault-preview{margin-top:24px;padding-top:20px;border-top:2px solid #e0e0e0}.vault-preview h3{font-size:14px;color:#333;margin-bottom:12px}.vault-preview-vars{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.vault-preview-var label{font-size:12px;color:#888;margin-top:8px;margin-bottom:4px}.vault-preview-var input,.vault-preview-var textarea{width:100%;padding:7px 10px;font-size:13px;border:1px solid #d9d9d9;border-radius:4px;font-family:inherit}.vault-preview-var input:focus,.vault-preview-var textarea:focus{outline:none;border-color:#4a6cf7}.vault-auto-var{color:#bbb!important;font-style:italic}.vault-preview-code{width:100%;min-height:80px;padding:16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:SF Mono,Consolas,monospace;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;margin-top:4px}.prompt-preview-panel{margin-top:12px}.prompt-preview-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#4a6cf7;background:none;border:1px solid #d9d9d9;border-radius:6px;padding:6px 14px;cursor:pointer;transition:all .15s;font-family:inherit}.prompt-preview-toggle:hover{background:#f0f4ff;border-color:#b9c7ff}.prompt-preview-arrow{font-size:11px}.prompt-preview-template-name{font-size:12px;color:#999;font-weight:400}.prompt-preview-body{margin-top:10px;padding:14px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.prompt-preview-meta{font-size:12px;color:#888;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e8e8e8}.prompt-preview-section{margin-top:12px}.prompt-preview-section-title{font-size:12px;font-weight:600;color:#555;margin-bottom:6px}.prompt-preview-content{width:100%;padding:12px 14px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;font-size:12px;font-family:SF Mono,Consolas,monospace;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;color:#333}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-ai:hover{background:linear-gradient(135deg,#5a6fd6,#6a4192)}.btn-ai:disabled{opacity:.5;cursor:not-allowed}.material-card-wrap{flex:1;min-height:0;height:100%;overflow:hidden}.material-panel{display:flex;flex-direction:column;height:100%;padding:24px;overflow:hidden}.material-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-shrink:0}.material-panel-head h2{margin:0;font-size:18px;font-weight:600;color:var(--desk-text, #e7ebf8)}.material-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--desk-muted, #8d99b7);font-size:15px;text-align:center;padding:40px 20px}.material-card-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.material-card-item{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;background:var(--desk-panel-soft, rgba(23, 32, 54, .82));border:1px solid var(--desk-border, rgba(148, 163, 184, .16));transition:border-color .15s}.material-card-item:hover{border-color:var(--desk-border-strong, rgba(139, 92, 246, .46))}.material-card-item-main{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left;background:none;border:none;cursor:pointer;padding:0;color:inherit;font:inherit;min-width:0}.material-card-item-main strong{font-size:15px;font-weight:600;color:var(--desk-text, #e7ebf8)}.material-card-meta{font-size:12px;color:var(--desk-subtle, #5d6680)}.material-card-usage{font-size:12px;margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.material-card-usage.used{color:#7c8ddb}.material-card-usage.unused{color:var(--desk-subtle, #5d6680)}.material-card-chapters{display:inline-flex;gap:4px;flex-wrap:wrap}.material-card-chapter-link{cursor:pointer;color:#7c8ddb;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.material-card-chapter-link:hover{color:#a8b5ff}.material-card-item .delete-btn{opacity:.3;flex-shrink:0}.material-card-item:hover .delete-btn{opacity:1}.material-create-form{max-width:480px;display:flex;flex-direction:column;gap:8px}.material-create-form input{padding:10px 12px;border:1px solid var(--desk-border, rgba(148, 163, 184, .16));border-radius:6px;background:var(--desk-panel-soft, rgba(23, 32, 54, .82));color:var(--desk-text, #e7ebf8);font-size:14px}.material-create-form input:focus{outline:none;border-color:var(--desk-primary, #7c5cff)}.material-create-form .hint{color:var(--desk-subtle, #5d6680);font-size:12px;margin:0}.material-editor-head-left{display:flex;align-items:center;gap:12px}.material-editor-head-left h2{margin:0;font-size:16px}.material-editor-head-actions{display:flex;align-items:center;gap:8px}.material-editor-body{flex:1;display:flex;flex-direction:column;min-height:0}.material-editor-textarea{flex:1;width:100%;padding:16px;border:1px solid var(--desk-border, rgba(148, 163, 184, .16));border-radius:8px;background:var(--desk-panel-soft, rgba(23, 32, 54, .82));color:var(--desk-text, #e7ebf8);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,monospace,sans-serif;line-height:1.7;resize:none}.material-editor-textarea:focus{outline:none;border-color:var(--desk-primary, #7c5cff)}.material-import-tabs{display:flex;gap:0;margin-bottom:16px;border-radius:6px;overflow:hidden;border:1px solid var(--desk-border, rgba(148, 163, 184, .16));flex-shrink:0}.material-import-tabs .tab-btn{flex:1;padding:8px 16px;border:none;background:var(--desk-panel-soft, rgba(23, 32, 54, .82));color:var(--desk-muted, #8d99b7);font-size:14px;cursor:pointer;transition:background .15s,color .15s}.material-import-tabs .tab-btn.active{background:var(--desk-primary, #7c5cff);color:#fff}.material-import-tabs .tab-btn:not(.active):hover{background:var(--desk-hover, rgba(148, 163, 184, .08))}.material-import-form{max-width:640px;display:flex;flex-direction:column;gap:8px;flex:1}.material-import-form label{font-size:13px;font-weight:500;color:var(--desk-text, #e7ebf8);margin-top:4px}.material-import-textarea{min-height:200px}.material-import-form input{padding:10px 12px;border:1px solid var(--desk-border, rgba(148, 163, 184, .16));border-radius:6px;background:var(--desk-panel-soft, rgba(23, 32, 54, .82));color:var(--desk-text, #e7ebf8);font-size:14px}.material-import-form input:focus{outline:none;border-color:var(--desk-primary, #7c5cff)}.material-import-form .hint{color:var(--desk-subtle, #5d6680);font-size:12px;margin:0}.material-import-actions{margin-top:8px;display:flex;gap:8px}.file-input-area{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px dashed var(--desk-border, rgba(148, 163, 184, .16));border-radius:8px}.file-input-hidden{display:none!important}.file-name-hint{font-size:13px;color:var(--desk-muted, #8d99b7)}.material-import-preview{margin-top:4px}.material-import-preview .import-preview-text{max-height:200px;overflow-y:auto;padding:12px;border:1px solid var(--desk-border, rgba(148, 163, 184, .16));border-radius:6px;background:var(--desk-panel-soft, rgba(23, 32, 54, .82));color:var(--desk-subtle, #5d6680);font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,monospace,sans-serif}.notification-card{position:fixed;bottom:24px;right:24px;width:320px;background:#fff;border-radius:10px;box-shadow:0 6px 24px #00000026;padding:14px 16px 12px;z-index:9000;animation:notificationSlideIn .3s ease-out}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.notification-title{font-size:14px;font-weight:600;color:#1a1a1a}.notification-close{background:none;border:none;font-size:18px;line-height:1;color:#999;cursor:pointer;padding:0 2px}.notification-close:hover{color:#333}.notification-body{font-size:13px;color:#666;line-height:1.5}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.project-sort-controls{display:flex;gap:6px;padding:6px 0 8px}.project-sort-controls select{flex:1;font-size:12px;padding:4px 6px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#333;font-family:inherit;cursor:pointer;min-width:0}.project-sort-controls select:focus{outline:none;border-color:#4a6cf7}.project-sort-controls.mobile{padding:8px 0 12px;max-width:100%}.project-sort-controls.mobile select{font-size:13px;padding:6px 8px}@media (max-width: 900px){body{background:#070b0d;touch-action:pan-y}.app{min-height:100dvh;background:radial-gradient(circle at 78% 4%,rgba(45,212,191,.15),transparent 30%),radial-gradient(circle at 12% 18%,rgba(52,211,153,.08),transparent 26%),linear-gradient(180deg,#0b1113,#070b0d 52%,#050708)}.app>h1{display:none}.mobile-shelf-view{position:relative;min-height:100dvh;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(112px + env(safe-area-inset-bottom));max-width:430px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#0e1819b8,#070b0df5),radial-gradient(circle at 50% 0%,rgba(45,212,191,.12),transparent 34%);color:#f3f7f6;overflow:hidden}.mobile-shelf-view:before{content:"";position:absolute;inset:74px 0 auto;height:210px;pointer-events:none;background:linear-gradient(160deg,transparent 18%,rgba(255,255,255,.035) 18.5%,transparent 19%),radial-gradient(ellipse at 72% 36%,rgba(135,155,146,.16),transparent 24%),radial-gradient(ellipse at 45% 50%,rgba(41,74,68,.2),transparent 31%);opacity:.8}.mobile-home-header,.mobile-current-card,.mobile-home-section,.mobile-inspiration-card{position:relative;z-index:1}.mobile-home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:26px}.mobile-shelf-view .shelf-title{margin:0;color:#f6f1e8;font-family:Georgia,"Noto Serif SC",serif;font-size:34px;font-weight:650;line-height:1.1;letter-spacing:0}.mobile-shelf-view .shelf-subtitle{margin:8px 0 0;color:#e2e8e694;font-size:15px;letter-spacing:0;text-align:left}.mobile-home-actions{display:flex;align-items:center;gap:12px;padding-top:8px}.mobile-icon-btn{width:44px;height:44px;border:1px solid rgba(224,255,249,.72);border-radius:50%;background:#090f1157;color:#f4fbfa;font-size:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 18px #ffffff08}.mobile-icon-btn-primary{font-size:30px;color:#eafffb}.mobile-current-card{margin-bottom:28px;border:1px solid rgba(72,211,191,.22);border-radius:22px;overflow:hidden;background:linear-gradient(105deg,#113934c7,#0c1818d1 58%,#0c1516eb),radial-gradient(circle at 80% 22%,rgba(244,231,183,.22),transparent 5%),radial-gradient(ellipse at 72% 46%,rgba(45,212,191,.14),transparent 36%);box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff0f}.mobile-current-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(145deg,transparent 0 48%,rgba(255,255,255,.035) 49%,transparent 50%),radial-gradient(ellipse at 78% 58%,rgba(170,204,190,.16),transparent 28%);opacity:.72}.mobile-current-card-content{position:relative;z-index:1;padding:28px 22px 24px}.mobile-card-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;color:#2dd4bf;background:#0f766e2e;font-size:13px;line-height:1}.mobile-card-kicker i{width:8px;height:8px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 10px #2dd4bfe6}.mobile-current-card h3{margin:26px 0 10px;color:#fffaf0;font-family:Georgia,"Noto Serif SC",serif;font-size:36px;line-height:1.1;font-weight:650;letter-spacing:0}.mobile-current-card p{margin:0;color:#ecf4f1ad;font-size:18px}.mobile-current-card .mobile-current-updated{margin-top:7px;font-size:13px;color:#e2eeea75}.mobile-progress-track{display:none;width:46%;min-width:176px;height:8px;margin:20px 0 28px;border-radius:999px;background:#e2f7f31a;overflow:hidden}.mobile-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#14b8a6);box-shadow:0 0 16px #2dd4bf61}.mobile-current-actions{display:flex;gap:14px}.mobile-primary-action,.mobile-secondary-action{min-height:52px;border-radius:999px;font-size:17px;font-weight:650;letter-spacing:0;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.mobile-primary-action{min-width:172px;border:0;background:linear-gradient(135deg,#45d8c4,#14b8a6);color:#effffb;box-shadow:0 14px 30px #14b8a642}.mobile-secondary-action{border:1px solid rgba(225,246,242,.22);background:#050a0c38;color:#f7fcfbe6}.mobile-primary-action:disabled,.mobile-secondary-action:disabled{opacity:.58;cursor:default}.mobile-home-section{margin-top:24px}.mobile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-section-title{margin:0 0 14px;color:#f7f2e8;font-size:20px;font-weight:520;line-height:1.2;display:flex;align-items:center;gap:10px}.mobile-section-title:before{content:"";width:4px;height:24px;border-radius:999px;background:#14b8a6;box-shadow:0 0 12px #14b8a680}.mobile-shortcut-card-primary{width:100%;padding:18px 20px;border:1px solid rgba(45,212,191,.2);border-radius:18px;background:linear-gradient(135deg,#14b8a61f,#14b8a60a);color:#f6fcfae6;display:flex;align-items:center;gap:16px;cursor:pointer;font-family:inherit;text-align:left;transition:transform .15s,background .15s;box-shadow:inset 0 1px #ffffff0d;-webkit-tap-highlight-color:transparent}.mobile-shortcut-card-primary:active{transform:scale(.98);background:linear-gradient(135deg,#14b8a62e,#14b8a60f)}.mobile-shortcut-card-primary:disabled{opacity:.58;cursor:default;transform:none}.mobile-shortcut-primary-icon{width:44px;height:44px;flex-shrink:0;border-radius:14px;background:#2dd4bf26;display:flex;align-items:center;justify-content:center;color:#2dd4bf}.mobile-shortcut-primary-icon svg{width:24px;height:24px;display:block}.mobile-shortcut-primary-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mobile-shortcut-primary-copy strong{font-size:17px;font-weight:560;color:#f0f9f6}.mobile-shortcut-primary-copy span{font-size:13px;color:#e0e6e58c}.mobile-shortcut-primary-arrow{flex-shrink:0;font-size:28px;line-height:1;color:#f4faf859}.mobile-shortcut-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-shortcut-card{padding:14px;border:1px solid rgba(231,255,250,.08);border-radius:16px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);color:#f6fcfac7;display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-family:inherit;text-align:left;box-shadow:inset 0 1px #ffffff0a;transition:transform .15s,background .15s;-webkit-tap-highlight-color:transparent}.mobile-shortcut-card:active{transform:scale(.97);background:linear-gradient(145deg,#ffffff17,#ffffff08)}.mobile-shortcut-card:disabled{opacity:.58;cursor:default;transform:none}.mobile-shortcut-card .mobile-shortcut-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#2dd4bf1a;display:flex;align-items:center;justify-content:center;color:#35d2bf}.mobile-shortcut-card .mobile-shortcut-icon svg{width:18px;height:18px;display:block}.mobile-shortcut-card-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mobile-shortcut-card-copy strong{font-size:14px;font-weight:540;color:#fffaf0e6}.mobile-shortcut-card-copy span{font-size:11px;color:#e0e6e580;line-height:1.3}.mobile-all-projects-btn{margin-bottom:14px;border:0;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 14px;color:#e5ecea8f;font-size:15px;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.mobile-all-projects-btn:active{color:#5eead4;background:#14b8a61f}.mobile-recent-list{border:1px solid rgba(231,255,250,.1);border-radius:18px;background:linear-gradient(145deg,#ffffff0f,#ffffff06);overflow:hidden}.mobile-recent-item{position:relative;min-height:68px;padding:10px 16px 10px 12px;display:grid;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:12px;cursor:pointer}.mobile-recent-item+.mobile-recent-item{border-top:1px solid rgba(231,255,250,.06)}.mobile-recent-thumb{position:relative;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.mobile-recent-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 82% 18%,rgba(45,212,191,.16),transparent 18%),linear-gradient(145deg,transparent 62%,rgba(255,255,255,.06) 63%,transparent 64%);opacity:.8}.mobile-recent-thumb span{position:relative;z-index:2;color:#ffffffc7;font-weight:650;font-size:18px}.mobile-recent-thumb.tone-1{background:linear-gradient(135deg,#1f4a44,#10201f)}.mobile-recent-thumb.tone-2{background:linear-gradient(135deg,#34443f,#131d1b)}.mobile-recent-thumb.tone-3{background:linear-gradient(135deg,#293f3d,#111b1a)}.mobile-recent-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.mobile-recent-copy strong{color:#fffaf0f0;font-size:17px;font-weight:540;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-recent-copy span{color:#e0e6e585;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-recent-arrow{color:#f4faf873;font-size:24px;line-height:1}.mobile-recent-item-fallback{cursor:default}.mobile-inspiration-card{margin-top:24px;padding:20px;border:1px solid rgba(231,255,250,.1);border-radius:18px;background:radial-gradient(circle at 8% 46%,rgba(20,184,166,.16),transparent 18%),linear-gradient(145deg,#ffffff0f,#ffffff06);display:flex;align-items:center;gap:16px}.mobile-inspiration-icon{width:48px;height:48px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#2dd4bf;background:#14b8a61f;box-shadow:0 0 24px #14b8a61a;font-size:24px}.mobile-inspiration-card h3{margin:0 0 8px;color:#22c9b8;font-size:16px;font-weight:650}.mobile-inspiration-card p{margin:0;color:#fffaf0db;font-size:15px;line-height:1.65}.mobile-bottom-nav{position:fixed;left:50%;bottom:0;z-index:40;width:min(100vw,430px);transform:translate(-50%);padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(231,255,250,.12);background:#070a0beb;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;will-change:transform}.mobile-bottom-nav button{min-height:58px;border:0;border-radius:14px;background:transparent;color:#e9efed6b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-family:inherit;cursor:pointer}.mobile-bottom-nav span{font-size:26px;line-height:1}.mobile-bottom-nav strong{font-size:13px;font-weight:560}.mobile-bottom-nav button.active{color:#2dd4bf}.mobile-bottom-nav button.active:after{content:"";width:6px;height:6px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 10px #2dd4bfcc}.mobile-shelf-view .create-panel{position:relative;z-index:1;padding:6px 2px 24px;color:#edf7f5}.mobile-shelf-view .create-panel h2{color:#f7f2e8;font-size:24px}.mobile-shelf-view .create-panel label{color:#e8f1eeb8}.mobile-shelf-view .create-panel input,.mobile-shelf-view .create-panel textarea{border-color:#e7fffa1f;background:#ffffff0e;color:#f5fbfa}.mobile-shelf-view .create-panel input::placeholder,.mobile-shelf-view .create-panel textarea::placeholder{color:#e8f1ee61}}@media (max-width: 380px){.mobile-current-actions{grid-template-columns:1fr}.mobile-shortcut-subgrid{gap:8px}.mobile-shortcut-card{padding:12px}.mobile-primary-action,.mobile-secondary-action{min-height:52px}}@media (max-width: 900px){.mobile-dark-app{min-height:100dvh;color:#e9f5f1;background:radial-gradient(circle at 82% 0%,rgba(45,212,191,.12),transparent 30%),linear-gradient(180deg,#071311,#0b1715 52%,#06100e)}.mobile-dark-app .app-shell,.mobile-dark-app .panel-main,.mobile-dark-app .mobile-project-view,.mobile-dark-app .mobile-editor-view{background:transparent;color:#e9f5f1}.mobile-dark-app .panel{border-color:#ffffff14;background:#0c1b18db;box-shadow:none;color:#e9f5f1}.mobile-dark-app .mobile-project-view{min-height:100dvh;margin:0 auto;max-width:430px;padding:calc(18px + env(safe-area-inset-top)) 18px calc(34px + env(safe-area-inset-bottom));border:0;border-radius:0;background:radial-gradient(circle at 84% 4%,rgba(45,212,191,.14),transparent 28%),linear-gradient(180deg,#071311,#0b1715 58%,#06100e)}.mobile-dark-app .mobile-back-btn{color:#63e6d6;min-height:40px;padding:8px 0}.mobile-dark-app .mobile-project-title{margin:6px 0 14px;color:#fffaf0;font-family:Georgia,"Noto Serif SC",serif;font-size:28px;line-height:1.18;font-weight:650}.mobile-dark-app .mobile-project-tools{gap:8px;margin-bottom:16px}.mobile-dark-app .btn{border:1px solid rgba(45,212,191,.22);background:linear-gradient(135deg,#2dd4bf,#14b8a6);color:#effffb;box-shadow:0 10px 24px #14b8a624}.mobile-dark-app .btn:hover,.mobile-dark-app .btn:active{background:linear-gradient(135deg,#34d399,#14b8a6)}.mobile-dark-app .btn-secondary,.mobile-dark-app .mobile-project-tools .btn-secondary,.mobile-dark-app .chapter-bottom-nav .btn{border-color:#ffffff1a;background:#ffffff0f;color:#ebf6f3d6;box-shadow:none}.mobile-dark-app .btn-danger{border-color:#f871713d;background:#7f1d1d3d;color:#fca5a5}.mobile-dark-app .btn-link{color:#5eead4}.mobile-dark-app .hint,.mobile-dark-app .settings-hint,.mobile-dark-app .model-option-sub,.mobile-dark-app .debug-prompt-info{color:#deebe78a}.mobile-dark-app label,.mobile-dark-app .writing-controls-label,.mobile-dark-app .reading-settings-label{color:#e9f5f1b8}.mobile-dark-app .settings-panel,.mobile-dark-app .generate-panel-area,.mobile-dark-app .rewrite-input-area,.mobile-dark-app .writing-controls,.mobile-dark-app .mobile-materials-panel,.mobile-dark-app .mobile-simple-edit{border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:#ffffff0e!important;color:#e9f5f1;box-shadow:inset 0 1px #ffffff0a}.mobile-dark-app .settings-panel h3,.mobile-dark-app .rewrite-input-area h3,.mobile-dark-app .writing-controls-title,.mobile-dark-app .mobile-materials-panel h3,.mobile-dark-app .mobile-simple-edit h3{color:#fffaf0!important}.mobile-dark-app .settings-input,.mobile-dark-app .prompt-input,.mobile-dark-app .writing-controls-input,.mobile-dark-app .reading-title-input,.mobile-dark-app .create-panel input,.mobile-dark-app .create-panel textarea,.mobile-dark-app .mobile-simple-edit input,.mobile-dark-app .mobile-simple-edit textarea,.mobile-dark-app input,.mobile-dark-app textarea,.mobile-dark-app select{border-color:#ffffff1a!important;background:#050e0cb8!important;color:#eefbf8!important;caret-color:#2dd4bf}.mobile-dark-app input::placeholder,.mobile-dark-app textarea::placeholder{color:#e2eeea61!important}.mobile-dark-app .mobile-section-toggle,.mobile-dark-app .model-option,.mobile-dark-app .writing-controls-option,.mobile-dark-app .reading-settings-panel,.mobile-dark-app .variant-item{border-color:#ffffff14;background:#ffffff0e;color:#ebf6f3d6}.mobile-dark-app .model-option-title,.mobile-dark-app .writing-controls-summary{color:#e9f5f1}.mobile-dark-app .model-option.active,.mobile-dark-app .writing-controls-option.active,.mobile-dark-app .reading-settings-chip.active{border-color:#2dd4bf73;background:#14b8a629;color:#78f5e5}.mobile-dark-app .mobile-chapter-list{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0b;overflow:hidden}.mobile-dark-app .mobile-chapter-item{border-bottom-color:#ffffff12;color:#e9f5f1}.mobile-dark-app .mobile-chapter-item:active,.mobile-dark-app .mobile-chapter-item.active{background:#14b8a61f}.mobile-dark-app .mobile-chapter-index{color:#5eead4bd}.mobile-dark-app .mobile-chapter-title{color:#f6fcfae6}.mobile-dark-app .mobile-chapter-menu-btn,.mobile-dark-app .book-menu-btn{background:#00000047;color:#f0fdfad1}.mobile-dark-app .book-menu-dropdown,.mobile-dark-app .mobile-chapter-menu-dropdown{border:1px solid rgba(255,255,255,.1);background:#12231f;box-shadow:0 16px 34px #0000005c}.mobile-dark-app .book-menu-delete,.mobile-dark-app .mobile-chapter-menu-delete{background:transparent;color:#fca5a5}.mobile-dark-app .mobile-chapter-empty{border:1px dashed rgba(255,255,255,.12);border-radius:18px;background:#ffffff0a}.mobile-materials-panel{margin:12px 0 16px;padding:16px}.mobile-materials-panel p{margin:6px 0 0;color:#deebe794;font-size:13px;line-height:1.6}.mobile-materials-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.mobile-dark-app .reading-section{min-height:100dvh;margin:0;padding:0 0 calc(32px + env(safe-area-inset-bottom));border-top:0;background:radial-gradient(circle at 86% 0%,rgba(45,212,191,.1),transparent 28%),linear-gradient(180deg,#071311,#0b1715 60%,#06100e)}.mobile-dark-app .reading-header{padding-top:4px}.mobile-dark-app .reading-title-row h3{color:#fffaf0;font-size:20px;line-height:1.45}.mobile-dark-app .reading-filename{color:#deebe775}.mobile-dark-app .reading-settings-toggle{justify-content:space-between;min-height:42px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0b;color:#e9f5f1c2}.mobile-dark-app .reading-settings-panel{margin-top:8px;border-radius:16px}.mobile-dark-app .reading-settings-chip{border-color:#ffffff1a;background:#ffffff0e;color:#ebf6f3c7}.mobile-dark-app .reading-content{max-height:none;min-height:56vh;border-radius:18px;padding:22px 20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 38px #0000003d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,"Noto Serif SC",Noto Sans SC,sans-serif;line-height:2.05}.mobile-dark-app .reading-content.reading-theme-ink,.mobile-dark-app .reading-content.reading-theme-dark,.mobile-dark-app .reading-content.reading-theme-default{background:#0d1c19;border-color:#2dd4bf21;color:#e8f4f0e0}.mobile-dark-app .reading-content.reading-theme-night,.mobile-dark-app .reading-content.reading-theme-warm{background:#1f1b16;border-color:#fbbf2421;color:#f8efdce6}.mobile-dark-app .reading-content.reading-theme-paper,.mobile-dark-app .reading-content.reading-theme-gray{background:#d8d0bd;border-color:#ffffff29;color:#24201a}.mobile-dark-app.mobile-reading-paper .reading-section{background:radial-gradient(circle at 84% 0%,rgba(45,212,191,.08),transparent 28%),linear-gradient(180deg,#0c1715,#101814)}.mobile-dark-app .stale-chapter-notice{border-color:#fbbf2438;background:#78350f2e;color:#fde68a}.mobile-dark-app .stale-chapter-notice span{color:#fde68ab8}.mobile-dark-app .scroll-to-top-btn{border-color:#ffffff1a;background:#091412db;color:#5eead4}.mobile-shortcut-card:disabled,.mobile-primary-action:disabled,.mobile-secondary-action:disabled{opacity:.54;cursor:default}.mobile-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:calc(14px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:#020807f0}.mobile-search-panel{width:min(100%,430px);max-height:100%;margin:0 auto;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:radial-gradient(circle at 88% 0%,rgba(45,212,191,.13),transparent 28%),linear-gradient(180deg,#0b1715,#071311);overflow:hidden;box-shadow:0 24px 70px #0000006b}.mobile-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-search-bar input{min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 14px;background:#ffffff0f;color:#eefbf8;font-size:16px;outline:none}.mobile-search-bar button{border:0;background:transparent;color:#5eead4;font-size:15px;padding:0 4px}.mobile-search-body{overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:14px}.mobile-search-empty{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;color:#e2eeea80;font-size:14px}.mobile-search-group+.mobile-search-group{margin-top:18px}.mobile-search-group h3{margin:0 0 10px;color:#fffaf0;font-size:15px}.mobile-search-result{width:100%;min-height:74px;margin-bottom:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0e;color:#e9f5f1;text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px}.mobile-search-result span{grid-row:span 3;align-self:start;padding:4px 7px;border-radius:999px;background:#14b8a624;color:#5eead4;font-size:11px}.mobile-search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.mobile-search-result em,.mobile-search-result small{color:#e2eeea8c;font-size:12px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-writing-view,.mobile-outline-view,.mobile-all-projects-view{min-height:100dvh;width:100%;max-width:430px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(34px + env(safe-area-inset-bottom));border:0!important;border-radius:0!important;background:radial-gradient(circle at 82% 0%,rgba(45,212,191,.12),transparent 28%),linear-gradient(180deg,#071311,#0b1715 58%,#06100e)!important}.mobile-outline-header{margin-bottom:18px}.mobile-outline-header span{color:#5eead4;font-size:13px}.mobile-outline-header h2{margin:8px 0 0;color:#fffaf0;font-family:Georgia,"Noto Serif SC",serif;font-size:30px;line-height:1.15}.mobile-outline-empty,.mobile-outline-card,.mobile-all-project-card{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff0e;color:#e9f5f1}.mobile-outline-empty{min-height:160px;padding:24px;display:flex;align-items:center;justify-content:center;text-align:center;color:#e2eeea8f}.mobile-outline-card{padding:16px;margin-bottom:12px}.mobile-outline-card h3{margin:0 0 10px;color:#fffaf0;font-size:16px}.mobile-outline-card p{margin:0;color:#e8f4f0d1;line-height:1.8;white-space:pre-wrap}.mobile-outline-plan{display:grid;gap:10px}.mobile-outline-plan-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}.mobile-outline-plan-item>span{width:32px;height:32px;border-radius:12px;background:#14b8a629;color:#5eead4;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.mobile-outline-plan-item strong{color:#e9f5f1}.mobile-outline-plan-item p{margin-top:4px;color:#e2eeea8f;font-size:13px}.mobile-outline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.mobile-all-projects-list{display:grid;gap:10px}.mobile-all-project-card{width:100%;min-height:98px;padding:14px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;text-align:left;font-family:inherit}.mobile-project-initial{width:52px;height:52px;border-radius:16px;background:radial-gradient(circle at 76% 18%,rgba(45,212,191,.32),transparent 18%),linear-gradient(135deg,#244e49,#10201f);color:#ffffffd1;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:650}.mobile-all-project-card strong,.mobile-all-project-card em,.mobile-all-project-card p{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.mobile-all-project-card strong{color:#fffaf0;font-size:17px;white-space:nowrap}.mobile-all-project-card em{margin-top:5px;color:#e2eeea8a;font-size:12px;font-style:normal;white-space:nowrap}.mobile-all-project-card p{margin:7px 0 0;color:#e8f4f0ad;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.mobile-writing-header{margin-bottom:18px}.mobile-writing-header span{color:#5eead4;font-size:13px}.mobile-writing-header h2{margin:8px 0 6px;color:#fffaf0;font-family:Georgia,"Noto Serif SC",serif;font-size:30px;line-height:1.15}.mobile-writing-header p{margin:0;color:#e2eeea8f;font-size:14px}.mobile-writing-card,.mobile-writing-output{margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff0e}.mobile-writing-prompt{min-height:132px}.mobile-writing-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.mobile-writing-modes button{min-height:68px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0e;color:#ebf6f3c7;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;text-align:left}.mobile-writing-modes button.active{border-color:#2dd4bf73;background:#14b8a629;color:#78f5e5}.mobile-writing-modes span{color:#e2eeea85;font-size:12px}.mobile-writing-generate{width:100%}.mobile-writing-output-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.mobile-writing-output-head h3{margin:0;color:#fffaf0;font-size:16px}.mobile-writing-output-head span{color:#5eead4c7;font-size:12px}.mobile-writing-output-body{min-height:180px;max-height:44vh;overflow-y:auto;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#050e0cb8;color:#e8f4f0e0;line-height:1.95;white-space:pre-wrap}.mobile-writing-actions,.mobile-reading-writing-actions{display:grid;gap:10px;margin-top:12px}.mobile-project-write-btn{width:100%;margin-bottom:12px}}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:radial-gradient(circle at 50% 42%,rgba(124,92,255,.2),transparent 34%),#050816}.auth-loading-text{color:#f8fafc;font-size:28px;letter-spacing:8px;text-shadow:0 0 28px rgba(124,92,255,.72)}.auth-page{--login-bg: #050816;--panel-bg: rgba(15, 23, 42, .72);--panel-border: rgba(139, 92, 246, .28);--primary: #7c5cff;--primary-2: #4f46e5;--text-main: #f8fafc;--text-muted: #94a3b8;position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,.95fr);min-height:100dvh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 16% 16%,rgba(79,70,229,.22),transparent 34%),radial-gradient(circle at 82% 32%,rgba(124,92,255,.18),transparent 30%),linear-gradient(115deg,#03050f 0%,var(--login-bg) 50%,#080b1d 100%);color:var(--text-main);isolation:isolate}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 35% 50%,#000 0%,transparent 68%);mask-image:radial-gradient(circle at 35% 50%,#000 0%,transparent 68%)}.auth-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,rgba(5,8,22,.16) 45%,rgba(5,8,22,.86) 72%,rgba(5,8,22,.96) 100%),radial-gradient(circle at 42% 72%,rgba(124,92,255,.22),transparent 26%);pointer-events:none}.auth-visual{position:relative;min-width:0;height:100%;overflow:hidden}.auth-library{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.auth-library:before,.auth-library:after{content:"";position:absolute;border-radius:50%;filter:blur(34px);opacity:.72}.auth-library:before{width:360px;height:360px;left:41%;top:24%;background:#7c5cff42}.auth-library:after{width:260px;height:260px;left:7%;bottom:5%;background:#4f46e547}.auth-shelf{position:absolute;top:-8%;bottom:0;width:16%;border-right:1px solid rgba(139,92,246,.11);border-left:1px solid rgba(148,163,184,.06);background:repeating-linear-gradient(90deg,#94a3b80a 0,#94a3b80a 9px,#0f172a3d 9px,#0f172a3d 14px,#4f46e514 14px,#4f46e514 16px),linear-gradient(180deg,#0f172ab8,#020617eb);box-shadow:inset -20px 0 44px #00000070;transform:perspective(900px) rotateY(11deg)}.auth-shelf-one{left:0}.auth-shelf-two{left:20%;width:13%;opacity:.62;transform:perspective(900px) rotateY(7deg)}.auth-shelf-three{left:37%;width:11%;opacity:.42}.auth-light-door{position:absolute;left:43%;bottom:-4%;width:18%;height:72%;background:linear-gradient(180deg,transparent 0%,rgba(124,92,255,.24) 58%,rgba(248,250,252,.5) 100%),radial-gradient(ellipse at 50% 100%,rgba(167,139,250,.9),transparent 60%);filter:blur(1px);clip-path:polygon(38% 0,62% 0,88% 100%,12% 100%);opacity:.66}.auth-ink-stream{position:absolute;left:8%;right:19%;bottom:9%;height:22%;border-radius:50%;background:radial-gradient(ellipse at 52% 48%,rgba(248,250,252,.5),transparent 8%),radial-gradient(ellipse at 52% 50%,rgba(124,92,255,.64),transparent 28%),conic-gradient(from 166deg at 42% 48%,transparent,rgba(99,102,241,.66),rgba(15,23,42,.2),transparent 76%);filter:blur(.4px);transform:rotate(-5deg);opacity:.76;box-shadow:0 0 52px #7c5cff57}.auth-page-float{position:absolute;width:74px;height:46px;border-radius:4px;background:linear-gradient(135deg,#f8fafc85,#94a3b833),repeating-linear-gradient(0deg,transparent 0 8px,rgba(15,23,42,.16) 8px 9px);border:1px solid rgba(248,250,252,.08);box-shadow:0 12px 34px #00000047;opacity:.56}.auth-page-float-one{left:13%;top:42%;transform:rotate(18deg) skew(-10deg)}.auth-page-float-two{left:52%;top:33%;width:98px;height:60px;transform:rotate(-18deg) skew(12deg);opacity:.48}.auth-page-float-three{left:31%;bottom:18%;width:88px;height:54px;transform:rotate(12deg) skew(-7deg)}.auth-page-float-four{left:68%;bottom:28%;width:112px;height:66px;transform:rotate(-24deg) skew(10deg);opacity:.38}.auth-visual-copy{position:absolute;left:clamp(32px,7vw,96px);bottom:clamp(42px,9vh,110px);width:min(760px,calc(100% - clamp(64px,14vw,192px)));color:#f8fafce6}.auth-kicker{margin-bottom:18px;color:#a78bfac2;font-size:12px;letter-spacing:.22em;font-weight:700}.auth-visual-copy h2{margin:0 0 14px;font-size:clamp(32px,3.4vw,52px);line-height:1.18;letter-spacing:.04em;font-weight:750;white-space:pre-line;word-break:keep-all;overflow-wrap:normal;text-shadow:0 0 34px rgba(124,92,255,.48)}.auth-visual-copy p:last-child{color:#cbd5e1b8;font-size:15px;line-height:1.9}.auth-panel-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:clamp(28px,5vw,76px)}.auth-box{width:100%;max-width:520px;min-height:560px;padding:74px 54px 46px;text-align:center;border:1px solid var(--panel-border);border-radius:24px;background:linear-gradient(180deg,#1e293b9e,#020617bd),var(--panel-bg);box-shadow:0 30px 90px #00000080,0 0 68px #7c5cff29,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-logo{width:72px;height:72px;margin:0 auto 34px;border-radius:20px;background:linear-gradient(135deg,#c0b4fff5,#7c5cfff5 48%,#4f46e5eb),#1e1b4b;box-shadow:0 0 32px #7c5cffb8,0 18px 44px #4f46e557,inset 0 1px #ffffff61;transform:rotate(45deg)}.auth-title{margin-bottom:12px;color:var(--text-main);font-size:48px;letter-spacing:.16em;font-weight:800;text-shadow:0 0 28px rgba(124,92,255,.42)}.auth-subtitle{margin-bottom:32px;color:var(--text-muted);font-size:16px;letter-spacing:.04em}.auth-divider{position:relative;height:34px;margin-bottom:24px}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,255,.18),rgba(167,139,250,.72),rgba(124,92,255,.18),transparent)}.auth-divider span{position:absolute;left:50%;top:12px;width:10px;height:10px;border-radius:50%;background:#a78bfa;box-shadow:0 0 18px #a78bfaeb;transform:translate(-50%)}.auth-label{display:block;margin-bottom:14px;color:#cbd5e1bd;font-size:14px;letter-spacing:.04em}.auth-input-shell{display:grid;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:12px;width:100%;height:68px;padding:0 18px;border:1px solid rgba(139,92,246,.45);border-radius:14px;background:#080c1cd1;box-shadow:0 0 0 1px #ffffff08,0 0 30px #7c5cff24;transition:border-color .18s,box-shadow .18s,background .18s}.auth-input-shell:focus-within{border-color:#a78bfaf2;background:#0b1024db;box-shadow:0 0 0 3px #7c5cff29,0 0 36px #7c5cff47}.auth-input-shell.has-error{border-color:#f87171b8}.auth-input-icon,.auth-eye-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-input-icon{color:#cbd5e19e;background:transparent}.auth-pin-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:100%;border:0;border-radius:10px;background:#080c1cd1;color:#f8fafc;font-size:24px;letter-spacing:.42em;outline:none;caret-color:#a78bfa;font-family:inherit;line-height:1;box-shadow:none}.auth-pin-input[type=password],.auth-pin-input[type=text]{background:#080c1cd1;color:#f8fafc}.auth-pin-input:focus{outline:none;background:#080c1ce0}.auth-pin-input::placeholder{color:#94a3b894}.auth-pin-input:-webkit-autofill,.auth-pin-input:-webkit-autofill:hover,.auth-pin-input:-webkit-autofill:focus{-webkit-text-fill-color:#f8fafc;transition:background-color 9999s ease-in-out 0s;box-shadow:0 0 0 1000px #080c1cf2 inset}.auth-eye-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:9px;background:#080c1c6b;color:#cbd5e1b8;cursor:pointer;transition:color .18s,background .18s}.auth-eye-btn:hover:not(:disabled){background:#7c5cff1f;color:#ddd6fe}.auth-eye-btn:disabled{cursor:default;opacity:.48}.auth-error{color:#fca5a5;font-size:13px;margin-top:14px;min-height:18px}.auth-btn{display:block;width:100%;height:66px;margin:30px auto 0;padding:0;border:1px solid rgba(167,139,250,.58);border-radius:14px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 18px 38px #4f46e547,0 0 28px #7c5cff38;font-family:inherit;font-size:18px;font-weight:750;letter-spacing:.08em;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s}.auth-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 46px #4f46e557,0 0 36px #7c5cff4d}.auth-btn:not(:disabled):active{transform:translateY(0)}.auth-footnote{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:38px;color:#94a3b8c7;font-size:14px}.auth-footnote span{color:#a78bfad1;font-size:16px}@media (max-width: 920px){.auth-page{display:flex;align-items:center;justify-content:center;height:100dvh;padding:22px}.auth-page:after{background:linear-gradient(180deg,#05081657,#050816e6),radial-gradient(circle at 50% 35%,rgba(124,92,255,.24),transparent 44%)}.auth-visual{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45}.auth-visual-copy{display:none}.auth-panel-wrap{width:100%;height:auto;padding:0}.auth-box{max-width:430px;min-height:0;padding:48px 28px 34px;border-radius:20px}.auth-logo{width:58px;height:58px;margin-bottom:28px;border-radius:17px}.auth-title{font-size:38px}.auth-subtitle{font-size:14px}}@media (max-width: 480px){.auth-page{padding:16px}.auth-box{padding:38px 20px 28px}.auth-input-shell,.auth-btn{height:58px}.auth-title{font-size:34px}.auth-footnote{margin-top:28px;font-size:12px}}.logout-link{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;color:#7a8a85;cursor:pointer;padding:6px 10px;font-weight:400;letter-spacing:1px;transition:color .15s;user-select:none;-webkit-user-select:none}.logout-link:hover,.logout-link:active{color:#e74c3c}.app h1{position:relative}.mobile-shelf-view button,.mobile-shelf-view .mobile-recent-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:none}.mobile-shelf-view button:focus-visible{outline:2px solid #d4af37;outline-offset:2px}.mobile-shelf-view .mobile-icon-btn,.mobile-shelf-view .mobile-icon-btn-primary,.mobile-shelf-view .mobile-primary-action,.mobile-shelf-view .mobile-shortcut-card-primary,.mobile-shelf-view .mobile-shortcut-card,.mobile-shelf-view .mobile-all-projects-btn,.mobile-shelf-view .mobile-bottom-nav button{background:none}.mobile-shelf-view .mobile-current-actions button,.mobile-shelf-view .mobile-shortcut-card-primary,.mobile-shelf-view .mobile-shortcut-card{background:inherit}.mobile-shelf-view button svg,.mobile-shelf-view button span{pointer-events:none}.mobile-shelf-view .mobile-current-card-glow{pointer-events:none}.mobile-shelf-view .mobile-recent-item{width:100%;display:grid!important;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:10px 16px 10px 12px;min-height:68px;position:relative;background:none;border-radius:0}.mobile-shelf-view .mobile-recent-item+.mobile-recent-item{border-top:1px solid rgba(231,255,250,.06)}.mobile-shelf-view .mobile-recent-item:hover,.mobile-shelf-view .mobile-recent-item:active,.mobile-shelf-view .mobile-shortcut-card:active,.mobile-shelf-view .mobile-shortcut-card-primary:active,.mobile-shelf-view .mobile-primary-action:active{opacity:.8}