:root{font-family:system-ui,sans-serif;color-scheme:light dark}body{margin:0}.page{max-width:640px;margin:0 auto;padding:2rem 1rem}.project-list{list-style:none;padding:0}.project-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}.top-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.25rem 0}.top-bar>button{margin-left:auto}.top-bar .new-project-form{flex-basis:100%;margin:0}.top-nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 6%,transparent);color:inherit;text-decoration:none;font-size:.9rem}.nav-pill:hover{background:color-mix(in srgb,currentColor 13%,transparent)}.nav-pill svg{flex:none}.sort-control{display:inline-flex;margin:.5rem 0 1rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:6px;overflow:hidden}.sort-control button{background:none;border:none;font:inherit;font-size:.85rem;padding:.35rem .8rem;cursor:pointer}.sort-control button+button{border-left:1px solid color-mix(in srgb,currentColor 25%,transparent)}.sort-control button.active{background:color-mix(in srgb,currentColor 12%,transparent);font-weight:600}.project-group-heading{margin:1.5rem 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.project-cards{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.6rem}.project-card{background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:8px;padding:.6rem .9rem}.project-card-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.row-card{padding:.15rem .65rem}.project-card>h2{margin:.25rem 0 .5rem}.project-card-children{margin:.6rem 0 .15rem .4rem;padding-left:.9rem;border-left:3px solid color-mix(in srgb,currentColor 25%,transparent);gap:.5rem}.collapse-toggle{background:none;border:none;font:inherit;cursor:pointer;padding:0 .15rem;color:color-mix(in srgb,currentColor 60%,transparent)}.collapse-spacer{display:inline-block;width:1rem}.entry-count{font-size:.85rem}.card-subsections{margin:.75rem 0 .25rem .15rem;padding-left:.75rem;border-left:2px solid color-mix(in srgb,currentColor 20%,transparent);display:flex;flex-direction:column;gap:.5rem}.quick-add{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem}.move-to-container{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem}.type-badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border:1px solid currentColor;border-radius:999px;opacity:.7}.new-project-form{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin:1rem 0}.new-project-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.app-header{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;max-width:640px;margin:0 auto;padding:.75rem 1rem 0;font-size:.85rem}.login-form{display:flex;flex-direction:column;gap:.75rem;max-width:320px}.login-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.login-form button{align-self:start}.outline{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:start}.chapter-section{box-sizing:border-box;width:100%}.act-section{box-sizing:border-box;width:100%;padding-left:.75rem;border-left:3px solid color-mix(in srgb,currentColor 25%,transparent);display:flex;flex-direction:column;gap:1rem}.outline-group{width:100%}.act-section.dragging,.chapter-section.dragging{opacity:.5}.chapter-header,.act-header{display:flex;align-items:baseline;gap:.75rem}.chapter-header h2,.act-header h2{margin:0 auto 0 0}.act-header h2{text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.chapter-header button,.act-header button{font-size:.8rem}.scene-list{list-style:none;padding:0;margin:.5rem 0}.scene-list li{border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}.scene-cards{list-style:none;margin:.5rem 0;padding:0 0 0 .75rem;border-left:2px solid color-mix(in srgb,currentColor 20%,transparent);display:flex;flex-direction:column;gap:.5rem}.scene-item{display:flex;align-items:flex-start;gap:.25rem}.scene-item.dragging{opacity:.5}.scene-item-body{flex:1;min-width:0}.drag-handle{cursor:grab;touch-action:none;background:none;border:none;padding:.5rem .25rem;font:inherit;color:color-mix(in srgb,currentColor 45%,transparent)}.drop-target{outline:2px dashed color-mix(in srgb,currentColor 35%,transparent);outline-offset:2px;border-radius:4px}.scene-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.5rem .25rem;background:none;border:none;font:inherit;text-align:left;cursor:pointer}.beats-toggle{background:none;border:none;font:inherit;font-size:.8rem;color:color-mix(in srgb,currentColor 60%,transparent);cursor:pointer;padding:0 .25rem .4rem}.beats-section{margin-left:1rem;padding-left:.5rem;border-left:1px solid color-mix(in srgb,currentColor 15%,transparent);margin-bottom:.5rem}.beat-list{margin:0}.beat-row{font-size:.9rem;padding:.35rem .25rem}.scene-editor{display:flex;flex-direction:column;gap:.75rem;padding:.75rem .25rem}.scene-editor label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.scene-editor-row{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.scene-editor-row label{flex:1;min-width:8rem}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin:.5rem 0}.inline-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.error{color:#c0392b;flex-basis:100%}.muted{opacity:.6}.danger-zone{margin-top:3rem;padding-top:1rem;border-top:1px solid #e0e0e0}.danger-button{color:#c0392b;border-color:#c0392b}.danger-button:disabled{opacity:.5}.danger-panel{border:1px solid #c0392b;border-radius:4px;padding:.75rem 1rem}.danger-panel p{margin-top:0}.draft-badge{color:#b9770e;border-color:#b9770e}.notes-text{white-space:pre-wrap;overflow-wrap:anywhere}.conflict-panel{border:1px solid #c0392b;border-radius:4px;padding:.75rem 1rem;margin:.5rem 0}.conflict-panel p{margin-top:0}.conflict-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:.75rem}.conflict-table th,.conflict-table td{text-align:left;vertical-align:top;padding:.25rem .5rem;border-bottom:1px solid #e0e0e0}.conflict-table tbody th{white-space:nowrap;font-weight:600}.conflict-table td{white-space:pre-wrap;overflow-wrap:anywhere}.tag-chips{display:inline-flex;flex-wrap:wrap;gap:.25rem}.tag-chip{text-transform:none;letter-spacing:normal;opacity:.85}.word-count-total{font-size:1.1rem}.word-count-table{border-collapse:collapse;min-width:24rem}.word-count-table th,.word-count-table td{text-align:left;vertical-align:top;padding:.25rem .75rem .25rem 0}.word-count-table thead th{border-bottom:1px solid #ccc}.word-count-chapter th{padding-top:.6rem}.word-count-scene{padding-left:1.25rem}.word-count-words{text-align:right}