.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;top:0;left:0;bottom:0;background:var(--bg-sidebar);border-right:1px solid var(--border);color:var(--text-primary);padding:2rem 1.2rem 1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;z-index:100}.sidebar .logo{padding:1.5rem 1.2rem 1rem;display:flex;align-items:center;justify-content:flex-start}.sidebar nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.8rem 0;color:var(--text-primary);text-decoration:none;opacity:.85;font-weight:400;transition:var(--transition)}.sidebar-nav-link:hover{opacity:1}.sidebar-nav-link.active{color:var(--accent);opacity:1;font-weight:600}.sidebar-nav-count{margin-left:auto;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:12px;min-width:20px;text-align:center;line-height:1.4}.sidebar a{color:var(--text-primary);text-decoration:none;padding:.4rem 0;display:flex;opacity:.7}.sidebar a.active{opacity:1;font-weight:700}.main{margin-left:240px;padding:2rem;width:calc(100% - 240px);box-sizing:border-box;min-height:100vh}.sync-status{display:flex;align-items:center;gap:6px;font-size:.85rem;opacity:.8;position:fixed;top:1rem;right:1rem;z-index:200;background:var(--bg-sidebar);padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border)}.sync-dot{width:8px;height:8px;border-radius:50%}.sync-dot.saving{background:orange}.sync-dot.success{background:#4caf50}.sync-dot.error{background:#f44336}.sync-dot.idle{background:#4caf50}.sync-text{font-size:.85rem}.sync-now-button{border:1px solid var(--border);background:transparent;padding:2px 6px;border-radius:var(--radius);cursor:pointer;font-size:.75rem;color:var(--text-primary)}.sync-now-button:disabled{opacity:.5;cursor:wait}@media(max-width:768px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;max-height:80px;border-right:none;border-top:1px solid var(--border);padding:.5rem 1rem;flex-direction:row;align-items:center;justify-content:space-around;overflow-x:auto;overflow-y:hidden;z-index:1000}.sidebar .logo{display:none}.sidebar nav{flex-direction:row;width:100%;justify-content:space-around;gap:0}.sidebar-nav-link{flex-direction:column;padding:.5rem .75rem;gap:.25rem;font-size:.75rem;min-width:60px;text-align:center}.sidebar-nav-link svg{width:20px;height:20px}.sidebar-nav-link span{font-size:.7rem}.main{margin-left:0;width:100%;padding:2rem 1rem;padding-bottom:100px}.sync-status-desktop{display:none!important}}@media(max-width:480px){.sidebar{max-height:70px;padding:.4rem .5rem}.sidebar-nav-link{padding:.4rem .5rem;min-width:50px}.sidebar-nav-link span{font-size:.65rem}.main{padding:1rem .75rem;padding-bottom:90px}}@media(max-width:1024px)and (min-width:769px){.main{padding:var(--spacing-lg)}}.btn{transition:var(--transition);cursor:pointer;border-radius:var(--radius);border:none;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-small{padding:.4rem .8rem;font-size:.875rem}.btn-medium{padding:.6rem 1.2rem;font-size:1rem}.btn-large{padding:.8rem 1.6rem;font-size:1.125rem}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-danger{background:#d32f2f;color:#fff}.btn-default{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-secondary:hover:not(:disabled){background:var(--bg-input-focus);border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(0)}.write-page-container{display:flex;height:100%;flex-direction:row}.write-manuscript-selection{padding:var(--spacing-2xl);text-align:center}.write-manuscript-select{padding:var(--spacing-md);width:100%;max-width:320px;border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.write-page-content{flex:1;padding:2rem;display:flex;flex-direction:column}.write-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.write-header h1{margin:0}.write-manuscript-title-select{font-size:1.5rem;font-weight:600;background:transparent;border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:.25rem 2rem .25rem .5rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%234a4a4a' d='M8 12L2 6h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px;min-width:200px;transition:border-color var(--transition);display:none}@media(max-width:768px){.write-manuscript-title-select{display:block}}.write-manuscript-title-select:hover{border-color:var(--border)}.write-manuscript-title-select:focus{outline:none;border-color:var(--accent)}.write-manuscript-title-input{font-size:1.5rem;font-weight:600;background:var(--bg-input);border:2px solid var(--accent);border-radius:var(--radius);color:var(--text-primary);padding:.25rem .5rem;width:100%;max-width:500px;outline:none}.write-header-actions{display:flex;gap:1rem;align-items:center;position:relative}.write-header-actions.saving{background:#0061ff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);animation:savePulse .3s ease-in-out}.write-header-actions.saving:after{content:"";position:absolute;inset:0;background:#0061ff;border-radius:var(--radius);animation:saveSlideLeft 1s ease-in-out forwards;z-index:-1}.write-sync-status{display:inline-block}.write-sync-status.saving{color:#ffe066}.write-sync-status.success{color:#8eff8e}.write-sync-status.error{color:#ff8e8e}@keyframes savePulse{0%{background:transparent}50%{background:#0061ff}to{background:#0061ff}}@keyframes saveSlideLeft{0%{transform:translate(0);width:100%}to{transform:translate(-100%);width:4px;left:0;border-radius:0 var(--radius) var(--radius) 0}}.write-chapter-title{margin-bottom:1.5rem}.write-locked-paragraphs{min-height:40vh;max-height:40vh;overflow-y:auto;padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel);margin-bottom:var(--spacing-xl)}.write-paragraph{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md);color:var(--text-review);box-shadow:0 12px 30px #00000059;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);border:1px solid rgba(255,255,255,.02);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;display:flex;gap:var(--spacing-sm)}.write-paragraph-drag-handle{cursor:grab;color:var(--text-secondary);opacity:.5;display:flex;align-items:center;padding:var(--spacing-xs);margin-right:var(--spacing-xs);transition:opacity var(--transition),color var(--transition);flex-shrink:0}.write-paragraph-drag-handle:hover{opacity:1;color:var(--accent)}.write-paragraph-drag-handle:active{cursor:grabbing}.write-paragraph-text{white-space:pre-wrap;margin:0;color:var(--text-review);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;flex:1;min-width:0}.write-paragraph-note{margin:.35rem 0 0;padding-left:1.5rem;font-style:italic;color:var(--text-review);opacity:.8;font-size:.9rem}.rte-container{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius);background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 16px 40px #0006}.rte-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.rte-toolbar-group{display:flex;gap:.4rem}.rte-toolbar-button.active{background:#4f46e5;border-color:#6366f1;color:#f9fafb}.rte-font-selector{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.rte-font-label{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.rte-font-select{background:var(--bg-input);color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);padding:.25rem .6rem;font-size:.85rem}.rte-surface{border-radius:calc(var(--radius) - 1px);background:var(--bg-input);border:1px solid var(--border);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.rte-surface:focus-within{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5cc;background:var(--bg-input-focus)}.rte-textarea{width:100%;min-height:240px;padding:var(--spacing-md);border-radius:inherit;border:none;outline:none;resize:vertical;background:transparent;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6}.rte-textarea:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.rte-textarea:focus{outline:none}.export-menu{position:relative}.write-chapter-selector-mobile{display:none}.export-menu-trigger{position:relative}.export-menu-caret{margin-left:.4rem;font-size:.7rem}.export-menu-popover{position:absolute;right:0;top:110%;min-width:160px;background:var(--bg-panel);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 20px 45px #0000008c;padding:.35rem 0;display:none;z-index:20}.export-menu-trigger:hover .export-menu-popover,.export-menu-trigger:focus-within .export-menu-popover{display:block}.export-menu-item{width:100%;text-align:left;padding:.4rem .9rem;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.export-menu-item:hover{background:#4f46e51f;color:#e5e7eb}.write-sync-section{display:none;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);justify-content:center}.write-sync-button{display:flex;align-items:center;gap:.5rem}.write-sync-time{font-size:.85rem;color:var(--text-secondary)}@media(max-width:768px){.write-page-content{padding:1rem .75rem!important;padding-bottom:100px}.write-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.write-manuscript-title-text{display:none}.write-header>div{width:100%}.write-manuscript-title-select{font-size:1.5rem;font-weight:600;padding:.4rem 2.5rem .4rem .6rem;width:100%;max-width:100%;min-width:100%;box-sizing:border-box;border:2px solid var(--border)}.write-manuscript-title-input{font-size:1.1rem;padding:.2rem .4rem;width:100%;max-width:100%}.write-header-actions{width:100%;display:flex;flex-direction:column;gap:.4rem;align-items:stretch}.write-sync-status{font-size:.7rem;margin-bottom:.2rem;padding:.25rem 0;text-align:left}.write-header-actions .export-menu-desktop{display:none!important}.write-chapter-selector-mobile{display:block;width:100%;padding:.45rem 2rem .45rem .6rem;font-size:.8rem;min-height:36px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a4a4a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:12px}.write-chapter-selector-mobile:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #0061ff4d}.write-chapter-selector-mobile option[value=__add_chapter__]{font-style:italic;color:var(--accent);padding:.5rem}.write-chapter-title{font-size:1rem;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.write-locked-paragraphs{min-height:0;max-height:25vh;margin-bottom:.75rem;padding:.5rem;font-size:.9rem}.write-paragraph{padding:.6rem;margin-bottom:.6rem;font-size:.9rem}.write-paragraph-text{font-size:.9rem;line-height:1.5}.rte-container{margin-top:.5rem;padding:.75rem}.rte-toolbar{margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.rte-toolbar-group{gap:.3rem}.rte-toolbar-button{padding:.4rem .6rem;font-size:.85rem}.rte-font-selector{font-size:.75rem;gap:.4rem}.rte-font-label{font-size:.65rem}.rte-font-select{padding:.2rem .5rem;font-size:.75rem}.rte-textarea{min-height:180px;padding:.75rem;font-size:.95rem}.write-sync-section{display:flex!important;margin-top:1rem;padding:.75rem;flex-direction:column;gap:.5rem}.write-sync-time{font-size:.75rem;text-align:center}}@media(max-width:480px){.write-page-content{padding:.5rem .4rem!important}.write-header{gap:.4rem;margin-bottom:.5rem;padding-bottom:.4rem}.write-manuscript-title-select{font-size:1.3rem;font-weight:600;padding:.35rem 2.25rem .35rem .5rem}.write-manuscript-title-input{font-size:1rem;padding:.15rem .35rem}.write-header-actions{gap:.3rem}.write-sync-status{font-size:.65rem}.write-header-actions>button{padding:.4rem .5rem;font-size:.75rem;min-height:32px}.write-chapter-selector-mobile{padding:.4rem 2rem .4rem .5rem;font-size:.75rem;min-height:32px}.write-chapter-title{font-size:.9rem;margin-bottom:.4rem;padding:.4rem 0}.write-locked-paragraphs{max-height:18vh;padding:.35rem;margin-bottom:.4rem}.write-paragraph{padding:.45rem;margin-bottom:.45rem;font-size:.8rem}.write-paragraph-text{font-size:.8rem}.rte-container{padding:.4rem;margin-top:.4rem}.rte-toolbar{margin-bottom:.4rem;gap:.4rem}.rte-textarea{min-height:140px;padding:.4rem;font-size:.85rem}.write-sync-section{margin-top:.75rem;padding:.5rem}}.review-page-container{display:flex;gap:2rem;padding:2rem;position:relative}.review-main-content{flex:1;min-width:0}.review-notes-sidebar{width:300px;min-width:300px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto;display:flex;flex-direction:column}.review-notes-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.review-notes-sidebar-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.review-notes-section-mobile{display:none;margin-bottom:1rem}.review-title{margin-bottom:1rem;color:var(--text-primary)}.review-header-with-notes{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.review-notes-header-control{display:none}.review-stats-toggle{margin-bottom:1rem;display:none;gap:.5rem;flex-wrap:wrap}.review-stats{display:flex;gap:1.5rem;margin-bottom:2rem;margin-top:1rem}.review-stats-hidden{display:none}.review-controls{margin-bottom:1rem;display:flex;gap:var(--spacing-md)}.review-notes-section{margin-top:1rem;margin-bottom:1.5rem;animation:slideDown .3s ease}.review-notes-hidden{display:none!important}.review-notes-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.review-notes-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.review-notes-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);flex:1}.review-note-carousel-indicator{font-size:.85rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.review-notes-list{display:flex;flex-direction:column;gap:.75rem}.review-notes-desktop{display:none}.review-notes-carousel-wrapper{position:relative;width:100%;display:none;align-items:center;gap:.5rem}.review-note-carousel-arrow{flex-shrink:0;color:var(--text-primary);opacity:.6;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;background:transparent;border:none;border-radius:var(--radius);transition:background-color .2s,opacity .2s;padding:.25rem}.review-note-carousel-arrow:hover{opacity:1;background-color:var(--bg-hover)}.review-note-carousel-arrow:active{background-color:var(--bg-active)}.review-note-carousel-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.review-note-carousel-arrow-left{order:1}.review-note-carousel-container{order:2;flex:1}.review-note-carousel-arrow-right{order:3}.review-note-tile-wrapper{position:relative;overflow:visible;margin-bottom:.75rem}.review-note-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-review);width:100%;box-sizing:border-box}.review-note-tile:hover{background:var(--bg-input);border-color:var(--accent)}.review-note-tile-content{display:flex;flex-direction:column;gap:.5rem}.review-note-tile-chapter{font-size:.75rem;color:var(--text-review);opacity:.8;margin-bottom:.5rem;font-weight:500}.review-note-tile-note{font-size:.875rem;color:var(--text-review);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.review-note-tile-actions{display:none}.review-stats>div{flex:1}.review-chapter-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:100%;box-sizing:border-box}.review-paragraph-container{max-height:400px;overflow-y:auto;transition:max-height .35s ease;padding-right:.5rem}.paragraph-tile-drag-handle{cursor:grab;color:var(--text-secondary);opacity:.5;display:flex;align-items:center;padding:var(--spacing-xs);margin-right:var(--spacing-xs);transition:opacity var(--transition),color var(--transition);flex-shrink:0}.paragraph-tile-drag-handle:hover{opacity:1;color:var(--accent)}.paragraph-tile-drag-handle:active{cursor:grabbing}.review-delete-paragraph-button{display:block}@media(min-width:769px){.review-notes-header-control{display:block}.review-header-with-notes{display:flex}.review-stats.review-stats-hidden{display:flex!important}.review-stats-toggle{display:none!important}}@media(max-width:768px){.review-page-container{flex-direction:column;gap:.75rem;padding:.75rem .5rem;padding-bottom:100px}.review-main-content{width:100%}.review-title{font-size:1.1rem;margin-bottom:.5rem}.review-header-with-notes{flex-direction:column;align-items:flex-start;gap:.5rem}.review-notes-header-control{display:none!important}.review-stats-toggle{display:flex;align-items:center;gap:.5rem}.review-stats.review-stats-hidden{display:none!important}.review-stats{flex-direction:row;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;margin-top:.25rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.review-stats>div{flex:1;min-width:calc(33.333% - .3rem);padding:.5rem!important}.review-stats h3{font-size:.75rem!important;margin:0!important}.review-stats p{font-size:1rem!important;margin:.25rem 0 0!important}.review-controls{flex-direction:row;gap:.4rem;margin-bottom:1rem}.review-controls button{flex:1;padding:.4rem .6rem;font-size:.8rem}.review-notes-section{margin-top:.75rem;margin-bottom:1rem}.review-notes-panel{padding:.5rem}.review-notes-title-row{margin-bottom:.5rem}.review-notes-title{font-size:.85rem;margin:0}.review-note-carousel-indicator{font-size:.75rem}.review-notes-section-mobile{display:block!important;margin-bottom:1rem}.review-notes-section-mobile.review-notes-hidden,.review-notes-sidebar,.review-notes-header-control{display:none!important}.review-notes-carousel-wrapper{display:flex!important}.review-note-carousel-container{position:relative;width:100%;margin-bottom:.5rem;flex:1}.review-notes-carousel-wrapper{position:relative;width:100%;display:flex;align-items:center;gap:.5rem}.review-note-carousel-arrow{flex-shrink:0;color:var(--text-primary);opacity:.6;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;background:transparent;border:none;border-radius:var(--radius);transition:background-color .2s,opacity .2s;padding:.25rem}.review-note-carousel-arrow:hover{opacity:1;background-color:var(--bg-hover)}.review-note-carousel-arrow:active{background-color:var(--bg-active)}.review-note-carousel-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.review-note-carousel-arrow-left{order:1}.review-note-carousel-container{order:2;flex:1}.review-note-carousel-arrow-right{order:3}.review-note-carousel{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);touch-action:pan-x pan-y;will-change:transform}.review-note-carousel-item{padding:.75rem;min-height:80px;display:flex;align-items:center;color:var(--text-review)}.review-note-tile-wrapper{position:relative;overflow:hidden;border-radius:var(--radius);margin-bottom:.5rem;width:100%;background:var(--bg-card);border:1px solid var(--border)}.review-note-tile{background:var(--bg-card);border:none;border-radius:var(--radius);padding:.5rem .75rem;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1);touch-action:pan-x pan-y;position:relative;z-index:1;width:100%;box-sizing:border-box;min-height:60px;display:flex;align-items:center;will-change:transform}.review-note-tile.swiped{transform:translate(-60px)}.review-note-tile.dragging{transition:none}.review-note-tile-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.review-note-tile-chapter{font-size:.7rem;color:var(--text-review);opacity:.8;font-weight:500;margin-bottom:.25rem}.review-note-tile-note{font-size:.8rem;color:var(--text-review);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.review-note-tile-actions{position:absolute;right:0;top:0;bottom:0;width:60px;background:var(--accent);display:flex;align-items:center;justify-content:center;z-index:0;border-radius:0 var(--radius) var(--radius) 0;pointer-events:none}.review-chapter-card{padding:.6rem!important;margin-bottom:.5rem!important}.paragraph-tile-card{padding:.6rem!important;margin-bottom:.5rem!important;font-size:.85rem}.review-paragraph-container{max-height:200px!important}.review-delete-paragraph-button{display:none!important}}@media(max-width:480px){.review-page-container{padding:.75rem .5rem;padding-bottom:90px}.review-title{font-size:1.1rem;margin-bottom:.5rem}.review-stats{gap:.5rem;margin-bottom:.75rem}.review-controls{margin-bottom:1rem}.review-controls button{padding:.4rem .6rem;font-size:.8rem}.review-notes-panel{padding:.5rem}.review-notes-title{font-size:.85rem}.review-chapter-card{padding:.75rem!important;margin-bottom:.75rem!important}.paragraph-tile-card{padding:.75rem!important;margin-bottom:.75rem!important;font-size:.9rem}.review-paragraph-container{max-height:250px!important}.review-stats>div{min-width:calc(50% - .2rem);padding:.4rem!important}.review-stats h3{font-size:.7rem!important}.review-stats p{font-size:.9rem!important}.review-controls button{padding:.35rem .5rem;font-size:.75rem}.review-note-tile{padding:.4rem .6rem}.review-chapter-card{padding:.5rem!important;margin-bottom:.4rem!important}.paragraph-tile-card{padding:.5rem!important;margin-bottom:.4rem!important;font-size:.8rem}.review-paragraph-container{max-height:180px!important}}.export-page{padding:var(--spacing-xl)}.export-header{margin-bottom:var(--spacing-lg)}.export-description{opacity:.8;margin-bottom:var(--spacing-xl)}.export-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);align-items:start}.export-preview{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);min-height:500px;max-height:80vh;overflow-y:auto}.export-preview-title{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-xl);font-weight:600}.export-preview-content{white-space:pre-wrap;font-family:Courier New,monospace;font-size:var(--font-size-sm);line-height:1.8;color:var(--text-primary)}.export-preview-text{font-family:Courier New,monospace;font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);background:transparent;border:none;padding:0;margin:0;overflow-x:auto}.export-options-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.export-options-card{margin-bottom:var(--spacing-xl)}.export-options-title{margin-top:0;margin-bottom:var(--spacing-md)}.export-options-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.export-option-label{display:flex;gap:var(--spacing-sm);align-items:center;cursor:pointer}.export-option-checkbox{cursor:pointer}.export-format-card{margin-bottom:var(--spacing-xl)}.export-format-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:border-color var(--transition)}.export-format-select:hover{border-color:var(--border-hover)}.export-format-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.export-buttons{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.export-buttons button{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}@media(max-width:1024px){.export-layout{grid-template-columns:1fr;gap:var(--spacing-md)}.export-preview{max-height:400px}}@media(max-width:768px){.export-page{padding:.75rem .5rem;padding-bottom:100px}.export-header{margin-bottom:.75rem}.export-header h2{font-size:1.1rem;margin-bottom:.25rem}.export-description{font-size:.85rem;margin-bottom:.75rem}.export-layout,.export-options-panel{gap:.75rem}.export-options-card,.export-format-card{padding:.75rem!important;margin-bottom:0!important}.export-options-title{font-size:.9rem;margin-bottom:.5rem}.export-options-list{gap:.5rem}.export-option-label{font-size:.85rem}.export-format-select{padding:.5rem .75rem;font-size:.85rem}.export-buttons{gap:.5rem}.export-buttons button{padding:.5rem .75rem;font-size:.85rem}.export-preview{padding:.75rem;min-height:auto;max-height:calc(100vh - 400px);border-radius:var(--radius)}.export-preview-title{font-size:.9rem;margin-bottom:.5rem}.export-preview-content{font-size:.8rem;line-height:1.5}.export-preview-text{font-size:.75rem;line-height:1.4}}@media(max-width:480px){.export-page{padding:.5rem .4rem;padding-bottom:90px}.export-header h2{font-size:1rem}.export-description{font-size:.8rem;margin-bottom:.5rem}.export-layout{gap:.5rem}.export-options-card,.export-format-card{padding:.5rem!important}.export-options-title{font-size:.85rem}.export-option-label{font-size:.8rem}.export-format-select,.export-buttons button{padding:.4rem .6rem;font-size:.8rem}.export-preview{padding:.5rem;max-height:calc(100vh - 350px)}.export-preview-title{font-size:.85rem}.export-preview-content{font-size:.75rem}.export-preview-text{font-size:.7rem}}.manage-page{padding:var(--spacing-xl)}.manage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.manage-header h2{margin:0}.manage-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.manage-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.manage-card-title-section{flex:1}.manage-card-title{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.manage-card-active{font-size:var(--font-size-sm);color:var(--accent);opacity:.8}.manage-card-actions{display:flex;gap:var(--spacing-sm)}.manage-card-button{flex:1}.color-picker-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box}.color-picker-label{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:500;color:var(--text-primary)}.color-picker-reset{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:var(--transition)}.color-picker-reset:hover{background:var(--bg-input);border-color:var(--accent);color:var(--text-primary)}.color-picker-input-group{display:flex;gap:.75rem;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.color-picker-input{width:60px;height:40px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:0;background:transparent}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:var(--radius)}.color-picker-text{flex:1;min-width:0;font-family:monospace;font-size:.875rem;max-width:100%;box-sizing:border-box}.settings-page{padding:3rem;color:#fff;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.settings-title{margin-bottom:2rem}.settings-section{margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);overflow:hidden;color:var(--text-primary)}.settings-section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;color:var(--text-primary);text-align:left;transition:background-color .2s,color .2s}.settings-section-toggle:hover{background:var(--bg-card);color:var(--text-review)}.settings-section-toggle:hover .settings-section-title,.settings-section-toggle:hover .settings-section-arrow{color:var(--text-review)}.settings-section-title{margin:0;font-size:1.25rem;font-weight:600}.settings-section-arrow{font-size:.875rem;color:var(--text-secondary);transition:transform .2s}.settings-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.settings-section-content.open{max-height:5000px;transition:max-height .5s ease-in}.settings-dropbox-section{padding:1.5rem;background:var(--bg-panel);border-radius:var(--radius);margin:1rem;border:1px solid var(--border);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.settings-dropbox-title{margin-top:0}.settings-status-connected{color:var(--accent)}.settings-status-disconnected{color:var(--text-secondary)}.settings-page{color:var(--text-primary)}.settings-dropbox-section .btn{margin-top:1rem}.settings-backup-info{color:var(--text-muted);font-size:.9rem;margin:.5rem 0 1rem;line-height:1.5}.settings-backup-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.theme-mode-selector{margin-bottom:2rem}.theme-mode-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.theme-mode-buttons{display:flex;gap:.75rem}.theme-colors-section{margin-top:2rem}.theme-colors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.theme-colors-title{margin:0;font-size:1.125rem;font-weight:600}.theme-colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.theme-color-group{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.theme-color-group-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}@media(max-width:768px){.settings-page{padding:1rem}.settings-title{font-size:1.5rem;margin-bottom:1rem}.settings-section{margin-bottom:1rem}.settings-section-toggle{padding:.75rem 1rem}.settings-section-title{font-size:1.125rem}.settings-dropbox-section{padding:1rem;margin:.75rem}.settings-dropbox-title{font-size:1rem;margin-bottom:.75rem}.settings-backup-actions{flex-direction:column}.settings-backup-actions .btn{width:100%;margin-top:.5rem}.theme-mode-buttons{flex-direction:column}.theme-mode-buttons .btn{width:100%}.theme-colors-grid{grid-template-columns:1fr;gap:1rem}.theme-color-group{padding:1rem}}@media(max-width:480px){.settings-page{padding:.75rem}.settings-section-toggle{padding:.625rem .75rem}.settings-section-title{font-size:1rem}.settings-dropbox-section{padding:.75rem;margin:.5rem}.settings-backup-info{font-size:.85rem}}.trash-delete-all-section{margin-bottom:2rem}.trash-delete-all-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.trash-delete-all-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.trash-delete-all-description{margin:0;color:var(--text-secondary);font-size:.9rem}.trash-page{padding:var(--spacing-xl)}.trash-header{margin-bottom:var(--spacing-sm)}.trash-description{opacity:.7;margin-bottom:var(--spacing-xl)}.trash-delete-section{margin-bottom:var(--spacing-xl)}.trash-delete-title{margin-top:0;margin-bottom:var(--spacing-sm)}.trash-delete-description{opacity:.8;margin-bottom:var(--spacing-md)}.trash-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.trash-item-type{margin:0;font-size:.9rem;opacity:.8}.trash-item-content{margin-top:.8rem}.trash-item-title{margin:0 0 .5rem}.trash-item-meta{opacity:.7}.trash-item-label{opacity:.9}.trash-item-text{white-space:pre-wrap;background:#111;padding:.8rem;border-radius:4px;margin-top:.3rem}.trash-item-note{white-space:pre-wrap;background:#111;padding:.8rem;border-radius:4px;margin-top:.3rem;opacity:.8}.trash-item-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:768px){.trash-page{padding:.75rem .5rem;padding-bottom:100px}.trash-header{font-size:1.1rem;margin-bottom:.5rem}.trash-description{font-size:.85rem;margin-bottom:.75rem}.trash-delete-section,.trash-delete-all-section{padding:.75rem!important;margin-bottom:.75rem}.trash-delete-title,.trash-delete-all-title{font-size:.9rem;margin-bottom:.5rem}.trash-delete-description,.trash-delete-all-description{font-size:.8rem;margin-bottom:.75rem;line-height:1.4}.trash-delete-all-header{flex-direction:column;gap:.75rem}.trash-delete-all-header>div{width:100%}.trash-delete-all-header button{width:100%;padding:.5rem .75rem;font-size:.85rem}.trash-list{display:flex;flex-direction:column;gap:.75rem}.trash-list>div{padding:.75rem!important}.trash-item-type{font-size:.75rem;margin-bottom:.5rem}.trash-item-title{font-size:.95rem;margin-bottom:.25rem}.trash-item-meta{font-size:.8rem;margin-bottom:0}.trash-item-content{margin-bottom:.75rem}.trash-item-label{font-size:.8rem;display:block;margin-bottom:.25rem}.trash-item-text,.trash-item-note{font-size:.85rem;line-height:1.5;margin-bottom:.5rem;word-wrap:break-word;padding:.5rem!important}.trash-item-actions{flex-direction:column;gap:.5rem;margin-top:.75rem}.trash-item-actions button{width:100%;padding:.5rem .75rem;font-size:.85rem}}@media(max-width:480px){.trash-page{padding:.5rem .4rem;padding-bottom:90px}.trash-header{font-size:1rem;margin-bottom:.4rem}.trash-description{font-size:.8rem;margin-bottom:.5rem}.trash-delete-section,.trash-delete-all-section{padding:.5rem!important;margin-bottom:.5rem}.trash-delete-title,.trash-delete-all-title{font-size:.85rem}.trash-delete-description,.trash-delete-all-description{font-size:.75rem;margin-bottom:.5rem}.trash-list{gap:.5rem}.trash-list>div{padding:.5rem!important}.trash-item-type{font-size:.7rem}.trash-item-title{font-size:.9rem}.trash-item-text,.trash-item-note{font-size:.8rem;padding:.4rem!important}.trash-item-actions button{padding:.4rem .6rem;font-size:.8rem}}.conflicts-page{padding:var(--spacing-xl)}.conflicts-header{margin-bottom:var(--spacing-lg)}.conflicts-header h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.conflicts-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.conflicts-delete-all-section{margin-bottom:var(--spacing-xl)}.conflicts-delete-all-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.conflicts-delete-all-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.conflicts-delete-all-description{margin:0;color:var(--text-secondary);font-size:.9rem}.conflicts-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-xl);align-items:start}.conflicts-list-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.conflicts-list-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.conflicts-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:80vh;overflow-y:auto}.conflict-item{border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.conflict-item:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000001a}.conflict-item-selected{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 2px #4f46e533}.conflict-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conflict-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.conflict-meta{font-size:.85rem;color:var(--text-secondary);margin:0}.conflict-source{opacity:.7}.conflict-stats{font-size:.8rem;color:var(--text-secondary);margin:0}.conflicts-preview{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);min-height:500px;max-height:80vh;display:flex;flex-direction:column}.conflicts-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.conflicts-preview-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.conflicts-preview-actions{display:flex;gap:var(--spacing-sm)}.conflicts-preview-content{flex:1;overflow-y:auto}@media(max-width:1024px){.conflicts-layout{grid-template-columns:1fr;gap:var(--spacing-md)}.conflicts-list{max-height:300px}.conflicts-preview{max-height:400px}}@media(max-width:768px){.conflicts-page{padding:var(--spacing-md)}.conflicts-header h2{font-size:1.5rem}.conflicts-layout{gap:var(--spacing-md)}.conflicts-list-title{font-size:1.1rem}.conflicts-list{max-height:250px}.conflicts-preview{min-height:auto;max-height:calc(100vh - 400px);padding:var(--spacing-md)}.conflicts-preview-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.conflicts-preview-actions{width:100%}.conflicts-preview-actions button{flex:1}.conflict-preview-meta{flex-direction:column;gap:var(--spacing-sm)}}.conflict-preview-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.conflict-preview-modal{background:var(--bg-primary);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.conflict-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.conflict-preview-header h3{margin:0;color:var(--text-primary);font-size:1.5rem}.conflict-preview-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.conflict-preview-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);flex-wrap:wrap}.conflict-preview-meta p{margin:0;color:var(--text-secondary);font-size:.9rem}.conflict-preview-meta strong{color:var(--text-primary)}.conflict-preview-chapters{display:flex;flex-direction:column;gap:var(--spacing-xl)}.conflict-preview-chapter{border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md);background:var(--bg-card)}.conflict-preview-chapter-title{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.conflict-preview-paragraph{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-sm)}.conflict-preview-paragraph:last-child{margin-bottom:0}.conflict-preview-paragraph-number{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);opacity:.7}.conflict-preview-paragraph-text{white-space:pre-wrap;color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-xs)}.conflict-preview-paragraph-note{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary)}.conflict-preview-paragraph-note strong{color:var(--text-primary)}.conflict-preview-empty{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.conflict-preview-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end}@media(max-width:768px){.conflict-preview-overlay{padding:0}.conflict-preview-modal{max-height:100vh;border-radius:0}.conflict-preview-header{padding:var(--spacing-md)}.conflict-preview-header h3{font-size:1.25rem}.conflict-preview-content{padding:var(--spacing-md)}.conflict-preview-meta{flex-direction:column;gap:var(--spacing-sm)}.conflict-preview-footer{padding:var(--spacing-md)}.conflict-preview-footer button{width:100%}}:root{--bg-main: #141414;--bg-sidebar: #1a1a1a;--bg-panel: #1f1f1f;--bg-card: #262626;--bg-input: #2c2c2c;--bg-input-focus: #333;--text-primary: #f5f5f5;--text-secondary: #b5b5b5;--text-muted: #888;--border: #3a3a3a;--accent: #0061ff;--accent-hover: #1a7aff;--radius: 6px;--transition: .2s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-main);color:var(--text-primary);font-family:system-ui,-apple-system,Helvetica,Arial,sans-serif;line-height:1.5}body{display:block;min-height:100vh}button{border-radius:var(--radius);border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:var(--transition)}button:hover{background:var(--bg-input-focus);border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);transition:var(--transition)}input:focus,textarea:focus,select:focus{background:var(--bg-input-focus);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1{font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-lg);color:var(--text-primary)}h2{font-size:var(--font-size-2xl);font-weight:600;margin:0 0 var(--spacing-md);color:var(--text-primary)}h3{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-md);color:var(--text-primary)}h4{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm);color:var(--text-primary)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.chapter-sidebar{position:relative;width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:var(--spacing-md);overflow-y:auto;height:100%;display:flex;flex-direction:column}.manuscript-switcher{width:100%;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer}.manuscript-switcher:focus{background:var(--bg-input-focus);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.add-chapter-button{width:100%;margin-bottom:var(--spacing-md)}.chapter-item{background:var(--bg-card);border-radius:var(--radius);margin-bottom:var(--spacing-sm);border:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-review)}.chapter-item.active{background:#505050;border-color:var(--accent);color:var(--text-review)}.chapter-item-content{display:flex;align-items:center;justify-content:space-between;width:100%}.chapter-title{flex:1;cursor:pointer;padding-right:.5rem;-webkit-user-select:none;user-select:none;color:inherit}.chapter-title-input{flex:1;padding:var(--spacing-xs);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);min-width:0;font-family:inherit;font-size:inherit}.chapter-drag-handle{cursor:grab;opacity:.5;padding-left:.5rem;-webkit-user-select:none;user-select:none;color:inherit}@media(max-width:768px){.chapter-sidebar{display:none!important}.write-page-container{flex-direction:column!important}}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{transition:var(--transition)}.card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0061ff1a}button,a,.card{transition:var(--transition)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}button:focus-visible,a:focus-visible{outline-offset:3px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}