.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:32px 24px;font-family:inherit;box-sizing:border-box}.auth-container{width:100%;max-width:480px;margin:0 auto}.auth-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .2s ease;width:100%}.auth-card:hover{box-shadow:0 10px 15px -3px #0000001a}.auth-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg)}.auth-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.auth-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.auth-content{padding:32px;max-width:400px;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.auth-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--bg);color:var(--text-primary);transition:all .2s ease}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.auth-button{width:100%;padding:12px 24px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.auth-button--primary{background:var(--accent);color:#fff}.auth-button--primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.auth-button--secondary{background:var(--bg-app);color:var(--text-primary);border:1px solid var(--border-color)}.auth-button--secondary:hover:not(:disabled){background:var(--bg-muted);border-color:var(--accent)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-alert{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.875rem}.auth-alert--error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.auth-alert--success{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.auth-link{color:var(--accent);text-decoration:none;font-size:.875rem;transition:color .2s ease}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-footer{padding:24px 32px;text-align:center;border-top:1px solid var(--border-color);background:var(--bg-app)}.auth-footer-text{font-size:.875rem;color:var(--text-secondary)}@media (max-width: 640px){.auth-page{padding:16px}.auth-container{max-width:100%}.auth-header{padding:24px 24px 20px}.auth-content{padding:24px}.auth-footer{padding:20px 24px}.auth-title{font-size:1.5rem}.auth-form-row{grid-template-columns:1fr;gap:20px}}.profile-page{min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-family:inherit}.profile-container{max-width:var(--layout-max-width, 1200px);margin:0 auto;padding:var(--layout-padding, 40px 24px);min-height:100vh}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--bg-app) 0%,var(--bg-muted) 100%);border-radius:16px 16px 0 0;padding:32px;margin:-24px -24px 32px}.profile-user{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;text-transform:uppercase}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{font-size:32px;font-weight:600;margin:0;color:var(--text-primary)}.profile-email{font-size:16px;color:var(--text-secondary);margin:0}.profile-stats{display:flex;gap:24px}.stat-card{text-align:center;padding:16px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);min-width:100px}.stat-number{font-size:24px;font-weight:700;color:var(--accent);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-tabs{width:100%}.profile-nav{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.nav-tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color);padding-bottom:0}.nav-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;border-bottom:3px solid transparent;border-radius:0;transition:all .2s ease;position:relative}.nav-tab[data-state=active]{color:var(--accent);background:transparent;border-bottom-color:var(--accent)}.nav-tab:hover{color:var(--text-primary);background:rgba(var(--accent-rgb),.1)}.nav-actions{display:flex;gap:12px}.profile-content{min-height:400px;width:100%}.overview-content{display:flex;flex-direction:column;gap:40px}.welcome-section{text-align:center;padding:40px 0}.welcome-section h2{font-size:28px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.welcome-section p{font-size:18px;color:var(--text-secondary);margin:0 0 32px}.quick-actions{display:flex;gap:16px;justify-content:center}.recent-projects h3{font-size:24px;font-weight:600;margin:0 0 24px;color:var(--text-primary)}.projects-content{display:flex;flex-direction:column;gap:32px;background:var(--bg-card);padding:24px;border-radius:16px;border:1px solid var(--border-color)}.projects-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.projects-title h2{font-size:28px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.projects-count{font-size:14px;color:var(--text-secondary)}.projects-controls{display:flex;gap:16px;align-items:center}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:var(--text-secondary);font-size:14px}.search-box input{padding:12px 16px 12px 40px;border:none;border-bottom:2px solid var(--border-color);border-radius:0;background:transparent;color:var(--text-primary);font-size:16px;width:320px;transition:all .2s ease}.search-box input:focus{outline:none;border-bottom-color:var(--accent);background:transparent}.view-controls{display:flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.view-btn{padding:8px 12px;border:none;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-right:1px solid var(--border-color)}.view-btn:last-child{border-right:none}.view-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.view-btn.active{background:var(--accent);color:#fff}.project-grid{display:flex;flex-direction:column;gap:16px}.project-grid.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;align-items:start}.project-grid.recent{gap:12px}.project-grid.list{display:flex;flex-direction:column;gap:12px}.project-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease;cursor:pointer;position:relative;box-shadow:0 1px 3px #0000001a}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--accent)}.project-card.grid{display:flex;flex-direction:column;gap:16px;min-height:280px}.project-card.grid.compact{min-height:220px;padding:16px}.project-card.list{display:flex;flex-direction:column;gap:12px;min-height:auto;padding:16px 20px}.project-header{display:flex;flex-direction:column;gap:8px}.project-title-section{display:flex;align-items:center;gap:8px}.project-header h3{flex:1;font-size:20px;font-weight:600;margin:0;color:var(--text-primary);line-height:1.3}.project-title-edit{background:transparent;border:none;outline:none;font-size:20px;font-weight:600;color:var(--text-primary);font-family:inherit;padding:2px 4px;margin:-2px -4px;border-radius:4px;transition:all .2s ease;flex:1;min-width:0}.project-edit-btn{opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;font-size:14px;flex-shrink:0}.project-card:hover .project-edit-btn{opacity:1}.project-edit-btn:hover{background:var(--border-color);color:var(--text-primary)}.project-meta{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;white-space:nowrap}.project-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:var(--bg-muted);border-radius:8px}.project-stats-grid .stat{text-align:center}.project-stats-grid .stat-value{display:block;font-size:18px;font-weight:700;color:var(--accent);margin-bottom:2px}.project-stats-grid .stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.project-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.action-row{display:flex;gap:8px;width:100%}.action-main{flex:2;min-width:0}.action-options{flex:1;min-width:0}.project-list-header{display:flex;align-items:flex-start;gap:20px}.project-card.list .project-info{flex:1}.project-card.list .project-title-section{display:flex;align-items:center;gap:8px;margin-bottom:4px}.project-card.list .project-info h3{flex:1;font-size:18px;margin:0}.project-card.list .project-title-edit{font-size:18px}.project-card.list .project-info p{font-size:13px;margin:0}.project-card.list .project-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.project-card.list .project-actions{margin-top:0;display:flex;flex-direction:column;gap:8px;align-items:stretch;flex-shrink:0}.project-card.list .action-row{display:flex;gap:8px;align-items:center}.project-card.list .collapsible-content{width:100%;margin-top:16px}.project-card.list .project-details{padding:16px;margin-top:0;background:var(--bg-muted);border-radius:8px;border:none}.project-accordion{width:100%}.accordion-trigger{width:100%;justify-content:space-between}.accordion-trigger[data-state=open] .accordion-chevron,.accordion-chevron.expanded{transform:rotate(180deg)}.accordion-chevron{transition:transform .2s ease}.accordion-content{overflow:hidden;padding:0}.accordion-content[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.accordion-content[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}.project-details,.project-details-expanded{padding:16px 0;border-top:1px solid var(--border-color);margin-top:12px}.project-details-expanded{animation:slideDownSimple .3s ease-out}@keyframes slideDownSimple{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.document-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.action-btn.danger{background:#ef4444;color:#fff;border:1px solid #dc2626}.action-btn.danger:hover:not(:disabled){background:#dc2626;border-color:#b91c1c}.action-btn.danger:disabled{background:#6b7280;border-color:#6b7280;cursor:not-allowed;opacity:.5}.action-btn.danger.small{padding:6px 8px;font-size:12px}.options-menu{position:relative;display:inline-block}.options-btn{padding:6px 8px!important;min-width:32px}.options-btn.full-width{padding:12px 16px!important;min-width:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.options-dropdown{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:160px;padding:4px 0;margin-top:4px}.options-expanded{width:100%;background:var(--bg-muted);border:1px solid var(--border-color);border-radius:6px;padding:4px 0;margin-top:8px;animation:slideDown .1s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}.options-menu.full-width .options-dropdown{left:0;right:auto;width:100%;min-width:auto}.option-item{width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .2s ease;text-align:left}.option-item:hover{background:var(--bg-muted)}.option-item.danger{color:#ef4444}.option-item.danger:hover{background:rgba(239,68,68,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg)!important;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 10px 25px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow:hidden;position:relative;z-index:1001}.delete-modal{max-width:600px;background:var(--bg)!important}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-content{padding:24px;display:flex;flex-direction:column;gap:24px}.warning-section{text-align:center;padding:20px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px}.warning-icon{font-size:32px;color:#ef4444;margin-bottom:12px}.warning-section h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#ef4444}.warning-section p{margin:0;color:var(--text-secondary);line-height:1.5}.confirmation-section{display:flex;flex-direction:column;gap:12px}.confirmation-section label{font-size:14px;font-weight:500;color:var(--text-primary)}.delete-confirm-input{padding:12px 16px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-app);color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .2s ease}.delete-confirm-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--border-color)}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.action-btn.primary{background:var(--accent);color:#fff}.action-btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.action-btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.action-btn.secondary:hover{background:var(--accent);color:#fff}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.danger:hover{background:#dc2626}.action-btn.small{padding:8px 16px;font-size:12px}.action-btn.large{padding:16px 24px;font-size:16px;font-weight:600}.action-btn.full-width{width:100%;justify-content:center}.collapsible-trigger{width:100%;justify-content:space-between}.collapsible-trigger .chevron{transition:transform .2s ease}.collapsible-trigger .chevron.open{transform:rotate(180deg)}.collapsible-content{overflow:hidden}.collapsible-content[data-state=open]{animation:slideDown .3s ease-out}.collapsible-content[data-state=closed]{animation:slideUp .3s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes slideUp{0%{height:var(--radix-collapsible-content-height)}to{height:0}}.project-details{padding:16px 0;margin-top:16px;border-top:1px solid var(--border-color)}.document-section{margin-bottom:20px}.document-section:last-child{margin-bottom:0}.document-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.document-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-muted);border-radius:6px;cursor:pointer;transition:all .2s ease}.document-item:hover{background:var(--bg-app);border-color:var(--accent)}.document-title{font-size:13px;color:var(--text-primary);font-weight:500}.document-words{font-size:12px;color:var(--text-secondary)}.settings-sections{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .2s ease}.settings-section:hover{border-color:var(--accent)}.settings-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px;border:none;background:transparent;cursor:pointer;transition:background .2s ease;text-align:left}.settings-trigger:hover{background:var(--bg-muted)}.settings-trigger .chevron{transition:transform .2s ease;color:var(--text-muted)}.settings-trigger .chevron.open{transform:rotate(180deg)}.settings-header{flex:1}.settings-header h3{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.settings-header p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.settings-content{padding:0 24px 24px;border-top:1px solid var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-app);color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent);background:var(--bg-card)}.form-actions{display:flex;gap:12px;justify-content:flex-start}.account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.account-stat{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-muted);border-radius:8px}.account-stat .stat-label{font-size:14px;color:var(--text-secondary)}.account-stat .stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.danger-zone{padding:20px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:8px}.profile-preview{display:flex;flex-direction:column;gap:4px;margin-top:8px}.profile-preview span:first-child{font-weight:500;color:var(--text-primary);font-size:14px}.profile-preview span:last-child{font-size:13px;color:var(--text-secondary)}.loading-state,.empty-state{text-align:center;padding:80px 20px}.loading-state .spinner,.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state svg{color:var(--text-muted);opacity:.5;margin-bottom:24px}.empty-state h3{font-size:20px;margin:0 0 12px;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto 32px}.inline-theme-settings{display:flex;flex-direction:column;gap:24px}.theme-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.shade-preview.shade-minimal.dark{background:#000000}.shade-preview.shade-soft.light{background:#fafafa}.shade-preview.shade-soft.dark{background:#0a0a0a}.shade-preview.shade-medium.light{background:#f5f5f5}.shade-preview.shade-medium.dark{background:#151515}.shade-preview.shade-rich.light{background:#f0f0f0}.shade-preview.shade-rich.dark{background:#1a1a1a}@media (max-width: 768px){.profile-container{padding:16px}.profile-header{flex-direction:column;gap:24px;align-items:stretch}.profile-user{align-items:center}.profile-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px 12px}.profile-nav{flex-direction:column;gap:16px}.nav-actions{justify-content:stretch}.projects-header{flex-direction:column;gap:16px}.projects-controls{flex-direction:column;gap:12px}.search-box input{font-size:16px}.project-grid.grid{grid-template-columns:1fr}.project-card.list{flex-direction:column;gap:16px;align-items:stretch}.project-card.list .project-actions{justify-content:stretch}.form-grid,.quick-actions{grid-template-columns:1fr}.project-modal{width:95vw;max-height:90vh;margin:16px}.modal-header{padding:20px 20px 16px}.modal-title{font-size:20px}.project-modal-content{padding:20px}.modal-stats{grid-template-columns:1fr;gap:12px}.document-grid{grid-template-columns:1fr}.modal-actions{margin-bottom:24px}.modal-sections{gap:24px}.settings-header{padding:20px}.settings-content{padding:0 20px 20px}.account-stats{grid-template-columns:1fr}.color-selector{grid-template-columns:repeat(2,1fr)!important}.mode-selector{flex-direction:column!important}.shade-selector{gap:12px!important}}.writer-editor{display:flex;flex-direction:column;height:100%;background:var(--bg)}.editor-toolbar{display:flex;justify-content:flex-start;align-items:center;padding:8px 20px;background:var(--bg);border-bottom:1px solid var(--border);gap:16px;min-height:48px}.editing-tools{display:flex;align-items:center;gap:6px;flex:1;max-width:calc(100% - 200px)}.tool-btn{background:none;border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:12px;cursor:pointer;color:var(--text);transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.tool-btn:hover:not(:disabled){background:var(--border)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tool-separator{width:1px;height:20px;background:var(--border);margin:0 4px}.mode-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}.view-toggle{display:flex;gap:2px;background:var(--border);border-radius:6px;padding:2px}.toggle-btn{background:none;border:none;border-radius:4px;padding:6px 10px;font-size:16px;cursor:pointer;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px}.toggle-btn:hover{color:var(--text)}.toggle-btn.active{background:var(--bg);color:var(--accent);box-shadow:0 1px 3px #0000001a}.action-buttons{display:flex;gap:6px}.action-btn{background:none;border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:14px;cursor:pointer;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.action-btn:hover{background:var(--border);color:var(--text)}.action-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.search-panel{background:var(--border);border-bottom:1px solid var(--border);padding:8px 20px}.search-controls{display:flex;align-items:center;gap:8px}.search-input{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;color:var(--text);width:268px}.search-input:focus{outline:none;border-color:var(--accent)}.search-buttons{display:flex;gap:4px}.search-btn{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-size:11px;font-weight:500;cursor:pointer;color:var(--text);transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;min-width:60px;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.search-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.search-btn:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}.search-btn:last-child:hover{background:var(--accent-hover, var(--accent));opacity:.9}.editor-content{flex:1;overflow-y:auto;padding:40px 80px 40px 20px;max-width:none}.editor-content.rich{font-family:var(--font-serif)}.editor-content.markdown{font-family:var(--font-mono)}.editor-content.markdown .ProseMirror{font-family:Monaco,Consolas,SF Mono,monospace;font-size:14px;white-space:pre-wrap}.editor-content.markdown .ProseMirror *{font-family:inherit!important;font-size:inherit!important;font-weight:400!important;font-style:normal!important;text-decoration:none!important;color:var(--text)!important;margin:0!important;padding:0!important;border:none!important;background:none!important}.ProseMirror{outline:none;min-height:100%;line-height:1.6}.ProseMirror.rich-mode{font-family:var(--font-serif);font-size:16px}.ProseMirror.markdown-mode{font-family:var(--font-mono);font-size:14px;white-space:pre-wrap;color:var(--text)}.ProseMirror.rich-mode h1{font-size:2em;font-weight:700;margin:1em 0 .5em;line-height:1.2}.ProseMirror.rich-mode h2{font-size:1.5em;font-weight:700;margin:1em 0 .5em;line-height:1.3}.ProseMirror.rich-mode h3{font-size:1.25em;font-weight:700;margin:1em 0 .5em;line-height:1.4}.ProseMirror.rich-mode p{margin:.5em 0}.ProseMirror.rich-mode strong{font-weight:700}.ProseMirror.rich-mode em{font-style:italic}.ProseMirror.rich-mode ul,.ProseMirror.rich-mode ol{margin:.5em 0;padding-left:1.5em}.ProseMirror.rich-mode blockquote{border-left:3px solid var(--border);padding-left:1em;margin:1em 0;font-style:italic;color:var(--text-muted)}.ProseMirror.rich-mode code{background:var(--border);padding:2px 4px;border-radius:3px;font-family:var(--font-mono);font-size:.9em}.search-result{background:yellow;color:#000;padding:1px 2px;border-radius:2px}@media (max-width: 768px){.editor-toolbar{flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px 16px;align-items:center}.editing-tools{flex-wrap:wrap;align-items:center;gap:8px;max-width:232px}.editing-tools .tool-separator{display:none}.mode-actions{flex:0 0 auto;gap:8px;margin-left:auto;align-self:flex-start}.tool-btn{min-width:24px;height:24px;padding:4px 6px;font-size:11px}.action-btn{min-width:28px;height:28px;padding:4px 6px}.toggle-btn{min-width:32px;padding:4px 8px}.search-controls{flex-direction:column;gap:4px}.search-input{width:268px;max-width:100%}.editor-content{padding:20px 16px}}.editor-container{flex:1;position:relative;overflow:hidden}.editor-content{height:100%;overflow-y:auto}.editor-content .ProseMirror{outline:none;padding:0;min-height:100%;background:var(--bg);color:var(--text);line-height:1.6;max-width:none}.editor-content.rich .ProseMirror{font-family:Georgia,serif;font-size:16px}.editor-content.markdown .ProseMirror{font-family:Monaco,Consolas,monospace;font-size:14px}.editor-content .ProseMirror h1{font-size:2em;font-weight:700;margin:1em 0 .5em;line-height:1.2}.editor-content .ProseMirror h2{font-size:1.5em;font-weight:700;margin:1em 0 .5em;line-height:1.3}.editor-content .ProseMirror h3{font-size:1.25em;font-weight:700;margin:1em 0 .5em;line-height:1.4}.editor-content .ProseMirror p{margin:.5em 0}.editor-content .ProseMirror strong{font-weight:700}.editor-content .ProseMirror em{font-style:italic}.editor-content .ProseMirror code{background:var(--border);padding:2px 4px;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:.9em}.editor-content .ProseMirror pre{background:var(--border);padding:16px;border-radius:6px;overflow-x:auto;margin:1em 0}.editor-content .ProseMirror pre code{background:none;padding:0}.editor-content .ProseMirror blockquote{border-left:4px solid var(--accent);padding-left:16px;margin:1em 0;font-style:italic;color:var(--text-muted)}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{padding-left:24px;margin:.5em 0}.editor-content .ProseMirror li{margin:.25em 0}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.editor-content .ProseMirror:focus{outline:none}.editor-content .ProseMirror ::selection{background:var(--accent);color:#fff}.monaco-editor{background:var(--bg)!important;width:100%!important}.monaco-editor textarea{spellcheck:true!important}.monaco-editor .margin{background:transparent!important}.monaco-editor .monaco-editor-background{background:var(--bg)!important}.monaco-editor .current-line{background:transparent!important}.view-mode-rich .monaco-editor{font-family:"Georgia, serif"!important}.view-mode-rich .monaco-scrollable-element>.scrollbar{display:none!important}.view-mode-rich .monaco-editor .line-numbers{display:none!important}.view-mode-markdown .monaco-editor{font-family:"Monaco, Consolas, monospace"!important}.view-mode-markdown .monaco-editor .line-numbers{display:block!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:var(--border)!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider:hover{background:var(--text-muted)!important}.monaco-editor .find-widget{background:var(--bg)!important;border:1px solid var(--border)!important;box-shadow:0 4px 12px #0000001a!important}.monaco-editor .find-widget .monaco-inputbox{background:var(--bg)!important;border:1px solid var(--border)!important}.monaco-menu{background:var(--bg)!important;border:1px solid var(--border)!important;box-shadow:0 4px 12px #0000001a!important}.monaco-menu .monaco-action-bar .action-item .action-label{color:var(--text)!important}.monaco-menu .monaco-action-bar .action-item .action-label:hover{background:var(--border)!important}.monaco-editor .monaco-scrollable-element>.scrollbar{background:transparent!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:rgba(0,0,0,.2)!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider:hover{background:rgba(0,0,0,.3)!important}@media (prefers-color-scheme: dark){.monaco-editor .minimap-slider{background:rgba(255,255,255,.1)!important}.monaco-editor .minimap-slider:hover{background:rgba(255,255,255,.2)!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:rgba(255,255,255,.2)!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider:hover{background:rgba(255,255,255,.3)!important}}.monaco-editor .line-numbers,.monaco-editor .margin-view-overlays{display:none!important}.monaco-editor .rulers{opacity:.1}.monaco-editor .selected-text{background:var(--border)!important}.monaco-editor .cursor{color:var(--text)!important}.rich-text-container{position:relative;height:100%;width:100%}.monaco-editor-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.rich-text-preview{position:absolute;top:0;left:0;right:0;bottom:0;padding:32px;overflow-y:auto;background:var(--bg);color:var(--text);font-family:Georgia,serif;font-size:16px;line-height:1.6;cursor:text;transition:all .2s ease}.rich-text-preview:hover{background:rgba(255,255,255,.02)}.empty-placeholder{color:var(--text-muted);font-style:italic;text-align:center;margin-top:100px;font-size:18px;cursor:text}.rich-text-preview::-webkit-scrollbar{width:8px}.rich-text-preview::-webkit-scrollbar-track{background:transparent}.rich-text-preview::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.rich-text-preview::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.rich-text-preview h1{font-size:2.2em;font-weight:700;margin:0 0 24px;color:var(--text);line-height:1.2}.rich-text-preview h2{font-size:1.8em;font-weight:600;margin:32px 0 16px;color:var(--text);line-height:1.3}.rich-text-preview h3{font-size:1.4em;font-weight:600;margin:24px 0 12px;color:var(--text);line-height:1.4}.rich-text-preview p{margin:0 0 16px;line-height:1.7}.rich-text-preview strong{font-weight:600}.rich-text-preview em{font-style:italic}.rich-text-preview blockquote{border-left:4px solid var(--accent);padding-left:16px;margin:16px 0;font-style:italic;color:var(--text-muted)}.rich-text-preview ul,.rich-text-preview ol{margin:16px 0;padding-left:24px}.rich-text-preview li{margin:4px 0;line-height:1.6}.rich-text-preview code{background:var(--border);padding:2px 6px;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:.9em}.rich-text-preview pre{background:var(--border);padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0}.rich-text-preview pre code{background:none;padding:0}.markdown-textarea{width:100%;height:100%;border:none;outline:none;background:var(--bg);color:var(--text);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;padding:0;margin:0;resize:none;white-space:pre-wrap;word-wrap:break-word;-moz-tab-size:2;tab-size:2}.markdown-textarea:focus{outline:none}.markdown-textarea::placeholder{color:var(--text-muted);font-style:italic}.notes-panel{position:fixed;top:0;right:0;height:100vh;width:380px;background:var(--bg);border-left:1px solid var(--border);transform:translate(100%);transition:transform .15s ease-out;z-index:100;overflow-y:auto}.notes-panel.open{transform:translate(0)}.notes-panel-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--border)}.notes-panel-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text)}.close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:4px;line-height:1}.close-btn:hover{color:var(--text)}.notes-content{padding:0;display:flex;flex-direction:column;height:calc(100vh - 60px)}.notes-section:not(.novel-notes-section){flex-shrink:0}.notes-section{padding:16px 20px;border-bottom:1px solid var(--border)}.notes-section:last-child{border-bottom:none}.notes-section h4{margin:0 0 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h4{margin:0}.edit-btn{background:var(--border);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px;padding:6px 8px;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;gap:4px}.edit-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.doc-navigation{display:flex;flex-direction:column;gap:8px}.current-document{font-size:13px;color:var(--text);font-weight:600;text-align:center;padding:8px 12px;background:var(--border);border-radius:4px;border:1px solid var(--border)}.nav-buttons{display:flex;flex-direction:column;gap:4px}.nav-btn{background:none;border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:11px;cursor:pointer;color:var(--text);transition:all .2s ease;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn:hover:not(:disabled){background:var(--border)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn.next{text-align:right}.overview-grid{display:flex;flex-direction:column;gap:8px}.meta-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.meta-label{color:var(--text-muted);font-weight:500}.meta-value{color:var(--text);font-weight:400}.status-draft{color:#f59e0b}.status-complete{color:#10b981}.status-reference{color:#6b7280}.notes-text{font-size:12px;line-height:1.5;color:var(--text);margin:0;white-space:pre-wrap;word-wrap:break-word}.empty-notes{font-size:12px;color:var(--text-muted);font-style:italic;margin:0}.notes-editor-container{display:flex;flex-direction:column;gap:8px}.notes-editor{width:100%;border:1px solid var(--border);border-radius:4px;padding:8px;font-size:12px;line-height:1.4;font-family:inherit;background:var(--bg);color:var(--text);resize:vertical;min-height:80px}.edit-actions{display:flex;gap:6px}.save-btn,.cancel-btn{background:none;border:1px solid var(--border);border-radius:3px;padding:4px 8px;font-size:10px;cursor:pointer;transition:all .2s ease}.save-btn{color:#10b981;border-color:#10b981}.save-btn:hover{background:#10b981;color:#fff}.cancel-btn{color:var(--text-muted)}.cancel-btn:hover{background:var(--border)}.novel-notes-section{flex:1;display:flex;flex-direction:column;min-height:0}.novel-overview{display:flex;flex-direction:column;flex:1;min-height:0}.novel-actions{display:flex;justify-content:flex-end;margin-top:8px}.show-more-btn,.show-less-btn{background:var(--border);border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-size:11px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.show-more-btn:hover,.show-less-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.novel-content{font-size:12px;line-height:1.5;color:var(--text);transition:all .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(255,255,255,.02);border-radius:4px;border:1px solid var(--border);padding:12px;flex:1;min-height:200px}.novel-content.preview{max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.novel-content.preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.novel-content.show-more{max-height:none;overflow-y:auto;flex:1;min-height:400px}.novel-content.show-more::-webkit-scrollbar{width:6px}.novel-content.show-more::-webkit-scrollbar-track{background:transparent}.novel-content.show-more::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.novel-content.show-more::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.markdown-content{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;color:var(--text);font-size:12px;line-height:1.6}.novel-content h1{font-size:16px;font-weight:600;margin:12px 0 8px;color:var(--text)}.novel-content h2{font-size:14px;font-weight:600;margin:10px 0 6px;color:var(--text)}.novel-content h3{font-size:13px;font-weight:600;margin:8px 0 4px;color:var(--text)}.novel-content p{margin:6px 0;line-height:1.4;color:var(--text)}.novel-content strong{font-weight:600;color:var(--text)}.novel-content em{font-style:italic;color:var(--text)}.novel-content ul,.novel-content ol{margin:6px 0;padding-left:16px;color:var(--text)}.novel-content li{margin:2px 0;line-height:1.4;color:var(--text)}.novel-content ul li{list-style-type:disc}.novel-content ol li{list-style-type:decimal}@media (max-width: 768px){.notes-panel{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;overflow:hidden;background:var(--bg);transform:translate(100%);transition:transform .2s ease;will-change:transform}.notes-panel.open{transform:translate(0)}.notes-panel-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:10;padding:16px 20px;min-height:60px}.notes-content{height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;scroll-behavior:smooth}.notes-section{padding:16px 20px;border-bottom:1px solid var(--border)}.notes-section:last-child{border-bottom:none;padding-bottom:40px}.novel-content{max-height:none;overflow-y:visible;padding:0;margin:0}.novel-content.preview{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:4px;padding:12px;margin-top:8px}.novel-content.show-more{max-height:none;overflow-y:visible;border:1px solid var(--border);border-radius:4px;padding:12px;margin-top:8px}.edit-btn,.close-btn,.show-more-btn,.show-less-btn{min-height:44px;min-width:44px;padding:12px;touch-action:manipulation}.close-btn{font-size:18px;padding:16px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.section-header{margin-bottom:12px}.novel-actions{margin-top:12px;padding-top:8px}.notes-section h4{font-size:14px;line-height:1.4}.novel-content p,.novel-content li{font-size:14px;line-height:1.5}}.notes-content{overflow-y:auto;-webkit-overflow-scrolling:touch}.scene-notes-editor{width:100%;border:1px solid var(--border);border-radius:4px;padding:8px;font-size:12px;line-height:1.4;font-family:inherit;background:var(--bg);color:var(--text);resize:vertical;min-height:80px}.scene-notes-editor:focus{outline:none;border-color:var(--accent)}.scene-notes-display{min-height:40px}.scene-notes{font-size:12px;line-height:1.4}.scene-note{margin:0 0 6px;color:var(--text)}.scene-note:last-child{margin-bottom:0}.chapter-list{display:flex;flex-direction:column;gap:2px}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:3px;cursor:pointer;transition:background .2s ease}.chapter-item:hover{background:var(--border)}.chapter-item.current{background:var(--accent);color:var(--bg)}.chapter-title{font-size:11px;font-weight:500}.chapter-words{font-size:10px;opacity:.7}.app.notes-open .main{margin-right:280px}@media (prefers-color-scheme: dark){.chapter-item.current{color:var(--text)}}.project-notes-toggle{background:none;border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:11px;cursor:pointer;color:var(--text);transition:all .2s ease;width:100%;text-align:left}.project-notes-toggle:hover{background:var(--border)}.project-notes{margin-top:8px;padding:8px;background:var(--border);border-radius:4px}.notes-editor{width:100%;min-height:80px;padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:11px;line-height:1.4;resize:vertical;font-family:inherit}.notes-editor:focus{outline:none;border-color:var(--accent)}.notes-display{min-height:40px}.notes-text{font-size:11px;line-height:1.4;color:var(--text);margin:0;white-space:pre-wrap}.empty-notes{font-size:11px;color:var(--text-muted);font-style:italic;margin:0}.tags-container{display:flex;flex-direction:column;gap:8px}.tags-list{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:500;border:none;position:relative;transition:all .2s ease}.tag:hover{background:#0066cc;transform:translateY(-1px)}.remove-tag{background:none;border:none;color:#fffc;cursor:pointer;font-size:12px;line-height:1;padding:0;margin-left:2px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-tag:hover{background:rgba(255,255,255,.2);color:#fff}.add-tag{display:flex;gap:4px;align-items:center}.add-tag input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--text);min-width:0}.add-tag input:focus{outline:none;border-color:var(--accent)}.add-btn{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;transition:all .2s ease;min-width:24px}.add-btn:hover{background:#0066cc}.tags-container .edit-btn{align-self:flex-start;margin-top:4px}@media (max-width: 768px){.notes-panel{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;overflow:hidden;background:var(--bg);transform:translate(100%);transition:transform .2s ease;will-change:transform}.notes-panel.open{transform:translate(0)}.notes-panel-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:10;padding:16px 20px;min-height:60px}.notes-content{height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;scroll-behavior:smooth}.notes-section{padding:16px 20px;border-bottom:1px solid var(--border)}.notes-section:last-child{border-bottom:none;padding-bottom:40px}.novel-content{max-height:none;overflow-y:visible;padding:0;margin:0}.novel-content.preview{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:4px;padding:12px;margin-top:8px}.novel-content.show-more{max-height:none;overflow-y:visible;border:1px solid var(--border);border-radius:4px;padding:12px;margin-top:8px}.expand-btn,.edit-btn,.close-btn,.show-more-btn,.show-less-btn{min-height:44px;min-width:44px;padding:12px;touch-action:manipulation}.close-btn{font-size:18px;padding:16px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.section-header{margin-bottom:12px}.novel-actions{margin-top:12px;padding-top:8px}.notes-section h4{font-size:14px;line-height:1.4}.novel-content p,.novel-content li{font-size:14px;line-height:1.5}}@media (min-width: 769px) and (max-width: 1024px){.notes-panel{width:320px}}.notes-content,.novel-content.show-more{overflow-y:auto;-webkit-overflow-scrolling:touch}.status-select{background:var(--border);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;padding:4px 8px;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:80px}.status-select:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.status-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.status-select option{background:var(--bg);color:var(--text);padding:4px 8px}.save-btn,.cancel-btn,.show-more-btn,.show-less-btn,.nav-btn,.add-btn{background:var(--border);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease;font-family:inherit;font-weight:500}.save-btn:hover,.show-more-btn:hover,.show-less-btn:hover,.add-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.cancel-btn:hover{background:var(--text-muted);color:#fff;border-color:var(--text-muted)}.nav-btn{display:block;width:100%;text-align:left;margin-bottom:4px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-btn.prev:before{content:"← "}.nav-btn.next:after{content:" →"}.edit-actions{display:flex;gap:8px;margin-top:8px}.novel-actions{display:flex;justify-content:center;margin-top:12px;padding-top:8px;border-top:1px solid var(--border)}.theme-dialog-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;animation:fadeIn .2s ease-out}.theme-dialog-content{background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 25px -5px var(--shadow-lg);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;overflow-y:auto;z-index:1001;animation:slideIn .3s ease-out}.theme-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.theme-dialog-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text);margin:0}.theme-dialog-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-dialog-close:hover{background:var(--border);color:var(--text)}.theme-settings-content{padding:24px}.theme-section{margin-bottom:32px}.theme-section:last-child{margin-bottom:0}.theme-section h3{font-size:14px;font-weight:600;color:var(--text);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-muted)}.mode-option:hover{border-color:var(--accent);color:var(--text)}.mode-option.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.mode-option svg{font-size:24px}.color-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-option{display:flex;flex-direction:column;align-items:center;gap:8px}.color-radio{position:relative;width:48px;aspect-ratio:1;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.color-radio:hover{transform:scale(1.1)}.color-radio[data-state=checked]{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.color-swatch{width:36px;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.color-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;aspect-ratio:1;border-radius:50%;background:white;opacity:0;transition:opacity .2s ease}.color-radio[data-state=checked] .color-indicator{opacity:1}.color-label{font-size:12px;color:var(--text-muted);text-align:center;cursor:pointer}.theme-preview{background:var(--border);border-radius:8px;padding:16px}.preview-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.preview-title{font-size:14px;font-weight:500;color:var(--text)}.preview-accent{width:12px;aspect-ratio:1;border-radius:50%;background:var(--accent)}.preview-content{padding:16px;display:flex;flex-direction:column;gap:12px}.preview-text.primary{color:var(--text);font-size:14px}.preview-text.secondary{color:var(--text-muted);font-size:12px}.preview-button{background:var(--accent);color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;text-align:center;width:fit-content}.theme-dialog-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.theme-close-btn{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.theme-close-btn:hover{background:var(--accent-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 640px){.color-selector{grid-template-columns:repeat(3,1fr)}.mode-selector{grid-template-columns:1fr}}.shade-selector{display:flex;flex-direction:column;gap:8px}.shade-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;transition:all .2s ease;text-align:left}.shade-option:hover{background:var(--border)}.shade-option.active{border-color:var(--accent);background:var(--accent-light)}.shade-preview{width:32px;height:32px;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.shade-preview.shade-minimal.light{background:#ffffff}.shade-preview.shade-minimal.dark{background:#0f172a}.shade-preview.shade-soft.light{background:#f8fafc}.shade-preview.shade-soft.dark{background:#1e293b}.shade-preview.shade-medium.light{background:#f1f5f9}.shade-preview.shade-medium.dark{background:#334155}.shade-preview.shade-rich.light{background:#e2e8f0}.shade-preview.shade-rich.dark{background:#475569}.shade-info{display:flex;flex-direction:column;gap:2px}.shade-name{font-size:13px;font-weight:500;color:var(--text)}.shade-description{font-size:11px;color:var(--text-muted)}.theme-scope-selector{display:flex;flex-direction:column;gap:8px}.scope-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;transition:all .2s ease;text-align:left}.scope-option:hover{background:var(--border)}.scope-option.active{border-color:var(--accent);background:var(--accent-light)}.scope-option span{font-size:14px;font-weight:500;color:var(--text)}.scope-option small{font-size:12px;color:var(--text-muted)}.reset-theme-btn{margin-top:8px;padding:6px 12px;background:none;border:1px solid var(--border);border-radius:4px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.reset-theme-btn:hover{background:var(--border);color:var(--text)}.dialog-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.settings-dialog{background:var(--bg);border-radius:8px;box-shadow:0 10px 25px #0000001a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;padding:0;z-index:1001;border:1px solid var(--border)}.dialog-title{font-size:24px;font-weight:600;color:var(--text);margin:0;padding:24px 24px 0}.dialog-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;font-size:24px;line-height:1;border-radius:4px}.dialog-close:hover{background:var(--border);color:var(--text)}.settings-content{padding:24px;max-height:60vh;overflow-y:auto}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:18px;font-weight:600;color:var(--text);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4040401a}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin:0 8px 0 0}.checkbox-group span{font-size:14px;color:var(--text)}.dialog-actions{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border);margin-top:16px}.btn-primary,.btn-secondary{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.btn-primary:hover{background:var(--text);border-color:var(--text)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}@media (prefers-color-scheme: dark){.dialog-overlay{background:rgba(0,0,0,.7)}.btn-primary{color:var(--text)}}:root{--layout-max-width: 1200px;--layout-padding: 40px 24px;--header-height: 120px;--sidebar-width: 280px;--sidebar-width-collapsed: 60px}.sidebar,.notes-panel,.mobile-backdrop{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.app{contain:layout style;min-height:100vh;max-width:100vw;overflow-x:hidden;display:flex;height:100vh;background:var(--bg);color:var(--text);overflow:hidden;transition:all .3s ease}.main{contain:layout;flex:1;min-width:0}.app.notes-open{margin-right:320px}.sidebar{width:var(--sidebar-width, 280px);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease}.app.sidebar-minimized .sidebar{width:var(--sidebar-width-collapsed, 60px)}.sidebar-header{padding:16px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;height:60px;position:relative}.app.sidebar-minimized .sidebar-header{padding:16px 12px;justify-content:center;height:60px}.sidebar-content{display:flex;align-items:center;gap:12px;flex:1}.sidebar-content h1{margin:0;font-size:18px;font-weight:600;color:var(--text)}.sidebar-collapse-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;z-index:2000;box-shadow:0 2px 8px #00000026}.sidebar-collapse-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.header-actions{display:flex;align-items:center;gap:8px}.profile-btn,.theme-btn,.settings-btn,.new-btn{background:none;border:1px solid var(--border);border-radius:4px;width:32px;height:32px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-btn:hover,.theme-btn:hover,.settings-btn:hover,.new-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.projects{flex:1;padding:0;overflow-y:auto}.sidebar-footer{padding:16px 12px;display:flex;flex-direction:column;gap:12px}.footer-actions{display:flex;flex-direction:column;gap:4px}.footer-option{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px 0;border-radius:4px;text-align:left;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.footer-option:hover{background:var(--border);color:var(--text)}.footer-divider{height:1px;background:var(--border);margin:4px 0}.powered-by{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted);line-height:1.2}.powered-by .brand{font-weight:600;color:var(--text)}.anythink-branding{display:flex;align-items:center;gap:6px}.anythink-logo{height:16px;opacity:.8}.loading{padding:20px;color:var(--text-muted);font-style:italic;text-align:center}.project{margin-bottom:8px}.project:not(.active) .documents{display:none}.project.active .documents{display:block}.project:not(.active) .project-word-count{display:none}.project-header{display:flex;align-items:left;justify-content:space-between;padding:12px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s ease}.project-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.project-title{flex:1;min-width:0}.project-title-edit{background:transparent;border:none;outline:none;font-size:inherit;font-weight:600;color:var(--text);font-family:inherit;padding:2px 4px;margin:-2px -4px;border-radius:2px;transition:all .2s ease;flex:1;min-width:0}.project-title-edit:focus{background:rgba(255,255,255,.1)}.project-edit-btn{opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:2px;transition:all .2s ease;font-size:12px}.project-header:hover .project-edit-btn{opacity:1}.project-edit-btn:hover{background:var(--border);color:var(--text)}.project-word-count{margin-left:auto;font-size:11px;color:var(--text-muted)}.project.active .project-header{background:var(--accent);color:#fff}.documents{margin-left:0;margin-top:4px}.document{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;position:relative;min-height:44px}.document.active{background:var(--border);color:var(--text)}.document-icon-drag{position:relative;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:grab}.document-icon-drag:active{cursor:grabbing}.document-icon{transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.document-drag-handle{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:var(--text-muted);font-size:12px}.document:hover .document-icon{opacity:0}.document:hover .document-drag-handle{opacity:1}.document-content{flex:1;min-width:0}.document-title-row{display:flex;align-items:center;margin-bottom:2px}.chapter-number{font-size:12px;color:var(--text-muted);font-weight:500;min-width:20px;margin-right:6px}.chapter-number-placeholder{min-width:20px;margin-right:6px}.document-title{display:block;font-weight:500;flex:1}.document-title-edit{background:transparent;border:none;outline:none;font-size:inherit;font-weight:500;color:var(--text);font-family:inherit;padding:0;margin:0;border-radius:2px;transition:all .2s ease;width:100%;cursor:text}.document-title-edit:hover{background:rgba(255,255,255,.05);padding:2px 4px}.document-title-edit:focus{background:rgba(255,255,255,.1);padding:2px 4px}.document-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);margin-left:26px}.document-type-select{background:transparent;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;outline:none}.document-type-select:hover{color:var(--text)}.document-word-count{font-size:11px;color:var(--text-muted);opacity:1}.document-actions{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.document-action-buttons{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.document:hover .document-action-buttons{opacity:1}.document-edit-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:2px;transition:all .2s ease;font-size:12px}.document-edit-btn:hover{background:var(--border);color:var(--text)}.document-options{position:relative}.document-options-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:2px;transition:all .2s ease;font-size:10px}.document-options-btn:hover{background:var(--border);color:var(--text)}.document-options-menu{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:120px;padding:4px 0;margin-top:4px}.document-options-menu .option-item{width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;transition:all .2s ease;text-align:left}.document-options-menu .option-item:hover{background:var(--bg-muted)}.document-options-menu .option-item.danger{color:#ef4444}.document-options-menu .option-item.danger:hover{background:rgba(239,68,68,.1)}.document[data-framer-motion-drag-item]{opacity:1!important;background:var(--bg-secondary);border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000}.add-document-section{margin-top:8px;position:relative}.add-document-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 8px 8px 12px;background:transparent;border:1px dashed var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:14px}.add-document-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.1)}.add-document-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;z-index:10;margin-top:4px;box-shadow:0 4px 12px #00000026}.add-document-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text);cursor:pointer;transition:background-color .2s ease;font-size:14px}.add-document-menu button:hover{background:var(--border)}.add-document-menu button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.add-document-menu button:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.doc-meta{margin-left:auto;font-size:12px;color:var(--text-muted);opacity:.7}.separator{width:1px;background:var(--border)}.main{flex:1;display:flex;flex-direction:column;background:var(--bg);transition:margin-left .3s ease;position:relative;z-index:-10}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg);height:60px}.editor-title-section{display:flex;align-items:center;flex:1}.editor-header h2{margin:0;font-size:18px;font-weight:400;color:var(--text)}.document-header-title{display:flex;align-items:center;gap:8px;flex:1}.document-chapter-number{font-size:16px;color:var(--text-muted);font-weight:500;min-width:24px}.document-title-input{background:transparent;border:none;outline:none;font-size:18px;font-weight:400;color:var(--text);font-family:Georgia,Cambria,Times New Roman,serif;padding:0;margin:0;flex:1;width:100%;cursor:text;line-height:1.4}.editor-actions{display:flex;align-items:center;gap:16px}.editor-buttons{display:flex;align-items:center;gap:8px}.editor-buttons .profile-btn,.editor-buttons .theme-btn{background:none;border:1px solid var(--border);border-radius:4px;width:36px;height:36px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.editor-buttons .profile-btn:hover,.editor-buttons .theme-btn:hover{background:var(--border);color:var(--text)}.stats{text-align:right;font-size:14px;color:var(--text-muted);display:flex;flex-direction:column;gap:2px}.last-saved{color:var(--text-muted);opacity:.8;font-size:12px;font-style:italic;transition:opacity .3s ease}.last-saved:not(:empty){animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:.8;transform:translateY(0)}}.notes-toggle{background:none;border:1px solid var(--border);border-radius:4px;width:36px;height:36px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.notes-toggle:hover{background:var(--border);color:var(--text)}.notes-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.editor{flex:1;height:100%;background:var(--bg);overflow:hidden}.editor-container{height:100%;width:100%;background:var(--bg)}.editor-textarea{width:100%;height:100%;border:none;outline:none;background:transparent;color:var(--text);font-family:Georgia,Cambria,Times New Roman,serif;font-size:18px;line-height:1.8;padding:40px;resize:none}.editor-textarea::placeholder{color:var(--text-muted);font-style:italic}.editor-textarea:disabled{opacity:.5;cursor:not-allowed}.no-document{color:var(--text-muted);text-align:center;max-width:400px}.no-document p{margin:0 0 8px;font-size:18px}.no-document .subtitle{font-size:14px;opacity:.7;font-style:italic}.app.sidebar-minimized .main{margin-left:0}.projects{flex:1;overflow-y:auto;padding:0}.app.sidebar-minimized .separator{margin-left:0}.app.sidebar-minimized .sidebar .projects,.app.sidebar-minimized .sidebar .header-actions{opacity:0;pointer-events:none}.app.sidebar-minimized .sidebar-content{display:none}.app.sidebar-minimized .sidebar-collapse-btn{display:flex;right:-12px}@media (prefers-color-scheme: dark){.documents{background:rgba(255,255,255,.02)}.document.active{background:rgba(255,255,255,.1)}.notes-toggle.active{color:var(--text)}.anythink-logo{filter:brightness(0) invert(1)}}@media (max-width: 768px){.app{flex-direction:column;height:100vh;overflow:hidden}.mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transition:opacity .2s ease}.sidebar{width:100vw;position:fixed;top:0;left:0;z-index:1000;height:100vh;background:var(--bg);border-right:none;transform:translate(-100%);transition:transform .15s ease-out;will-change:transform;backface-visibility:hidden}.app:not(.sidebar-minimized) .sidebar{transform:translate(0)}.main{flex:1;margin-left:0;padding-left:0;height:100vh;overflow:hidden}.app.sidebar-minimized .main{padding-left:0}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:4px;width:36px;height:36px;cursor:pointer;color:var(--text-muted);transition:all .15s ease;margin-right:12px}.mobile-menu-btn:active{background:var(--accent);color:#fff;transform:scale(.95)}.editor-header{padding:12px 16px;flex-direction:row;gap:12px;align-items:center;justify-content:space-between}.editor-title-section{display:flex;align-items:center;justify-content:flex-start;flex:1}.editor-actions{display:flex;align-items:center;gap:12px}.stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;line-height:1.2;text-align:right}.stats .last-saved{font-size:11px;color:var(--text-muted);margin:0}.stats .last-saved:before{content:""}.notes-toggle{width:32px;height:32px;font-size:14px}.app.notes-open{margin-right:0}.app.notes-open .main{display:none}.sidebar,.main,.notes-panel{-webkit-overflow-scrolling:touch}.project-header:hover,.document:hover{background:transparent!important;transform:none!important}}@media (min-width: 769px){.mobile-menu-btn{display:none}.editor-title-section{display:block}.stats{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;text-align:right}.stats .last-saved:before{content:"•";margin-right:8px;color:var(--text-muted)}}.no-project{padding:40px 20px;text-align:center;color:var(--text-muted)}.no-project p{margin-bottom:20px;font-style:italic}.no-project button{transition:all .2s ease}.no-project button:hover{background:var(--accent)!important;color:#fff!important;transform:translateY(-1px)}:root{--bg: #fafafa;--text: #171717;--text-muted: #737373;--border: #e5e5e5;--accent: #404040}@media (prefers-color-scheme: dark){:root{--bg: #0a0a0a;--text: #fafafa;--text-muted: #a3a3a3;--border: #262626;--accent: #737373}}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Cambria,Times New Roman,serif;font-size:16px;line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}