@font-face{font-family:Quattro;src:url(/fonts/quattro-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--paper:#f6f4ef;--sidebar:#f6f4ef;--ink:#26241f;--muted:#8a8478;--faint:#b3ada1;--line:#e6e2d9;--hover:#eeebe4;--accent:#b85c38;--selection:#ead9cc;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Quattro,ui-monospace,SF Mono,Menlo,monospace;font-size:15px}@media (prefers-color-scheme:dark){:root{--paper:#181715;--sidebar:#181715;--ink:#e4dfd5;--muted:#8a857b;--faint:#5c5851;--line:#2a2825;--hover:#221f1c;--accent:#e08a62;--selection:#4a3428}}*{box-sizing:border-box}::selection{background:var(--selection)}html,body,#app{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.quiet{color:var(--muted);letter-spacing:.02em;font-size:.8rem;text-decoration:none;transition:color .12s}.quiet:hover{color:var(--ink)}.quiet.danger:hover{color:var(--accent)}input{background:0 0;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}kbd{font:inherit;color:var(--faint);font-size:.75rem}.login{flex-direction:column;gap:1.5rem;width:260px;margin:32vh auto 0;display:flex}.wordmark{letter-spacing:.02em;font-weight:700}.login input{border-bottom:1px solid var(--line);padding:.5rem 0;transition:border-color .15s}.login input:focus{border-color:var(--ink)}.login-error{min-height:1.2em;color:var(--accent);margin:-.75rem 0 0;font-size:.8rem}.layout{grid-template-columns:280px 1fr;height:100%;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-head,.sidebar-foot{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem .75rem;display:flex}.sidebar-foot{padding:1rem 1.5rem 1.25rem}.heading{letter-spacing:.02em;align-items:center;gap:.6rem;font-weight:700;display:flex}.search{margin:0 1.5rem .75rem;padding:.35rem 0;font-size:.85rem}.list{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;margin:0;padding:0 .75rem;list-style:none;overflow-y:auto}.item{cursor:pointer;color:var(--muted);border-radius:6px;align-items:baseline;gap:.75rem;padding:.55rem .75rem;transition:color .1s,background .1s;display:flex}.item:hover{color:var(--ink)}.item.selected{color:var(--ink);background:var(--hover)}.item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.item-date{color:var(--faint);flex-shrink:0;font-size:.75rem}.empty{color:var(--faint);padding:.55rem .75rem;font-size:.85rem}.hint{color:var(--faint);font-size:.75rem}.status{color:var(--faint);cursor:default;align-items:center;gap:.4rem;font-size:.75rem;font-weight:400;display:flex}.status:before{content:"";background:var(--faint);border-radius:50%;width:5px;height:5px}.status[data-state=syncing]:before{background:var(--muted);animation:1s ease-in-out infinite pulse}.status[data-state=error]{color:var(--accent)}.status[data-state=error]:before{background:var(--accent)}@keyframes pulse{50%{opacity:.3}}.head-actions{align-items:baseline;gap:.6rem;display:flex}.switch,.sort{gap:1rem;padding:0 1.5rem .75rem;display:flex}.switch:empty,.sort:empty{display:none}.sort{gap:.85rem;padding-top:0}.sort .quiet{color:var(--faint);font-size:.75rem}.quiet.on,.sort .quiet.on{color:var(--ink)}.quiet.strong{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:.1rem;font-size:.9rem}.quiet.strong:hover{border-color:var(--ink)}.item-year{color:var(--faint);font-size:.75rem}.faint{color:var(--faint)}.pane{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;min-width:0;min-height:0;padding:0 2rem;display:flex;overflow-y:auto}.film{width:100%;max-width:680px;margin:0 auto}.page-meta{color:var(--faint);justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem 0 0;font-size:.8rem;display:flex}.page-meta .actions{opacity:0;gap:1.25rem;transition:opacity .15s;display:flex}.pane:hover .page-meta .actions,.page-meta .actions:focus-within,.page-meta .actions.visible{opacity:1}.film-head{align-items:flex-start;gap:2rem;padding-top:2.25rem;display:flex}.fields{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.adding .fields{padding-top:2.25rem}.poster{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--line);background:var(--hover);border-radius:4px;flex-shrink:0;width:120px}input.title{width:100%;caret-color:var(--accent);border-bottom:1px solid #0000;padding:.15rem 0;font-size:1.6rem;font-weight:700;line-height:1.3;transition:border-color .15s}.adding input.title,input.title:hover:not(:read-only){border-color:var(--line)}input.title:focus:not(:read-only){border-color:var(--ink)}.meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;margin-top:-.4rem;font-size:.9rem;display:flex}.meta input,.tag-input{min-width:2ch;caret-color:var(--accent);border-bottom:1px solid #0000;padding:.1rem 0;transition:border-color .15s}.meta input:hover:not(:read-only),.tag-input:hover{border-color:var(--line)}.meta input:focus:not(:read-only),.tag-input:focus{border-color:var(--ink)}.meta input.invalid{color:var(--accent)}.row{grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;gap:.5rem;font-size:.9rem;display:grid}.row-label{color:var(--faint);letter-spacing:.02em;font-size:.75rem}.inline{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.rating{flex-wrap:wrap;align-items:baseline;gap:.15rem;display:flex}.rate{min-width:1.7rem;color:var(--faint);padding:.1rem 0;transition:color .1s}.rate:hover:not(:disabled){color:var(--muted)}.rate.on{color:var(--ink);font-weight:700}.rate:disabled{cursor:default}.rating kbd{opacity:0;margin-left:.75rem;transition:opacity .15s}.row:hover .rating kbd{opacity:1}.chips{flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;display:flex}.chip{color:var(--muted);align-items:baseline;gap:.2rem;display:inline-flex}.chip .tag{color:var(--muted);transition:color .1s}.chip .tag:hover{color:var(--ink)}.chip .x{color:var(--faint);visibility:hidden;font-size:.8rem}.chip:hover .x{visibility:visible}.chip .x:hover{color:var(--accent)}.date-add{position:relative}.date-picker{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}.tag-add{position:relative}.suggestions{z-index:1;background:var(--paper);flex-direction:column;align-items:flex-start;gap:.2rem;padding:.4rem 0;display:flex;position:absolute;top:100%;left:0}.suggestions:empty{display:none}.film .editor{border-top:1px solid var(--line);margin-top:2rem;font-size:1.05rem}.editor.cm-focused{outline:none}.editor .cm-scroller{font-family:inherit;line-height:1.75;overflow:visible}.editor .cm-content{caret-color:var(--accent);padding:1.5rem 0 30vh}.editor .cm-line{padding:0}.editor .cm-cursor{border-left:1.5px solid var(--accent)}.editor .cm-selectionBackground,.editor.cm-focused .cm-selectionBackground{background:var(--selection)!important}.editor .cm-content ::selection{background:var(--selection)!important}.editor .cm-placeholder{color:var(--faint)}.editor .cm-content[contenteditable=false]{color:var(--muted)}.editor .md-h1{font-size:1.4em;font-weight:700;line-height:1.4}.editor .md-h2{font-size:1.2em;font-weight:700;line-height:1.45}.editor .md-h3{font-size:1.05em;font-weight:700}.editor .md-bold{font-weight:700}.editor .md-italic{font-style:italic}.editor .md-mark{color:var(--faint)}.adding .hint{min-height:1.2em;margin:-.4rem 0 0}.results{margin:0 -.75rem;padding:0;list-style:none}.result{cursor:pointer;color:var(--muted);border-radius:6px;align-items:center;gap:.85rem;padding:.4rem .75rem;display:flex}.result:hover{color:var(--ink)}.result.selected{color:var(--ink);background:var(--hover)}.thumb{object-fit:cover;background:var(--hover);border-radius:2px;flex-shrink:0;width:24px;height:36px}.placeholder{align-items:baseline;gap:.75rem;margin:auto;display:flex}@media (width<=720px){.layout{grid-template-rows:40% 60%;grid-template-columns:minmax(0,1fr)}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.pane{padding:0 1rem}.page-meta .actions{opacity:1}.film-head{gap:1rem}.poster{width:80px}.row{grid-template-columns:minmax(0,1fr);gap:.2rem}}