@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f6fb;--panel:#ffffff;--panel-2:#eef2f8;--line:#dfe5ef;--text:#1c2940;--muted:#61718a;--dim:#8390a4;--accent:#5963d8;--accent-soft:#8581c9;--danger:#c35463;--sidebar:246px;--radius:18px;color-scheme:light;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#14151a;border-right:1px solid #24252d;padding:28px 17px 15px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:800 23px Manrope,sans-serif;letter-spacing:-1.2px;margin:0 0 47px 8px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:var(--accent);color:#171915;font:800 22px Manrope;letter-spacing:-2px}.brand-dot{color:var(--accent)}.side-label{font-size:10px;letter-spacing:1.35px;color:#70727d;font-weight:700;padding:0 11px;margin-bottom:12px}.nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;min-height:43px;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:12px;color:#a2a4ae;text-align:left;font-size:13px;font-weight:500;width:100%;transition:.16s}.nav-item:hover{background:#202128;color:#fff}.nav-item.active{background:#24262e;color:#f7f7f4}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{font-size:18px;width:18px;text-align:center;color:#898b96}.nav-count{margin-left:auto;border-radius:7px;background:#30323b;color:#b9bbc4;padding:3px 7px;font-size:10px}.sidebar-lists{margin-top:36px}.side-label-row{display:flex;align-items:center;justify-content:space-between}.tiny-add{border:0;background:transparent;color:#a8aab4;font-size:20px;line-height:1;padding:0 5px}.side-list{min-height:37px}.side-list .nav-icon{font-size:14px}.sidebar-bottom{margin-top:auto}.storage-note{display:flex;gap:10px;padding:13px 10px;border:1px solid #2b2d35;background:#1b1c22;border-radius:12px;margin:0 1px 12px}.storage-icon{color:var(--accent);font-size:18px}.storage-note strong,.storage-note small,.profile strong,.profile small{display:block}.storage-note strong{font-size:11px;font-weight:600}.storage-note small,.profile small{color:#7f818d;font-size:10px;margin-top:4px}.settings-link{font-size:12px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #282931;padding:17px 6px 0;margin-top:9px}.profile strong{font-size:11px;font-weight:600}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d9c9a8;color:#373022;font-weight:700;font-size:13px;border:2px solid #49443a}.profile-more{margin-left:auto;color:#777986;font-size:22px}.main-content{margin-left:var(--sidebar);min-height:100vh}.topbar{height:70px;border-bottom:1px solid #25262e;display:flex;align-items:center;justify-content:space-between;padding:0 43px;position:sticky;top:0;background:rgba(16,17,21,.93);backdrop-filter:blur(15px);z-index:5}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.25px;color:#686b76;font-weight:700}.breadcrumb b{color:#454750}.breadcrumb strong{color:#c8c9ce;font-size:10px}.top-actions{display:flex;align-items:center;gap:15px}.top-search{height:37px;width:228px;display:flex;align-items:center;gap:9px;background:#1a1b21;border:1px solid #2d2f39;border-radius:9px;color:#9395a0;padding:0 9px;font-size:11px;text-align:left}.top-search>span:first-child{font-size:21px}.top-search kbd{margin-left:auto;border:1px solid #3b3d46;border-radius:4px;padding:2px 4px;font-size:9px;color:#737681}.avatar-small{width:28px;height:28px;font-size:10px}.mobile-menu{display:none}.view-root{max-width:1300px;margin:0 auto;padding:42px 44px 18px;min-height:calc(100vh - 105px)}.site-footer{border-top:1px solid #25262e;color:#696b75;font-size:10px;padding:16px 44px 20px}.site-footer a{color:#a6a8b0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--accent);font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 28px}.page-head h1{font:700 clamp(28px,3.5vw,39px) Manrope,sans-serif;letter-spacing:-1.5px;margin:8px 0 7px}.page-head p{color:var(--muted);font-size:13px;margin:0;line-height:1.5}.head-actions{display:flex;gap:9px}.btn{border:1px solid #343641;border-radius:9px;background:#202128;color:#dedee2;padding:10px 14px;font-size:11px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.15s}.btn:hover{background:#292b35;border-color:#50525e}.btn-primary{background:var(--accent);border-color:var(--accent);color:#171910}.btn-primary:hover{background:#d4ff84;border-color:#d4ff84}.btn-quiet{background:transparent}.btn-danger{color:#ff9eaa}.btn-sm{padding:7px 10px;font-size:10px}.welcome-banner{position:relative;overflow:hidden;background:#1b1d22;border:1px solid #2b2e36;border-radius:18px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;min-height:150px}.welcome-banner:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:130px;top:-215px;background:radial-gradient(circle,#bff06720,transparent 70%);pointer-events:none}.welcome-banner h2{font:700 21px Manrope,sans-serif;letter-spacing:-.5px;margin:8px 0}.welcome-banner p{font-size:12px;color:#a1a2aa;margin:0;max-width:430px;line-height:1.6}.banner-stats{display:flex;gap:28px;padding-right:16px;position:relative;z-index:1}.banner-stat strong{display:block;font:700 24px Manrope,sans-serif}.banner-stat span{display:block;font-size:10px;color:#8c8e98;margin-top:4px}.section-row{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.section-row h2{font:650 16px Manrope,sans-serif;margin:0;letter-spacing:-.3px}.text-button{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:600;padding:6px}.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.show-card{border:1px solid #292b34;background:var(--panel);border-radius:14px;overflow:hidden;min-width:0;transition:transform .18s,border-color .18s}.show-card:hover{transform:translateY(-2px);border-color:#51545e}.poster-wrap{height:200px;background:#23242b;position:relative;overflow:hidden}.poster{width:100%;height:100%;display:block;object-fit:cover}.poster-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#3c3956,#25262e 60%,#182224);font:700 32px Manrope;color:#cac7e7}.card-type{position:absolute;top:10px;left:10px;border-radius:5px;padding:5px 7px;background:#131419d9;font-size:9px;letter-spacing:.4px;text-transform:uppercase;color:#dadbe1;backdrop-filter:blur(8px)}.card-body{padding:12px}.card-title-line{display:flex;justify-content:space-between;align-items:flex-start;gap:5px}.card-title{font:650 12px Manrope,sans-serif;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-year{font-size:10px;color:#82848e;margin:5px 0 10px}.progress-meta{display:flex;justify-content:space-between;color:#858792;font-size:9px;margin:0 0 7px}.progress-track{height:4px;background:#30313a;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:8px}.card-actions{display:flex;gap:6px;margin-top:11px}.card-actions .btn{flex:1}.rating{color:var(--accent);font-size:11px;white-space:nowrap}.compact-list{display:grid;gap:8px}.episode-row{display:flex;align-items:center;gap:12px;border:1px solid #292b34;background:#17181e;border-radius:11px;padding:11px 13px}.episode-date{width:39px;height:42px;border-radius:8px;background:#23252c;display:grid;place-content:center;text-align:center;flex-shrink:0}.episode-date b{font:700 15px Manrope}.episode-date small{font-size:8px;color:#92949e;text-transform:uppercase}.episode-info{min-width:0;flex:1}.episode-info strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-info small{font-size:10px;color:#858792;display:block;margin-top:4px}.episode-flag{font-size:9px;color:#b4b5bd;background:#25272f;padding:5px 7px;border-radius:6px}.empty-state{border:1px dashed #353741;border-radius:14px;padding:35px 20px;text-align:center;color:#9b9da7;background:#17181d}.empty-icon{width:43px;height:43px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid #3a3c45;border-radius:13px;color:var(--accent);font-size:21px}.empty-state h3{font:650 14px Manrope;color:#e6e5e1;margin:0 0 7px}.empty-state p{font-size:11px;margin:0 auto 15px;max-width:390px;line-height:1.55;color:#91939e}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.filter-tabs{display:flex;gap:4px;background:#191a20;border:1px solid #292b34;padding:4px;border-radius:9px}.filter-tab{border:0;background:transparent;color:#92949e;font-size:10px;border-radius:6px;padding:7px 10px}.filter-tab.active{background:#30323a;color:#f4f3ef}.toolbar-search{width:min(260px,45%);height:34px;border:1px solid #30323b;background:#191a20;color:#efeee9;border-radius:8px;padding:0 11px;font-size:11px}.movie-card .poster-wrap{height:200px}.rating-button{border:0;background:transparent;padding:1px;color:#686b76}.rating-button.is-rated{color:var(--accent)}.detail-hero{display:grid;grid-template-columns:178px 1fr;gap:26px;margin-bottom:26px}.detail-poster{width:178px;height:252px;object-fit:cover;border-radius:13px;background:#292b34}.detail-content{padding:5px 0}.detail-content h1{font:750 31px Manrope;letter-spacing:-1px;margin:7px 0}.detail-meta{color:#9b9da7;font-size:11px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.detail-meta .dot{color:#5d5f6a}.detail-summary{font-size:12px;line-height:1.7;color:#b2b3bb;max-width:670px}.detail-toolbar{display:flex;gap:8px;margin-top:19px;flex-wrap:wrap}.detail-progress{margin-top:21px;max-width:460px}.detail-progress .progress-meta{font-size:10px}.detail-progress .progress-track{height:6px}.season-block{border:1px solid #2a2c35;background:#17181e;border-radius:12px;margin:9px 0;overflow:hidden}.season-head{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;padding:14px}.season-head .chevron{color:#858792;transition:transform .2s}.season-head.open .chevron{transform:rotate(90deg)}.season-head strong{font-size:12px}.season-head small{color:#858792;font-size:10px;margin-left:auto}.season-episodes{border-top:1px solid #292b34;padding:4px 13px 10px}.episode-detail{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:51px;border-bottom:1px solid #262830}.episode-detail:last-child{border-bottom:0}.episode-number{font-size:10px;color:#8b8d97}.episode-detail-main strong{font-size:11px;font-weight:600;display:block}.episode-detail-main small{font-size:9px;color:#81838d;display:block;margin-top:3px}.episode-detail-actions{display:flex;align-items:center;gap:6px}.episode-check{width:22px;height:22px;border:1px solid #474954;background:transparent;border-radius:7px;color:transparent;font-size:13px}.episode-check.watched{background:var(--accent);border-color:var(--accent);color:#202318}.note-chip{border:0;background:transparent;color:#858792;font-size:14px;padding:4px}.note-chip.has-note{color:#f2d384}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#08090cbd;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;border:1px solid #373943;border-radius:17px;background:#1b1c23;box-shadow:0 25px 90px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #30313a}.modal-head h2{font:700 16px Manrope;margin:0}.modal-close{border:0;background:transparent;color:#9a9ca5;font-size:21px}.modal-body{padding:20px 21px}.form-field{display:grid;gap:7px;margin-bottom:15px}.form-field label{font-size:10px;color:#a5a6af;font-weight:600}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #363843;border-radius:8px;background:#111217;color:#eee;padding:10px 11px;font-size:12px;outline:none}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#98be56;box-shadow:0 0 0 3px #c5f31a12}.form-field textarea{min-height:96px;resize:vertical}.form-hint{font-size:9px;color:#777984;line-height:1.5;margin-top:-8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 21px;border-top:1px solid #30313a}.search-dialog{width:min(570px,100%)}.search-input-wrap{display:flex;gap:9px}.search-input-wrap input{flex:1;min-width:0}.search-results{display:grid;gap:7px;margin-top:14px;max-height:52vh;overflow:auto}.search-result{display:flex;align-items:center;gap:11px;width:100%;padding:8px;border:1px solid transparent;border-radius:9px;background:#22232a;text-align:left}.search-result:hover{border-color:#474a55;background:#272932}.result-poster{width:37px;height:52px;border-radius:5px;object-fit:cover;background:#30323a;display:grid;place-items:center;font-size:13px;color:#b2b5c0;flex-shrink:0}.result-copy{min-width:0;flex:1}.result-copy strong{display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.result-copy small{display:block;color:#868893;font-size:9px;margin-top:5px}.result-add{border:1px solid #42444e;border-radius:7px;padding:6px 8px;color:var(--accent);font-size:9px}.result-kind{font-size:8px;color:#999ba5;text-transform:uppercase;letter-spacing:.6px}.search-status{font-size:11px;color:#9496a0;text-align:center;padding:18px}.modal-note{color:#a7a9b3;font-size:11px;line-height:1.6;margin:0}.note-preview{background:#14151a;border:1px solid #30313a;border-radius:9px;padding:12px;font-size:11px;color:#b9bac2;white-space:pre-wrap;line-height:1.5}.lists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.list-card{border:1px solid #2b2d35;background:#18191f;border-radius:13px;padding:17px;min-height:115px}.list-card-head{display:flex;align-items:center;justify-content:space-between}.list-card h3{font:650 13px Manrope;margin:0}.list-card p{font-size:10px;color:#868893;margin:8px 0 0}.list-icon{color:var(--accent-soft);font-size:17px}.list-count{margin-left:auto;color:#878994;font-size:10px}.list-open{border:0;background:transparent;padding:0;text-align:left;width:100%}.list-items{display:flex;gap:7px;margin-top:12px}.list-thumb{width:29px;height:38px;object-fit:cover;border-radius:4px;background:#30313a}.settings-card{border:1px solid #2c2e37;background:#18191f;border-radius:13px;padding:19px;margin-bottom:12px}.settings-card h3{font:650 13px Manrope;margin:0 0 6px}.settings-card p{font-size:10px;color:#9698a2;line-height:1.6;margin:0 0 12px}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-open{overflow:hidden}.toast-region{position:fixed;right:22px;bottom:22px;z-index:50;display:grid;gap:8px}.toast{background:#25272e;border:1px solid #484a54;border-radius:9px;padding:11px 14px;font-size:11px;box-shadow:0 8px 28px #0007;animation:toastIn .2s ease}.toast.error{border-color:#8a5058}.toast.success{border-color:#637a38}.no-results{padding:22px;text-align:center;color:#888a95;font-size:11px}.status-pill{border-radius:7px;padding:5px 7px;font-size:9px;background:#282a32;color:#afb0b8}.danger-zone{border-color:#5b353a}.danger-zone h3{color:#ff9eaa}.back-button{border:0;background:transparent;color:#9c9ea8;padding:3px 0 12px;font-size:10px}.episode-detail .watched-title{color:#7d7f89;text-decoration:line-through}.rating-stars{display:flex;gap:5px}.rating-stars button{border:0;background:none;color:#575963;font-size:22px;padding:0}.rating-stars button.on{color:var(--accent)}.movie-info-note{font-size:10px;line-height:1.6;color:#8f919b}.subtle-separator{height:1px;background:#292b34;margin:20px 0}.list-item-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #292b34}.list-item-row:last-child{border-bottom:0}.list-item-row .item-name{flex:1;font-size:11px}.remove-list-item{border:0;background:transparent;color:#999;font-size:15px}.browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.result-add.added{color:#b9bac1;border-color:#383a43}.next-up .episode-info{flex:1}.filter-tabs .filter-tab{white-space:nowrap}
.episode-detail-actions .note-chip{min-width:24px;text-align:center;border-radius:6px}.check-list-item{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #2c2e37;font-size:11px;color:#d1d2d8}.check-list-item:last-child{border-bottom:0}.check-list-item input{accent-color:var(--accent)}
@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.view-root{padding:34px 28px 16px}.topbar{padding:0 28px}.grid-cards,.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-wrap{height:185px}.banner-stats{gap:17px}.site-footer{padding-left:28px}}
@media(max-width:820px){:root{--sidebar:218px}.sidebar{transform:translateX(-100%);transition:transform .22s;box-shadow:20px 0 50px #0005}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu{display:block;border:0;background:transparent;color:#bfc0c7;font-size:17px;padding:5px}.topbar{height:62px;padding:0 18px;justify-content:flex-start;gap:15px}.breadcrumb{flex:1}.top-actions{gap:8px}.top-search{width:38px;justify-content:center;padding:0}.top-search>span:nth-child(2),.top-search kbd{display:none}.view-root{padding:27px 20px 16px}.site-footer{padding:14px 20px 20px}.welcome-banner{padding:22px;min-height:130px}.banner-stats{gap:12px;padding:0}.banner-stat strong{font-size:20px}.grid-cards,.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-wrap{height:175px}.lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.topbar{gap:9px}.breadcrumb{gap:7px;font-size:8px;letter-spacing:.8px}.breadcrumb strong{font-size:8px}.top-actions{margin-left:auto}.view-root{padding:22px 14px 13px}.site-footer{padding:13px 14px 18px;font-size:9px}.page-head{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:22px}.page-head h1{font-size:29px}.head-actions{width:100%}.head-actions .btn{flex:1}.welcome-banner{display:block;padding:20px 18px}.welcome-banner h2{font-size:18px}.welcome-banner p{font-size:11px}.banner-stats{justify-content:flex-start;gap:23px;margin-top:20px}.banner-stat strong{font-size:19px}.section-row{margin-top:24px}.grid-cards,.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster-wrap{height:180px}.card-body{padding:10px}.card-title{font-size:11px}.toolbar{align-items:flex-start;flex-direction:column}.filter-tabs{max-width:100%;overflow:auto}.toolbar-search{width:100%}.detail-hero{grid-template-columns:100px minmax(0,1fr);gap:14px}.detail-poster{width:100px;height:143px}.detail-content h1{font-size:21px}.detail-summary{font-size:10px;line-height:1.55}.detail-toolbar{margin-top:12px}.detail-toolbar .btn{padding:8px 10px}.form-row{grid-template-columns:1fr;gap:0}.lists-grid{grid-template-columns:1fr}.list-card{min-height:100px}.episode-flag{display:none}.episode-detail{grid-template-columns:22px minmax(0,1fr) auto;gap:7px}.episode-detail-main strong{font-size:10px}.episode-detail-actions{gap:1px}.episode-check{width:21px;height:21px}.banner-stat span{font-size:9px}.top-search{height:32px}.empty-state{padding:27px 16px}}

/* Visto cool editorial palette: porcelain, slate, indigo and teal. */
:root{color-scheme:light;--bg:#f4f6fb;--panel:#ffffff;--panel-2:#edf2f8;--line:#dfe6f0;--text:#1d2c46;--muted:#61738b;--dim:#8391a5;--accent:#5364d7;--accent-soft:#777dcc;--accent-teal:#269b90;--star:#bd842a;--danger:#c34f60;--radius:18px;background:#f4f6fb}
body{background:radial-gradient(ellipse at 90% -10%,rgba(89,99,216,.10),transparent 38rem),linear-gradient(135deg,#e6e6f8 0%,#dbdbf4 100%);color:var(--text)}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(77,91,190,.38);outline-offset:2px}
.sidebar{background:#d4d4f1;border-right:1px solid #bbbde3;box-shadow:5px 0 28px rgba(39,55,91,.035)}
.brand{color:#2b3246;margin-bottom:42px;letter-spacing:-1px}.brand-mark{background:#5963d8;color:#f7f8fa;border-radius:12px;box-shadow:0 5px 12px rgba(64,80,130,.06)}.brand-dot{color:#5963d8}
.side-label{color:#6d7295}.nav-item{color:#565c78;border-radius:11px}.nav-item:hover{background:#c5c7e9;color:#2b334d}.nav-item.active{background:#bcbee7;color:#272d45;font-weight:700;box-shadow:inset 3px 0 #5963d8}.nav-item.active .nav-icon,.nav-icon{color:#616991}.nav-count{background:#b0b3dd;color:#363d5d}.tiny-add{color:#565d85}
.storage-note{border-color:#b9bbe4;background:#dcdcf8;box-shadow:0 4px 12px rgba(44,60,96,.035)}.storage-icon{color:#5963d8}.storage-note strong,.profile strong{color:#323855}.storage-note small,.profile small{color:#6a7192}.profile{border-top-color:#b8bae3}.avatar{background:#b8735e;color:#f7f8fa;border-color:#dee0f9}
.topbar{background:rgba(248,250,253,.91);border-bottom-color:#c6c8ea;box-shadow:0 3px 16px rgba(44,60,96,.035)}.breadcrumb{color:#6d7394}.breadcrumb b{color:#9da1cb}.breadcrumb strong{color:#373e5d}.top-search{background:#f9f9fa;border-color:#c0c2e8;color:#676d8e;border-radius:12px;box-shadow:0 2px 8px rgba(44,60,96,.035)}.top-search kbd{border-color:#c5c7ea;color:#626889;background:#e5e5f9}
.view-root{padding-top:38px}.site-footer{border-top-color:#c3c5e7;color:#6a7091}.site-footer a{color:#47557c}.eyebrow{color:#5963d8;letter-spacing:1.55px}
.page-head h1,.welcome-banner h2,.section-row h2,.detail-content h1,.modal-head h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.55px;color:#2a324c}.page-head p{color:#5c627f}
.btn{background:#f9f9fa;border-color:#bcbee4;color:#3a425f;border-radius:11px;box-shadow:0 2px 6px rgba(44,60,96,.04)}.btn:hover{background:#dcddf8;border-color:#9ea4d5;color:#272e49}.btn-primary{background:#5963d8;border-color:#5963d8;color:#f9fafb;box-shadow:0 5px 13px rgba(67,80,166,.16)}.btn-primary:hover{background:#4652c0;border-color:#4652c0;color:#fff}.btn-danger{color:#bb4e5e}
.welcome-banner{background:linear-gradient(115deg,#bfc0ef 0%,#cdcdf4 50%,#b8bced 100%);border:1px solid #b0b4e5;border-radius:23px;padding:31px 34px;box-shadow:0 12px 32px rgba(44,60,96,.08),inset 0 1px rgba(255,255,255,.55)}.welcome-banner:after{right:90px;top:-220px;background:radial-gradient(circle,rgba(89,99,216,.14),transparent 70%)}.welcome-banner .eyebrow{color:#4652c0}.welcome-banner h2{font-size:24px}.welcome-banner p{color:#4e5576}.banner-stat strong{color:#29314d}.banner-stat span{color:#565d7d}.section-row h2{font-size:18px}.text-button{color:#4652c0}.text-button:hover{color:#35419e;text-decoration:underline}
.grid-cards,.browse-grid{gap:16px}.show-card{background:#f9f9fa;border-color:#c6c8ea;border-radius:17px;box-shadow:0 5px 17px rgba(44,60,96,.055);transition:transform .2s,box-shadow .2s,border-color .2s}.show-card:hover{transform:translateY(-3px);border-color:#969fd6;box-shadow:0 12px 23px rgba(44,60,96,.11)}.poster-wrap{background:#cdceeb}.poster-fallback{background:linear-gradient(145deg,#ad7868,#9ca6de 62%,#809080);color:#f7f8f9}.card-type{background:rgba(25,34,54,.84);color:#f5f6f7;border-radius:7px}.card-title{color:#2b334d;font-size:13px}.card-year,.progress-meta{color:#666d8c}.progress-track{background:#cecfec}.progress-fill{background:#5963d8}.rating,.rating-button.is-rated,.rating-stars button.on{color:#1a18c0}.card-actions .btn{background:#e3e4fb}.card-actions .btn-primary{background:#5963d8;color:#f9fafb}
.episode-row,.season-block,.list-card,.settings-card{background:#f9f9fa;border-color:#c3c5e9;box-shadow:0 4px 13px rgba(44,60,96,.045)}.episode-row{border-radius:13px}.episode-date{background:#d0d2f2;color:#363d5d}.episode-date small{color:#646b8f}.episode-info small,.season-head small{color:#646b8a}.episode-flag,.status-pill{background:#d5d7f2;color:#465076}
.empty-state{background:rgba(255,255,255,.76);border-color:#adb1de;color:#565c79;border-radius:17px}.empty-icon{border-color:#acb1e3;color:#5963d8;background:#dee0f9}.empty-state h3{color:#2b334d}.empty-state p{color:#616786}.toolbar-search,.filter-tabs{background:#f9f9fa;border-color:#c1c3e7;color:#2f3754}.filter-tab{color:#5c6184}.filter-tab.active{background:#caccee;color:#2b3451}
.detail-hero{background:#f9f9fa;border:1px solid #c4c6ea;border-radius:20px;padding:22px;box-shadow:0 7px 20px rgba(44,60,96,.055)}.detail-poster{background:#cdceeb;border-radius:15px}.detail-meta{color:#5d6384}.detail-summary{color:#4e5673}.detail-progress .progress-track{background:#cecfec}.season-block{border-radius:14px}.season-head{color:#313855}.season-head .chevron{color:#4a67ac}.season-episodes{border-top-color:#cfd0ed}.episode-detail{border-bottom-color:#d4d6f0}.episode-number{color:#6b7397}.episode-detail-main small{color:#676e8e}.episode-check{border-color:#9ea2cc;background:#f9f9fa}.episode-check.watched{background:#258f86;border-color:#258f86;color:#fff}.note-chip{color:#697299}.note-chip.has-note{color:#3659ae}
.modal-backdrop{background:rgba(20,29,47,.45);backdrop-filter:blur(8px)}.modal{border-color:#bcbfe7;background:#f9f9fa;box-shadow:0 26px 80px rgba(28,42,70,.22);border-radius:20px}.modal-head,.modal-footer{border-color:#ced0ee}.modal-head h2{font-size:19px}.modal-close{color:#646b8f}.modal-body{color:#343d59}.form-field label{color:#4d5475}.form-field input,.form-field textarea,.form-field select{border-color:#bcbee3;background:#fcfcfc;color:#29314b;border-radius:10px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#4e5ac8;box-shadow:0 0 0 3px rgba(89,99,216,.13)}.form-hint{color:#666d91}.modal-note{color:#4f5676}.note-preview{background:#e3e4f8;border-color:#c4c6e9;color:#444c6a}
.search-result{background:#f9f9fa;border-color:#cdcfec;border-radius:12px}.search-result:hover{background:#dcddf8;border-color:#949bd3}.result-poster{background:#cfd0ed;color:#58628e}.result-copy strong{color:#2c3551}.result-copy small{color:#616989}.result-add{border-color:#aeb2dd;color:#8f5342}.result-add.added{color:#575d79;border-color:#c7c9e4}.result-kind{color:#656c90}.search-status,.no-results{color:#606685}
.lists-grid{gap:16px}.list-card{border-radius:16px;padding:19px}.list-card h3{color:#2d3551}.list-card p{color:#666c8d}.list-icon{color:#a26450}.settings-card{border-radius:16px}.settings-card h3{color:#2d3551}.settings-card p{color:#59607f}.subtle-separator{background:#d0d2ed}.list-item-row{border-bottom-color:#d0d2ed}.list-item-row .item-name{color:#373f5c}.remove-list-item{color:#6c7497}
.toast{background:#f9f9fa;border-color:#b9bce6;color:#2c3551;box-shadow:0 8px 28px rgba(36,51,80,.15)}.toast.success{border-color:#258f86}.toast.error{border-color:#d26c78}.danger-zone{border-color:#d9b7ad}.danger-zone h3{color:#bb4e5e}.back-button{color:#5b6386}.check-list-item{border-bottom-color:#d0d2ed;color:#373e5d}.check-list-item input{accent-color:#5963d8}
.popular-series-section{margin-top:12px;padding:14px;border:1px solid #c4c6eb;border-radius:15px;background:linear-gradient(145deg,#f9f9fa,#e1e3fa)}.popular-series-section h3{font:600 16px Georgia,serif;color:#313855}.popular-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.popular-series-grid .search-result{min-width:0}.popular-series-grid .result-kind{display:none}.popular-series-grid .result-copy strong{white-space:normal;overflow-wrap:anywhere;line-height:1.2}.popular-catalog-status{font-size:11px;color:#596084;line-height:1.5;padding:4px 2px 9px}.popular-show-result{align-items:center}.popular-show-result .popular-score{flex:0 0 auto;min-width:42px;color:#1a18c0;font-size:11px;font-weight:700}.popular-series-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:10px}.popular-series-controls [hidden]{display:none}
@media(max-width:820px){.sidebar{background:#d3d4f3;box-shadow:20px 0 50px rgba(39,55,91,.16)}.topbar{background:rgba(248,250,253,.96)}.mobile-menu{color:#4b5377}}
@media(max-width:560px){.welcome-banner{border-radius:19px}.detail-hero{background:transparent;border:0;padding:0;box-shadow:none}.poster-wrap{border-radius:13px 13px 0 0}.modal-backdrop{padding:12px}.popular-series-section{padding:11px}.popular-series-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.search-result{gap:8px;min-width:0}.result-open{min-width:0;flex:1;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;text-align:left;padding:3px;color:inherit}.result-open:hover .result-copy strong{text-decoration:underline;text-underline-offset:3px}.result-open:focus-visible,.result-add:focus-visible{outline:3px solid #424ea5;outline-offset:2px}.result-poster{overflow:hidden;width:45px;height:64px;flex:0 0 45px;border-radius:7px}.result-poster img{display:block;width:100%;height:100%;object-fit:cover}.result-copy{flex:1}.result-copy strong{white-space:normal;line-height:1.25}.result-copy small{line-height:1.35}.result-kind{flex:0 0 auto}.result-add{flex:0 0 auto;background:#fcfcfc;font:600 10px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.result-add.added{background:#e6e4f4;color:#5a5e7c;border-color:#bec0e2}.result-add:disabled{opacity:.6;cursor:wait}.popular-show-result .result-open{overflow:hidden}.popular-show-result .result-copy{flex:1;min-width:0}.popular-show-result .popular-score{margin-left:auto}.catalog-detail-dialog{width:min(680px,100%)}.catalog-detail-content{display:grid;gap:18px}.catalog-detail-overview{display:grid;grid-template-columns:100px minmax(0,1fr);gap:17px;align-items:start}.catalog-detail-poster{width:100px;aspect-ratio:2/3;border-radius:13px;overflow:hidden;background:#d5d7f2;display:grid;place-items:center;color:#5b67a2;font-size:24px}.catalog-detail-poster img{width:100%;height:100%;object-fit:cover}.catalog-detail-heading h3{margin:6px 0 7px;color:#29314d;font:600 23px Georgia,serif;line-height:1.15}.catalog-detail-meta,.catalog-source-note{color:#646b8c;font-size:11px;line-height:1.5}.catalog-detail-meta{margin:0 0 8px}.catalog-detail-rating{margin:10px 0 0;color:#1a18c0;font-size:13px;font-weight:700}.catalog-detail-rating span{color:#646b8c;font-size:10px;font-weight:400}.catalog-tags{display:flex;flex-wrap:wrap;gap:5px}.catalog-tag{border:1px solid #bcbfe7;border-radius:99px;padding:4px 8px;color:#52587e;font-size:9px}.catalog-detail-section{border-top:1px solid #ced0ee;padding-top:13px}.catalog-detail-section h4{margin:0 0 7px;color:#333b5e;font:600 14px Georgia,serif}.catalog-detail-summary,.catalog-unavailable{margin:0;color:#4e5673;font-size:12px;line-height:1.65}.catalog-unavailable{color:#666d91}.catalog-cast{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0}.catalog-cast li{min-width:0;border:1px solid #d0d3f0;background:#fcfcfc;border-radius:9px;padding:8px 10px}.catalog-cast strong,.catalog-cast small{display:block;overflow-wrap:anywhere}.catalog-cast strong{color:#333b59;font-size:11px}.catalog-cast small{margin-top:3px;color:#6b7397;font-size:10px}.catalog-source-note{margin:0}.catalog-source-note a{color:#3c58a3;text-decoration:underline;text-underline-offset:2px}.catalog-unavailable[role="status"]{margin-bottom:10px}@media(max-width:560px){.catalog-detail-overview{grid-template-columns:76px minmax(0,1fr);gap:12px}.catalog-detail-poster{width:76px}.catalog-detail-heading h3{font-size:19px}.catalog-cast{grid-template-columns:1fr}.search-result{gap:5px;padding:6px}.result-poster{width:38px;height:56px;flex-basis:38px}.result-add{padding:6px}.popular-series-grid .result-add{font-size:9px}}
.popular-series-grid{grid-template-columns:minmax(0,1fr)}.popular-series-grid .result-copy strong{overflow-wrap:break-word;word-break:normal}.popular-series-grid .search-result{padding:8px 10px}
.poster-wrap{width:100%;display:flex;align-items:center;justify-content:center}.poster{width:auto;max-width:100%;height:100%;object-fit:contain}.poster-fallback{width:100%}
.poster-wrap{border:0;padding:0}.catalog-cast li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px}.catalog-cast-photo{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#d7d8f3;color:#6c75ae}.catalog-cast-photo img{grid-area:1/1;width:100%;height:100%;object-fit:cover}.catalog-cast-photo svg{display:none;grid-area:1/1;width:23px;height:23px;fill:currentColor}.catalog-cast-photo.is-missing svg{display:block}.catalog-cast-copy{min-width:0}.catalog-cast-copy strong,.catalog-cast-copy small{display:block;overflow-wrap:anywhere}
.episode-section-heading{gap:12px}.episode-section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.episode-section-actions .btn:disabled{opacity:.5;cursor:not-allowed}.season-heading{display:flex;align-items:center;gap:8px;padding-right:10px}.season-heading .season-head{flex:1;min-width:0}.season-mark-watched{flex:0 0 auto;white-space:nowrap}.season-episodes[hidden]{display:none}@media(max-width:560px){.episode-section-heading{align-items:flex-start;flex-direction:column}.episode-section-actions{width:100%;justify-content:flex-end}.episode-section-actions .btn{font-size:10px}.season-heading{gap:4px;padding-right:8px}.season-heading .season-head{gap:7px;padding:12px 8px}.season-mark-watched{padding:6px 7px;font-size:9px}}
.cloud-sync-panel{margin:0 1px 11px;padding:11px 10px;border:1px solid #b9bbe4;border-radius:12px;background:#f5f6f8;color:#323855;box-shadow:0 4px 12px rgba(44,60,96,.035)}.cloud-sync-heading{display:flex;align-items:flex-start;gap:9px}.cloud-sync-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#d1d3f5;color:#5963d8;font-size:15px}.cloud-sync-heading strong,.cloud-sync-heading small{display:block}.cloud-sync-heading strong{font-size:11px;font-weight:700;line-height:1.35}.cloud-sync-heading small{margin-top:4px;color:#5c6384;font-size:10px;line-height:1.45}.cloud-sync-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.cloud-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 8px;border:1px solid #b9bbe4;border-radius:8px;background:#fcfcfc;color:#3a456e;text-decoration:none;font-size:10px;font-weight:600;line-height:1.25;cursor:pointer}.cloud-action:hover{background:#d5d6f8}.cloud-action:focus-visible{outline:3px solid #5963d8;outline-offset:2px}.cloud-action-primary{border-color:#5963d8;background:#5963d8;color:#f7f8fa}.cloud-action-primary:hover{background:#8e503f}.cloud-sync-panel[data-status="conflict"]{border-color:#2725d5;background:#f1f2f5}.cloud-sync-panel[data-status="error"]{border-color:#433cda;background:#f5f6f7}body.cloud-loading::after{content:'Cargando tu diario…';position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(248,250,253,.94);color:#323855;font-size:14px;font-weight:700;letter-spacing:.02em;pointer-events:all}
@media(max-width:820px){.cloud-sync-panel{margin-left:0;margin-right:0}.cloud-sync-actions{gap:5px}.cloud-action{min-height:32px}}

.brand-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#5963d8;color:#fff;box-shadow:0 5px 14px rgba(68,78,180,.2)}.brand-mark svg{display:block;width:23px;height:23px;overflow:visible}.brand-mark path{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:#8fe1d4}.brand-dot{color:#5963d8}

/* Balanced cool palette: clear surfaces with indigo actions and teal progress. */
:root{--bg:#f4f6fb;--panel:#fff;--panel-2:#edf2f8;--line:#dfe6f0;--text:#1d2c46;--muted:#61738b;--dim:#8391a5;--accent:#5364d7;--accent-soft:#777dcc;--accent-teal:#269b90;--star:#bd842a;--danger:#c34f60;color-scheme:light;background:var(--bg)}
body{background:radial-gradient(ellipse at 90% -10%,rgba(83,100,215,.08),transparent 38rem),linear-gradient(135deg,#f8fafd 0%,#f2f6fa 100%);color:var(--text)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.result-open:focus-visible,.result-add:focus-visible,.cloud-action:focus-visible{outline:3px solid rgba(83,100,215,.38);outline-offset:2px}
.sidebar{background:#edf2f8;border-right:1px solid #dfe6f0;box-shadow:5px 0 28px rgba(39,55,91,.035)}
.brand{color:#22334f}.brand-mark{background:var(--accent);color:#fff;border-radius:12px;box-shadow:0 5px 14px rgba(83,100,215,.18)}.brand-mark circle{fill:#8fe1d4}.brand-dot{color:var(--accent)}
.side-label{color:#7e8da4}.nav-item{color:#5d6e87}.nav-item:hover{background:#e4eaf4;color:#263752}.nav-item.active{background:#e3e9fb;color:#253451;box-shadow:inset 3px 0 var(--accent)}.nav-item.active .nav-icon,.nav-icon{color:#7686a1}.nav-count{background:#e4eaf4;color:#52647f}.tiny-add{color:#61748f}
.storage-note{border-color:#dfe6f0;background:#f8fafd;box-shadow:0 4px 12px rgba(44,60,96,.035)}.storage-icon{color:var(--accent-teal)}.storage-note strong,.profile strong{color:#34445e}.storage-note small,.profile small{color:#8290a4}.profile{border-top-color:#dfe6f0}.avatar{background:#d9eeea;color:#28645e;border-color:#f8fbfd}
.topbar{background:rgba(248,250,253,.93);border-bottom-color:#e2e8f1;box-shadow:0 3px 16px rgba(44,60,96,.035)}.breadcrumb{color:#8290a4}.breadcrumb b{color:#c0cad8}.breadcrumb strong{color:#43546f}.top-search{background:#fff;border-color:#dfe6f0;color:#7b8ba2;border-radius:12px;box-shadow:0 2px 8px rgba(44,60,96,.035)}.top-search kbd{border-color:#e0e7f0;color:#70819a;background:#f5f8fc}
.site-footer{border-top-color:#e2e8f1;color:#8290a4}.site-footer a{color:#5268a8}.eyebrow{color:#5364c7}
.page-head h1,.welcome-banner h2,.section-row h2,.detail-content h1,.modal-head h2{color:#22334f}.page-head p{color:#667891}
.btn{background:#fff;border-color:#dce4ef;color:#3d4f69;border-radius:11px;box-shadow:0 2px 6px rgba(44,60,96,.04)}.btn:hover{background:#f1f5fb;border-color:#c9d5e6;color:#263751}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 5px 13px rgba(83,100,215,.18)}.btn-primary:hover{background:#4354c1;border-color:#4354c1;color:#fff}.btn-danger{color:var(--danger)}
.welcome-banner{background:linear-gradient(115deg,#e9edff 0%,#eef2fb 55%,#e7f4f1 100%);border:1px solid #dce4f3;border-radius:23px;box-shadow:0 12px 32px rgba(43,65,112,.07),inset 0 1px rgba(255,255,255,.72)}.welcome-banner:after{background:radial-gradient(circle,rgba(83,100,215,.12),transparent 70%)}.welcome-banner .eyebrow{color:#4d5fc4}.welcome-banner p{color:#62728b}.banner-stat strong{color:#263751}.banner-stat span{color:#70809a}.text-button{color:#4f60c6}.text-button:hover{color:#3547aa;text-decoration:underline}
.show-card{background:#fff;border-color:#e0e7f0;box-shadow:0 5px 17px rgba(44,60,96,.055)}.show-card:hover{border-color:#c6d1e3;box-shadow:0 12px 23px rgba(44,60,96,.10)}.poster-wrap{background:#eaf0f7}.poster-fallback{background:linear-gradient(145deg,#7884d9,#a4b0e4 62%,#65b4a8);color:#fff}.card-type{background:rgba(27,40,64,.82);color:#fff;border-radius:7px}.card-title{color:#263751}.card-year,.progress-meta{color:#7888a0}.progress-track{background:#e7edf4}.progress-fill{background:var(--accent-teal)}.rating,.rating-button.is-rated,.rating-stars button.on{color:var(--star)}.card-actions .btn{background:#f6f8fc}.card-actions .btn-primary{background:var(--accent);color:#fff}
.episode-row,.season-block,.list-card,.settings-card{background:#fff;border-color:#e0e7f0;box-shadow:0 4px 13px rgba(44,60,96,.045)}.episode-date{background:#eef3f8;color:#344762}.episode-date small,.episode-info small,.season-head small{color:#7a8ba2}.episode-flag,.status-pill{background:#edf2f8;color:#596d88}
.empty-state{background:rgba(255,255,255,.78);border-color:#d5dfec;color:#5d6e87}.empty-icon{border-color:#d4deec;color:var(--accent-teal);background:#eff6f6}.empty-state h3{color:#263751}.empty-state p{color:#73839a}.toolbar-search,.filter-tabs{background:#fff;border-color:#e0e7f0;color:#354761}.filter-tab{color:#6e7f98}.filter-tab.active{background:#e8edfb;color:#2d3e5a}
.detail-hero{background:#fff;border-color:#e0e7f0;box-shadow:0 7px 20px rgba(44,60,96,.055)}.detail-poster{background:#eaf0f7}.detail-meta{color:#71829a}.detail-summary{color:#52647e}.detail-progress .progress-track{background:#e7edf4}.season-head{color:#354761}.season-head .chevron{color:#71829a}.season-episodes{border-top-color:#e6ebf2}.episode-detail{border-bottom-color:#edf1f6}.episode-number{color:#7a8ba2}.episode-detail-main small{color:#7b8ba1}.episode-check{border-color:#cbd6e5;background:#fff}.episode-check.watched{background:var(--accent-teal);border-color:var(--accent-teal);color:#fff}.note-chip{color:#7a8ba2}.note-chip.has-note{color:var(--star)}
.modal-backdrop{background:rgba(22,34,56,.42)}.modal{border-color:#dfe6f0;background:#fff;box-shadow:0 26px 80px rgba(30,47,79,.20)}.modal-head,.modal-footer{border-color:#e7edf4}.modal-close{color:#7a8ba2}.modal-body{color:#40536e}.form-field label{color:#63758f}.form-field input,.form-field textarea,.form-field select{border-color:#dce4ef;background:#fbfcfe;color:#273953}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(83,100,215,.14)}.form-hint{color:#8190a5}.modal-note{color:#63758f}.note-preview{background:#f5f8fc;border-color:#e0e7f0;color:#51637d}
.search-result{background:#fff;border-color:#e5ebf3}.search-result:hover{background:#f5f8fc;border-color:#cdd8e8}.result-poster{background:#eaf0f7;color:#71829a}.result-copy strong{color:#2b3e59}.result-copy small{color:#7c8ca2}.result-add{border-color:#d9e2ee;color:#5364c7;background:#fbfcfe}.result-add.added{color:#71809a;border-color:#e0e7f0;background:#f4f7fb}.result-kind{color:#7c8ba1}.search-status,.no-results{color:#71819a}.result-open:focus-visible,.result-add:focus-visible,.cloud-action:focus-visible{outline-color:rgba(83,100,215,.38)}
.list-card h3,.settings-card h3{color:#2a3d58}.list-card p,.settings-card p{color:#7888a0}.list-icon{color:var(--accent-soft)}.subtle-separator,.list-item-row{border-color:#e5ebf3}.list-item-row .item-name{color:#40536e}.remove-list-item{color:#7d8ca1}
.toast{background:#fff;border-color:#dfe6f0;color:#334660;box-shadow:0 8px 28px rgba(30,47,79,.14)}.toast.success{border-color:#83c8bb}.toast.error{border-color:#e4a6ad}.danger-zone{border-color:#e9c2c7}.danger-zone h3{color:var(--danger)}.back-button{color:#71819a}.check-list-item{border-bottom-color:#e5ebf3;color:#40536e}.check-list-item input{accent-color:var(--accent)}
.popular-series-section{border-color:#dfe6f0;background:linear-gradient(145deg,#fff,#f4f7fb)}.popular-series-section h3,.catalog-detail-heading h3,.catalog-detail-section h4{color:#344760}.popular-catalog-status{color:#75859c}.popular-show-result .popular-score,.catalog-detail-rating{color:var(--star)}.catalog-detail-poster{background:#eaf0f7;color:#6680bc}.catalog-detail-meta,.catalog-source-note,.catalog-detail-rating span{color:#7788a0}.catalog-tags .catalog-tag{border-color:#dce4ef;color:#667892}.catalog-detail-section{border-top-color:#e5ebf3}.catalog-detail-summary,.catalog-unavailable{color:#5c6f88}.catalog-cast li{border-color:#e4ebf3;background:#fbfcfe}.catalog-cast strong{color:#40536e}.catalog-cast small{color:#7b8ca2}.catalog-source-note a{color:#5268a8}.catalog-cast-photo{background:#e7f2f0;color:#488c84}
.cloud-sync-panel{border-color:#dfe6f0;background:#f8fafd;color:#344760;box-shadow:0 4px 12px rgba(44,60,96,.035)}.cloud-sync-icon{background:#e3f3ef;color:#248f84}.cloud-sync-heading small{color:#73849a}.cloud-action{border-color:#dce4ef;background:#fff;color:#50637d}.cloud-action:hover{background:#f0f5f8}.cloud-action-primary{border-color:var(--accent);background:var(--accent);color:#fff}.cloud-action-primary:hover{background:#4354c1}.cloud-sync-panel[data-status="conflict"]{border-color:#e9cb90;background:#fff8ea}.cloud-sync-panel[data-status="error"]{border-color:#e8b9bf;background:#fff5f6}body.cloud-loading::after{background:rgba(248,250,253,.94);color:#344760}
@media(max-width:820px){.sidebar{background:#edf2f8;box-shadow:20px 0 50px rgba(39,55,91,.13)}.topbar{background:rgba(248,250,253,.96)}.mobile-menu{color:#52647e}}