:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;--bg:#f7f7fb;--text:#0f172a;--surface:#fff;--surface-2:#f1f5f9;--border:#0f172a24;--muted:#0f172ab3;--input-bg:#fff;--input-border:#0f172a29;--nav-bg:#ffffffeb;--primary:#4f46e5;--primary-bg:#4f46e51f;--primary-border:#4f46e5a6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7fb;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:var(--primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--primary)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--surface-2);color:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffeb;--bg:#0b0b0f;--text:#ffffffeb;--surface:#ffffff0d;--surface-2:#ffffff14;--border:#ffffff24;--muted:#ffffffb3;--input-bg:#00000038;--input-border:#ffffff24;--nav-bg:#0b0b0feb;--primary:#8b8cff;--primary-bg:#8b8cff29;--primary-border:#8b8cff99;background-color:#0b0b0f}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{box-sizing:border-box;flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px 16px 88px}.view-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.view-header h1{margin:0;font-size:24px;line-height:1.2}.section-title{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:16px 0 10px;font-size:14px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:12px;padding:12px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-title{font-weight:650}.form-grid{gap:10px;display:grid}.field{gap:6px;display:grid}.label{opacity:.8;font-size:12px}input,select,textarea{font:inherit;border:1px solid var(--input-border);background:var(--input-bg);color:inherit;box-sizing:border-box;border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:72px}.list{gap:10px;display:grid}.item-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;padding:12px;display:flex}.item-content{flex:1;min-width:0}.item-cover{background:#0000000f;border-radius:10px;flex:none;overflow:hidden}.item-cover-img{object-fit:cover;width:100%;display:block}.cover-layout-off .item-cover{display:none}.cover-layout-thumb .item-cover{align-self:flex-start;width:56px}.cover-layout-thumb .item-cover-img{height:74px}.cover-layout-full .item-cover{align-self:stretch;width:84px}.cover-layout-full .item-cover-img{height:100%}.item-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.item-title{font-weight:700}.inline-edit-button{color:inherit;font:inherit;text-align:left;line-height:inherit;cursor:text;background:0 0;border:0;padding:0}.inline-edit-button:focus,.inline-edit-button:focus-visible{outline:2px solid var(--primary-border);outline-offset:2px}.inline-edit-title{max-width:100%;display:inline-block}.inline-edit-input{border:1px solid var(--input-border);background:var(--input-bg);color:inherit;font:inherit;line-height:inherit;box-sizing:border-box;border-radius:8px;padding:0}.inline-edit-input.inline-edit-title{width:100%;max-width:100%}.inline-edit-rating{width:84px}.inline-edit-int{width:92px}.inline-edit-date{width:146px}.item-subtitle,.item-meta{margin-top:6px;font-size:13px}.muted{color:var(--muted)}.item-actions{gap:10px;margin-top:10px;display:grid}.status-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.badge{border:1px solid var(--border);opacity:.9;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;display:inline-flex}.item-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}button{border-radius:10px}button.small{padding:8px 10px;font-size:14px}button.primary{border-color:var(--primary-border);background:var(--primary-bg)}button:disabled{opacity:.5;cursor:not-allowed}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{border-radius:999px;padding:8px 10px}.chip.active{border-color:var(--primary-border)}.empty{color:var(--muted);padding:18px 8px}.bottom-nav{background:var(--nav-bg);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px 12px;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-button{width:100%;padding:10px 12px}.nav-button.active{border-color:var(--primary-border)}