:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#eeeaf6;background:#12101b;font-synthesis:none;--surface:#1c1928;--line:#332e44;--muted:#a59db7;--accent:#b79bea;--input:#15121f;--teal:#86d2c4;color-scheme:dark}:root[data-theme=day]{color:#272235;background:#f6f3fa;--surface:#fff;--line:#ded7e8;--muted:#736882;--accent:#7043ad;--input:#faf8fd;--teal:#256c60;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 16px;transition:background .15s,border-color .15s}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,textarea{width:100%;padding:12px;border:1px solid var(--line);background:var(--input);color:inherit;border-radius:9px;line-height:1.4}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}textarea{resize:vertical}.demo-banner{display:flex;justify-content:center;gap:12px;padding:12px 20px;font-size:12px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted)}.demo-banner strong{color:var(--teal);letter-spacing:1px}main{max-width:1180px;margin:auto;padding:50px 32px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--teal);margin:0 0 14px}h1{font-size:34px;letter-spacing:-1px;margin:0;font-weight:650}h1 span{font-weight:350;color:var(--accent)}.intro{font-size:14px;color:var(--muted);margin-top:12px}.settings-button{font-size:13px}.search-row{display:flex;align-items:center;justify-content:space-between;margin:34px 0 38px;gap:24px}.search-label{max-width:480px;width:100%;font-size:12px;color:var(--muted)}.search-label span{display:block;margin-bottom:8px}.search-label input{font-size:14px}.hint{font-size:12px;line-height:1.7;color:var(--muted)}.lists{display:grid;grid-template-columns:1fr 1fr;gap:32px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:21px;margin:0}.section-title h2 span{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.add-button{font-size:12px;background:transparent;color:var(--accent)}.filters{display:flex;gap:6px;margin:20px 0}.filters button{font-size:11px;padding:8px 12px;background:transparent;border-color:transparent;color:var(--muted)}.filters button[aria-pressed=true],.theme-options button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--accent)}.cards{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.card-main{padding:20px 20px 16px;display:flex;gap:16px;justify-content:space-between}.card-title{min-width:0;flex:1;text-align:left;border:0;background:transparent;padding:0;border-radius:3px}.card-title h3{font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;margin:0 0 10px}.status{font-size:11px;color:var(--muted);display:block}.watched .status{color:var(--teal)}.progress{display:block;color:var(--muted);font-size:11px;margin-top:12px;line-height:1.5}.card-right{width:80px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.watched-toggle{display:flex;gap:6px;align-items:center;font-size:11px;cursor:pointer}.rating{font-size:12px;color:var(--accent);padding:5px 8px;background:transparent}.card-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 12px}.card-footer button{border:none;background:transparent;font-size:11px;color:var(--muted);padding:6px 8px}.card-footer .delete:hover{color:#ed9cac}.empty{border:1px dashed var(--line);border-radius:13px;text-align:center;padding:52px 24px;color:var(--muted);min-height:235px}.empty-symbol{color:var(--accent);font-size:32px}.empty h3{font-size:14px;color:inherit;font-weight:500;margin:16px 0 10px}.empty p{font-size:12px;line-height:1.7;margin:0}footer{text-align:center;color:var(--muted);font-size:11px;margin:48px 0 10px}dialog{max-width:490px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;padding:26px;box-shadow:0 25px 90px #0006}dialog::backdrop{background:#080610b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{font-size:20px}.icon{border:0;background:transparent;font-size:26px;padding:0 6px}.dialog-head+form{display:flex;flex-direction:column;gap:16px}form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}form .check-line{flex-direction:row;align-items:center;color:inherit;font-size:13px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-pair input{min-width:0}.text-button{font-size:12px;color:var(--accent);align-self:flex-start;background:transparent;padding:0;border:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.primary{background:var(--accent);color:var(--input);border-color:var(--accent);font-weight:600;font-size:13px}.warning,.error{font-size:12px;line-height:1.6;border-radius:8px;padding:12px;margin:0}.warning{color:#d9b884;background:#b7892320}.error{color:#f291ac;background:#bc365525}.global-error{display:flex;justify-content:space-between;margin-bottom:20px}.global-error button{padding:0 8px;border:none;background:transparent}.muted{color:var(--muted);font-size:13px;line-height:1.7}.theme-options{display:flex;gap:10px;margin:20px 0 30px}.account-placeholder{border-top:1px solid var(--line);padding-top:16px}.account-placeholder h3{font-size:14px}.account-placeholder p{font-size:12px;color:var(--muted);line-height:1.8}@media(max-width:760px){main{padding:32px 20px 20px}.lists{grid-template-columns:1fr;gap:36px}h1{font-size:27px}header{align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:12px}.settings-button{padding:8px 11px;font-size:11px}.search-row{margin:26px 0 32px}.search-row>.hint{display:none}.search-label{max-width:none}.demo-banner{font-size:10px;align-items:center;line-height:1.6}.card-main{padding:18px 16px}.card-title h3{font-size:16px}dialog{padding:22px}.filters button{font-size:11px;padding:8px 10px}.empty{padding:36px 20px;min-height:200px}}.auth-page{max-width:580px;padding-top:80px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px}.auth-card h1{font-size:28px}.auth-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.auth-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.auth-actions button{font-size:12px}.auth-links{display:flex;justify-content:space-between;margin-top:20px}.auth-links button{border:0;background:transparent;color:var(--accent);font-size:12px;padding:5px}.danger{color:#e790a6;border-color:#8b4053}.sync-tools{text-align:right}.sync-tools>button{font-size:11px;padding:7px 10px}.auth-form .check-line{flex-direction:row;align-items:center;line-height:1.6}@media(max-width:760px){.auth-page{padding-top:40px}.auth-card{padding:24px}.auth-card h1{font-size:25px}.sync-tools .hint{display:none}.sync-tools{flex-shrink:0}.search-row{gap:12px}}
