:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fffffff0;--bg:#0b0c10;--bg-elevated:#11131a;--text:#fffffff0;--muted:#e4e7f0b8;--surface:#141822cc;--surface-raised:#191d28e6;--surface-2:#ffffff14;--border:#aab5d62e;--border-strong:#aab5d647;--input-bg:#080a10b8;--input-border:#aab5d633;--nav-bg:#090b12e6;--primary:#8eb8ff;--primary-bg:#8eb8ff2e;--primary-border:#8eb8ff85;--focus-ring:#8eb8ffe0;--danger:#f87171;--shadow-soft:0 10px 30px #0000002e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0c10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg,#8eb8ff0f,transparent 18%),var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}a{color:var(--primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--text)}#root{min-height:100vh}h1{font-size:3.2em;line-height:1.1}button,input,select,textarea{font:inherit}button{border-radius:var(--radius-md);background-color:var(--surface-2);color:inherit;cursor:pointer;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .2s,background-color .2s,color .2s,transform .2s}button:hover{border-color:var(--primary-border)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::placeholder{color:#e4e7f075}.app-shell{background:radial-gradient(circle at top,#7877c629,#0000 34%),linear-gradient(#ffffff08,#0000 22%);flex-direction:column;min-height:100vh;display:flex}.app-main{width:100%;max-width:760px;padding:10px var(--space-4)calc(82px + var(--space-3));box-sizing:border-box;flex:1;margin:0 auto}.save-status-banner{width:min(760px,calc(100% - (var(--space-4)*2)));margin:var(--space-3)auto 0;padding:var(--space-3)var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-soft);color:var(--text);justify-content:space-between;align-items:center;gap:var(--space-3);box-sizing:border-box;display:flex}.save-status-banner-error{border-color:color-mix(in srgb,var(--danger)44%,transparent)}.save-status-banner-saved{border-color:color-mix(in srgb,var(--primary)42%,transparent)}.view-header{gap:8px;margin-bottom:10px;display:grid}.view-header-top{gap:var(--space-2);display:grid}.view-title{letter-spacing:-.03em;text-align:left;margin:0;font-size:clamp(1.4rem,4.6vw,2rem);line-height:1}.view-title-line{display:block}.view-title-link{color:inherit;border-radius:var(--radius-sm);margin:-2px -4px;padding:2px 4px;text-decoration:none;display:inline-block}.view-title-link:hover{text-decoration:underline}.view-title-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.view-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.summary-pill{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);min-width:0;box-shadow:var(--shadow-soft);gap:2px;padding:6px 7px;display:grid}.summary-pill-button{cursor:pointer;font:inherit}.summary-pill-button:hover,.summary-pill-button:focus-visible{background:#ffffff17;border-color:#d9c2f547}.summary-value{font-size:clamp(.86rem,3.4vw,1rem);font-weight:700}.summary-label{color:var(--muted);font-size:clamp(.58rem,2vw,.68rem)}.list-toolbar{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-soft);gap:8px;margin-bottom:10px;padding:8px;display:grid}.toolbar-search{position:relative}.search-input{width:100%;min-height:38px;padding:8px 38px 8px 12px;font-size:.88rem}.clear-search{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search:hover{color:var(--text);background:#ffffff0f}.toolbar-toggle-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-group-persistent{flex:auto}.toolbar-group{flex-wrap:wrap;gap:6px;display:flex}.toolbar-label{letter-spacing:.02em;color:var(--muted);font-size:.7rem;font-weight:600}.toolbar-sort-inline{flex:150px;gap:4px;min-width:min(100%,168px);display:grid}.toolbar-sort-inline select{min-height:32px;padding:5px 28px 5px 10px;font-size:.82rem}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.75rem}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-soft);margin-bottom:10px;padding:12px}.panel-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.panel-title{letter-spacing:-.01em;font-weight:700}.panel-message{font-size:.8125rem}.panel-message-prewrap{white-space:pre-wrap}.import-actions{gap:8px;display:flex}.import-status{margin-top:10px}.visually-hidden-file-input{display:none}.unlock-form{gap:8px;margin-top:12px;display:grid}.unlock-error{margin-top:10px}.form-grid{gap:var(--space-3);display:grid}.field{gap:6px;display:grid}.cover-field{align-items:start}.label{opacity:.82;font-size:.75rem}input,select,textarea{font:inherit;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:inherit;box-sizing:border-box;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:72px}.cover-preview{aspect-ratio:2/3;border-radius:var(--radius-md);border:1px dashed var(--border-strong);width:120px;color:var(--muted);cursor:pointer;background:#ffffff08;place-items:center;font-size:.75rem;display:grid;overflow:hidden}.cover-preview-img{object-fit:cover;width:100%;height:100%;display:block}.list{gap:var(--space-3);display:grid}.item-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);padding:var(--space-3);gap:var(--space-3);box-shadow:var(--shadow-soft);min-width:0;display:flex}.item-card-shade{display:none}.item-content{flex:1;min-width:0}.item-main,.item-title,.item-title-row,.item-badges{min-width:0}.item-cover{border-radius:var(--radius-md);background:#ffffff0a;flex:none;position:relative;overflow:hidden}.item-cover-img{object-fit:cover;width:100%;display:block}.item-cover-button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.item-cover-placeholder{width:100%;height:100%;color:var(--muted);text-align:center;box-sizing:border-box;place-items:center;padding:6px;font-size:.75rem;display:grid}.cover-file-input,.cover-layout-off .item-cover{display:none}.cover-layout-thumb .item-cover{align-self:flex-start;width:56px;height:74px}.cover-layout-thumb .item-cover-img{height:74px}.cover-layout-full .item-cover{align-self:stretch;width:84px;min-height:120px}.cover-layout-full .item-cover-img{height:100%}.cover-layout-full .list{gap:12px}.cover-layout-full .item-card{background:radial-gradient(circle at 0 0,#ffffff1f,#0000 34%),linear-gradient(135deg,#53425ef5,#18191dfa);border-color:#ffffff1f;align-items:end;min-height:224px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 18px 42px #00000042}.cover-layout-full .item-cover{background:linear-gradient(135deg,#574269fa,#18191efa);border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.cover-layout-full .item-cover-button{cursor:pointer}.cover-layout-full .item-cover-img{object-fit:cover;filter:saturate(1.06)contrast(1.02);width:100%;height:100%}.cover-layout-full .item-cover-placeholder{color:#ffffffb8;background:radial-gradient(circle at 20% 12%,#eed19433,#0000 28%),linear-gradient(135deg,#60486feb,#201f26f0);place-items:start;padding:18px}.cover-layout-full .item-card-shade{pointer-events:none;background:linear-gradient(#08080a14 0%,#08080a33 34%,#08080ae6 100%),linear-gradient(90deg,#08080a66 0%,#0000 56%);display:block;position:absolute;inset:0}.cover-layout-full .item-content{z-index:1;box-sizing:border-box;color:#fffafc;text-shadow:0 1px 14px #00000061;align-self:end;gap:10px;width:100%;padding:72px 12px 12px;display:grid;position:relative}.cover-layout-full .item-title-row{gap:10px;display:grid}.cover-layout-full .item-title{font-size:1.04rem;line-height:1.1}.cover-layout-full .item-badges{order:-1;justify-content:flex-start}.cover-layout-full .badge{color:#fffafce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080a57;border-color:#ffffff29}.cover-layout-full .item-subtitle,.cover-layout-full .item-meta{color:#fff7ffdb}.cover-layout-full .muted{color:#fff7ffad}.cover-layout-full .inline-edit-button{color:inherit}.cover-layout-full .item-remove{color:#ffdedee6}.cover-layout-full .item-actions{margin-top:0}.cover-layout-full .status-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-layout-full .item-actions .small{color:#fffafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080a52;border-color:#ffffff2b;min-height:34px;padding:7px 9px}.cover-layout-full .item-actions .primary{color:#fff8e8;background:#f5d59138;border-color:#f5d59170}.cover-layout-full .item-reorder-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.item-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);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(--focus-ring);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;border-radius:var(--radius-sm);line-height:inherit;box-sizing:border-box;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:.8125rem}.muted{color:var(--muted)}.item-actions{margin-top:var(--space-3);gap:8px;display:grid}.item-reorder-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.item-reorder-actions .small:only-child{grid-column:1/-1}.status-actions{grid-template-columns:1fr;gap:8px;display:grid}.item-actions .small{white-space:normal;text-wrap:balance;width:100%;min-height:44px}.item-primary-action{grid-column:auto}.badge{border:1px solid var(--border);opacity:.9;border-radius:999px;align-items:center;padding:4px 8px;font-size:.75rem;display:inline-flex}.type-badge{justify-content:center;min-width:26px;padding:4px 6px}.type-icon{width:14px;height:14px;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.item-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.item-remove{color:var(--danger);cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:.75rem;line-height:1.2}.item-remove:hover{text-decoration:underline}.item-remove:focus-visible{outline:2px solid var(--danger);outline-offset:2px}button{border-radius:var(--radius-md)}button.small{padding:8px 10px;font-size:.875rem}button.primary{border-color:var(--primary-border);background:var(--primary-bg)}button.primary.active,.chip.active,.nav-button.active{border-color:var(--primary-border);background:color-mix(in srgb,var(--primary)18%,var(--surface-raised));color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}.filters{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.chip{border-radius:999px;min-height:32px;padding:5px 10px}@media (max-width:520px){.view-title-line{display:inline}.view-title-line+.view-title-line:before{content:" "}.view-summary{gap:5px}.summary-pill{padding:7px 6px}.summary-value{font-size:.95rem}.summary-label{line-height:1.05}.toolbar-toggle-row{align-items:center}.option-c-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.option-c-card{min-height:220px}}.empty{color:var(--muted);padding:18px 8px}.option-c-frame{gap:22px;padding-top:20px;display:grid;position:relative}.option-c-frame:before{content:"";background:#ffffff2e;height:1px;position:absolute;top:0;left:0;right:0}.option-c-surface{background:radial-gradient(circle at top,#ffffff1f,#0000 38%),linear-gradient(#4f3e4ff0,#261c2af5);border:1px solid #cebfd51f;border-radius:28px;gap:14px;padding:18px;display:grid;box-shadow:0 20px 48px #00000047,inset 0 1px #ffffff1f}.option-c-search{color:#fff5ffb8;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 16px;display:flex}.option-c-search-icon{font-size:1.1rem}.option-c-search-input{color:#fff7ff;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none}.option-c-search-input::placeholder{color:#fff5ffa8}.option-c-search-clear{color:#fff7ff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;width:28px;min-width:28px;height:28px;line-height:1}.option-c-filter-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.option-c-chip{color:#fff7ffeb;background:#ffffff05;border:1px solid #ffffff24;border-radius:999px;min-height:42px;padding:8px 10px}.option-c-chip.active{background:linear-gradient(#a48ac7,#8d74ad);border-color:#dbc6f238}.option-c-chip-muted{opacity:.6;cursor:default}.option-c-grid,.option-c-module{gap:12px;display:grid}.option-c-module-title{letter-spacing:-.03em;color:#fff7ff;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.option-c-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.option-c-card{background-color:#3b3042;border:1px solid #ffffff1f;border-radius:18px;min-height:236px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #0000003d}.option-c-card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.option-c-card-shade{background:linear-gradient(#0000 30%,#09080bd1 100%);position:absolute;inset:0}.option-c-card-body{z-index:1;gap:10px;padding:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.option-c-card-body h3{color:#fffafc;text-wrap:balance;margin:0;font-size:1.02rem;line-height:1.1}.option-c-card-meta{color:#f8ecf7d1;justify-content:space-between;align-items:center;gap:8px;font-size:.74rem;display:flex}.option-c-card-reason{color:#fff7ffe0;margin:-2px 0 0;font-size:.76rem;line-height:1.25}.option-c-tag{color:#f8edff;background:#5b477ae6;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;display:inline-flex}.option-c-card-action{color:#fff5ff;background:#ffffff14;border:1px solid #dfcaf32e;border-radius:999px;width:100%;min-height:38px;padding:8px 10px;font-size:.82rem}.option-c-card-link{color:#fff5ff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:32px;font-size:.78rem;text-decoration:none;display:inline-flex}.option-c-feedback-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option-c-feedback{color:#fff7ffd6;background:#08080a42;border:1px solid #ffffff29;border-radius:999px;min-width:0;min-height:32px;padding:6px 8px;font-size:.72rem}.option-c-feedback.active{color:#fff6df;background:#f5d5912e;border-color:#f5d591b3}.option-c-empty{color:#f0e9f5c7;text-align:center;background:#ffffff0a;border:1px dashed #ffffff29;border-radius:18px;grid-column:1/-1;place-items:center;min-height:108px;padding:18px;display:grid}.cover-book{background:linear-gradient(135deg,#c19e54f2,#191312e0),linear-gradient(#0000001f,#0000)}.cover-tv{background:linear-gradient(135deg,#bc2221f0,#142426e0),radial-gradient(circle at 50% 28%,#ded1b53d,#0000 22%)}.cover-game{background:radial-gradient(circle,#ffce5f66,#0000 20%),linear-gradient(#122222d6,#07090bfa)}.bottom-nav{z-index:100;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));background:var(--nav-bg);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 30px #00000038}.nav-button{z-index:1;width:100%;min-height:42px;padding:8px 12px;position:relative}.bottom-nav-with-add{grid-template-columns:minmax(92px,.34fr) minmax(0,1fr)}.nav-add{justify-content:center;align-items:center;gap:7px;display:inline-flex}.nav-add span[aria-hidden=true]{font-size:1.25rem;line-height:.8}@media (max-width:360px){.item-title-row{gap:10px;display:grid}.item-badges{justify-content:flex-start}.nav-button{min-height:42px;padding-inline:8px;font-size:.86rem}}@media (min-width:720px){.app-main{padding-inline:var(--space-5)}.save-status-banner{width:min(760px,calc(100% - (var(--space-5)*2)))}.view-header-top{grid-template-columns:auto 1fr;align-items:start}.view-summary{justify-content:flex-end}.toolbar-toggle-row{flex-wrap:nowrap}.toolbar-group-persistent{flex:0 auto}.toolbar-sort-inline{flex:0 0 168px}.item-actions{gap:10px}.status-actions{grid-template-columns:1fr 1fr;gap:8px}.option-c-intro{grid-template-columns:auto 1fr;align-items:center;gap:22px}.option-c-grid{gap:18px}.option-c-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}