:root{
  color-scheme:dark;
  --bg:#090a18;--bg-soft:#0e1024;--surface:#15182f;--surface-raised:#1b2040;--surface-high:#242a50;
  --line:#343b67;--line-soft:rgba(160,169,226,.16);--text:#f7f7ff;--text-soft:#d6d9f1;--muted:#b2b8d7;--muted-2:#929abd;
  --purple:#9565ff;--purple-strong:#7c3aed;--pink:#f18bd5;--cyan:#66d8f4;--green:#5be0ac;--amber:#ffca76;--red:#ff718c;
  --shadow:0 22px 70px rgba(0,0,0,.42);--radius:18px;
}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 72% -8%,rgba(100,55,186,.25),transparent 34%),radial-gradient(ellipse at 5% 45%,rgba(49,74,155,.13),transparent 32%),linear-gradient(145deg,#080916 0%,#0c0d20 52%,#100b20 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}
button,input,select,textarea{font:inherit}
button{color:inherit;cursor:pointer}
a{color:#cbb7ff;text-underline-offset:3px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
button:disabled{opacity:.55;cursor:not-allowed}
.hidden{display:none!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;min-height:650px;display:flex;flex-direction:column;padding:26px 18px 18px;background:rgba(9,11,29,.96);border-right:1px solid var(--line-soft);z-index:5}
.brand{display:flex;align-items:center;gap:12px;padding:2px 7px 40px;color:var(--text);text-decoration:none}
.brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:15px;background:linear-gradient(145deg,#f3b3ff,#9c68ff 52%,#4b8bff);box-shadow:0 8px 26px rgba(124,58,237,.38);font-size:27px;font-weight:800;color:white}
.brand-copy strong{display:block;font-family:Poppins,Inter,sans-serif;font-size:23px;line-height:1.05;letter-spacing:-.7px;background:linear-gradient(90deg,#c4a7ff,#f3a0dc);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-copy small{display:block;margin-top:5px;color:#c1c6e4;font-size:9px;font-weight:700;letter-spacing:1.05px}
.nav-caption{padding:0 10px 10px;color:#9da5cb;font-size:10px;font-weight:800;letter-spacing:1.3px}
.nav-list{display:grid;gap:6px}
.nav-item{width:100%;min-height:46px;display:flex;align-items:center;gap:13px;padding:10px 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:#d5d9f1;text-align:left;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,transform .18s}
.nav-icon{width:22px;flex:none;color:#c0a9ff;text-align:center;font-size:20px;line-height:1}
.nav-item:hover{background:rgba(132,92,232,.14);border-color:rgba(174,146,255,.2);transform:translateX(2px)}
.nav-item.active{background:linear-gradient(105deg,#7139df,#8a42eb);border-color:rgba(224,203,255,.48);color:white;box-shadow:0 8px 24px rgba(105,54,220,.3)}
.nav-item.active .nav-icon{color:white}
.sidebar-callout{display:flex;gap:11px;margin:27px 3px 18px;padding:14px 12px;border:1px solid rgba(91,224,172,.24);border-radius:14px;background:rgba(26,92,81,.14)}
.callout-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:10px;background:rgba(91,224,172,.13);color:var(--green);font-size:16px}
.sidebar-callout strong{display:block;color:#e9fff6;font-size:11px}
.sidebar-callout p{margin:4px 0 0;color:#c0d8d2;font-size:10px;line-height:1.5}
.profile-area{margin-top:auto;padding:16px 3px 0;border-top:1px solid var(--line-soft)}
.profile-stack{display:grid;gap:6px;margin:4px 0 10px}
.profile-chip{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:5px 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text-soft);text-align:left}
.profile-chip:hover,.profile-chip.active{background:rgba(125,94,221,.15);border-color:rgba(169,145,255,.28)}
.avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(145deg,#53c7e8,#7356e8);color:white;font-size:13px;font-weight:800}
.profile-chip:nth-child(2) .avatar{background:linear-gradient(145deg,#f18acb,#8655e9)}
.profile-chip:nth-child(3) .avatar{background:linear-gradient(145deg,#f3bb70,#df659d)}
.profile-chip strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.profile-crown{color:#ffd47c}
.switch-profile{width:100%;min-height:40px;border:1px solid var(--line);border-radius:11px;background:#11152e;color:#d8dcf4;font-size:11px;font-weight:600}
.switch-profile span{margin-right:7px;color:#c8aaff;font-size:15px}
.switch-profile:hover{background:#1b2042;border-color:#7460b9}
.sidebar-footer{padding:18px 7px 0;color:var(--muted-2);font-size:10px}
.sidebar-footer>span:not(.footer-mark){padding:0 4px}
.footer-mark{color:#e6a3ef;margin-right:5px}
.main-content{width:100%;max-width:1740px;min-width:0;margin:0 auto;padding:30px clamp(22px,3.4vw,58px) 26px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 27px}
.page-heading>span,.section-heading>div>span{display:block;color:#aeb5d9;font-size:10px;font-weight:800;letter-spacing:1.35px}
.page-heading h1{margin:5px 0 0;font-family:Poppins,Inter,sans-serif;font-size:25px;line-height:1.2;letter-spacing:-.65px}
.top-actions{display:flex;align-items:center;gap:10px}
.top-search{height:44px;width:min(330px,34vw);display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #3b416d;border-radius:25px;background:#10132a;color:#d1d5ef;text-align:left}
.top-search:hover{border-color:#8e72d8;background:#151936}
.top-search>span:nth-child(2){flex:1;color:#c2c7e2;font-size:12px}
.search-symbol{color:#c9adff;font-family:Arial,sans-serif;font-size:24px;line-height:1}
kbd{padding:3px 6px;border:1px solid #42486f;border-radius:5px;color:#aeb5d8;font:10px Inter,sans-serif}
.icon-button,.top-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#151832;color:#e0d3ff;font-size:17px}
.icon-button:hover{border-color:#9475ed;background:#211b45}
.top-avatar{border-color:#d59be9;background:linear-gradient(145deg,#e58ed1,#7356e8);color:white;font-size:14px;font-weight:800}
.view{animation:fade-in .2s ease-out}
@keyframes fade-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-panel{position:relative;isolation:isolate;min-height:300px;overflow:hidden;margin:0 0 22px;border:1px solid rgba(172,144,255,.4);border-radius:22px;background:linear-gradient(105deg,#151332 0%,#211746 56%,#1a173d 100%);box-shadow:0 18px 48px rgba(0,0,0,.26)}
.hero-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 35%,rgba(153,91,255,.24),transparent 45%),linear-gradient(90deg,rgba(15,14,39,.1),rgba(15,14,39,.7) 65%,rgba(15,14,39,.2))}
.hero-content{position:relative;z-index:2;max-width:640px;padding:32px 38px 42px}
.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(190,164,255,.4);border-radius:30px;background:rgba(113,79,202,.2);color:#f0eaff;font-size:10px;font-weight:800;letter-spacing:1px}
.eyebrow-pill i{width:7px;height:7px;border-radius:50%;background:#f29be0;box-shadow:0 0 12px rgba(242,155,224,.8)}
.hero-content h2,.order-intro h2{margin:18px 0 10px;font-family:Poppins,Inter,sans-serif;font-size:clamp(30px,3.2vw,42px);line-height:1.12;letter-spacing:-1.3px}
.hero-content h2 em,.order-intro h2 em{font-style:normal;background:linear-gradient(90deg,#c3aaff,#f49cda);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-content p,.order-intro p{max-width:530px;margin:0 0 20px;color:#e0ddf5;font-size:14px;line-height:1.75}
.primary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:1px solid rgba(228,205,255,.35);border-radius:12px;background:linear-gradient(105deg,#7039e4,#8d43ed 55%,#a44de8);color:white;font-size:13px;font-weight:800;box-shadow:0 7px 22px rgba(101,49,219,.28);transition:filter .18s,transform .18s}
.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.primary-button.compact{min-height:40px;padding:8px 13px;font-size:12px}
.hero-footnote{margin-top:25px;color:#c3c2e1;font-size:11px;letter-spacing:.3px}
.hero-footnote span{color:#f2a4e0;margin-right:7px}.hero-footnote b{padding:0 6px;color:#8d85bb}
.hero-art{position:absolute;z-index:1;top:0;right:0;bottom:0;width:min(42%,500px);overflow:hidden;opacity:.88;pointer-events:none}
.hero-art::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#1b173f 0%,rgba(27,23,63,.72) 14%,rgba(27,23,63,.12) 52%,rgba(27,23,63,.12) 100%)}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.88) contrast(1.03)}
.hero-glow{position:absolute;z-index:0;right:22%;top:-100px;width:330px;height:330px;border-radius:50%;background:rgba(147,84,255,.16);filter:blur(80px);pointer-events:none}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 31px}
.stat-card{min-width:0;display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line-soft);border-radius:15px;background:linear-gradient(135deg,#171a36,#1a1d3c);box-shadow:0 8px 22px rgba(0,0,0,.13)}
.stat-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:rgba(151,109,255,.17);color:#d9c7ff;font-size:19px}
.stat-card:nth-child(2) .stat-icon{background:rgba(102,216,244,.14);color:#9beaff}.stat-card:nth-child(3) .stat-icon{background:rgba(91,224,172,.13);color:#83f4c5}.stat-card:nth-child(4) .stat-icon{background:rgba(255,202,118,.13);color:#ffdb9f}
.stat-card strong{display:block;font-size:23px;line-height:1.1}.stat-card small{display:block;margin-top:4px;color:#c4c9e4;font-size:11px}
.content-section{margin:0 0 34px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:25px 0 15px}
.section-heading h2{margin:4px 0 0;font-family:Poppins,Inter,sans-serif;font-size:20px;letter-spacing:-.35px}
.text-action{padding:7px 0;border:0;background:transparent;color:#d1c0ff;font-size:12px;font-weight:700}
.text-action:hover{color:white}.text-action b{padding-left:5px;font-size:16px}
.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,205px));justify-content:start;gap:22px 18px;align-items:start}
.anime-rail{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:17px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 15px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#55458e transparent}
.anime-rail .anime-card{flex:0 0 clamp(158px,15vw,190px);scroll-snap-align:start}
.anime-rail::-webkit-scrollbar{height:7px}.anime-rail::-webkit-scrollbar-thumb{border-radius:9px;background:#55458e}.anime-rail::-webkit-scrollbar-track{background:transparent}
.anime-card{min-width:0;cursor:pointer;outline:none}
.anime-card:focus-visible .poster-wrap{outline:3px solid var(--cyan);outline-offset:3px}
.poster-wrap{position:relative;overflow:hidden;aspect-ratio:2/2.85;border:1px solid rgba(171,171,225,.22);border-radius:13px;background:linear-gradient(145deg,#22264a,#15172e);box-shadow:0 9px 22px rgba(0,0,0,.18);transition:transform .18s,border-color .18s,box-shadow .18s}
.anime-card:hover .poster-wrap{transform:translateY(-4px);border-color:#9a78ef;box-shadow:0 16px 30px rgba(0,0,0,.28)}
.poster{width:100%;height:100%;display:block;object-fit:cover}
.poster-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:linear-gradient(145deg,#24244d,#18152f);color:#d7c8ff;text-align:center;font-family:Poppins,Inter,sans-serif;font-size:15px;font-weight:700}
.poster-rating{position:absolute;top:9px;right:9px;padding:5px 8px;border:1px solid rgba(255,224,150,.35);border-radius:20px;background:rgba(13,13,28,.9);color:#ffdc91;font-size:11px;font-weight:800}
.anime-card>strong{display:block;margin:10px 2px 3px;overflow:hidden;color:#f8f7ff;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.anime-card>small{display:block;margin:0 2px;color:#c0c6e3;font-size:11px}
.card-status{display:inline-flex;align-items:center;gap:6px;margin:8px 2px 0;padding:4px 8px;border:1px solid #465078;border-radius:20px;background:#1a203d;color:#d9def4;font-size:10px;font-weight:700}
.card-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#a9b3d9}
.card-status.finished::before{background:var(--green)}.card-status.watching::before{background:var(--cyan)}.card-status.planned::before{background:var(--amber)}.card-status.dropped::before{background:var(--red)}
.empty-state{grid-column:1/-1;padding:35px 20px;border:1px dashed #4b507b;border-radius:16px;background:rgba(24,27,57,.6);text-align:center}
.empty-state>span{display:block;margin-bottom:8px;color:#c4aaff;font-size:30px}.empty-state h3{margin:0 0 6px;font-size:16px}.empty-state p{margin:0 0 15px;color:var(--muted);font-size:13px}
.page-section-heading{margin:3px 0 19px}.page-section-heading h2{font-size:24px}.section-intro{max-width:750px;margin:-5px 0 22px;color:var(--muted);font-size:13px}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.filter-chip{min-height:36px;padding:7px 13px;border:1px solid #41476f;border-radius:22px;background:#141832;color:#d3d8ef;font-size:12px;font-weight:700}
.filter-chip:hover{border-color:#8d70dc}.filter-chip.active{border-color:#a88aff;background:#5131a1;color:white}
.order-intro{position:relative;overflow:hidden;margin-bottom:25px;padding:30px 34px;border:1px solid rgba(172,144,255,.35);border-radius:20px;background:radial-gradient(ellipse at 85% 0%,rgba(145,82,255,.24),transparent 45%),linear-gradient(120deg,#171633,#21183e)}
.order-intro h2{font-size:32px}.order-intro p{font-size:13px}
.orders-list{display:grid;gap:14px}
.order-franchise{padding:18px;border:1px solid var(--line-soft);border-radius:16px;background:#15182f}
.order-franchise-head{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.order-franchise-head img{width:54px;height:72px;object-fit:cover;border-radius:8px}
.order-franchise-head h3{margin:0;font-size:15px}.order-franchise-head p{margin:4px 0 0;color:var(--muted);font-size:11px}
.order-franchise-items{display:grid;gap:8px}
.order-overview-row{display:flex;align-items:center;gap:11px;padding:9px;border:1px solid #343b63;border-radius:11px;background:#1b2040}
.order-overview-row img{width:39px;height:52px;object-fit:cover;border-radius:6px}.order-overview-row .order-overview-copy{flex:1;min-width:0}.order-overview-row strong{display:block;font-size:12px}.order-overview-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.app-footer{display:flex;justify-content:space-between;gap:16px;margin-top:45px;padding:16px 3px 0;border-top:1px solid var(--line-soft);color:var(--muted-2);font-size:10px}.app-footer strong{color:#e8d8ff;font-size:11px}
/* dialogs */
.overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;background:rgba(4,5,17,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dialog{position:relative;width:min(100%,760px);max-height:min(92vh,980px);overflow:auto;border:1px solid #55518b;border-radius:20px;background:linear-gradient(145deg,#1b1d3e,#15172f 70%);box-shadow:var(--shadow)}
.close-button{position:absolute;z-index:5;top:15px;right:15px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #5a5c85;border-radius:12px;background:rgba(38,41,78,.95);color:#f5f2ff;font-size:24px;line-height:1}
.close-button:hover{background:#49367e;border-color:#b99cff}
.profile-dialog{width:min(520px,100%);padding:34px}
.dialog-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border:1px solid rgba(193,157,255,.42);border-radius:14px;background:linear-gradient(145deg,rgba(137,87,237,.34),rgba(53,85,167,.25));color:#e2caff;font-size:22px}
.dialog-eyebrow{display:block;margin-top:15px;color:#c3b0ec;font-size:10px;font-weight:800;letter-spacing:1.4px}
.profile-dialog h2,.info-dialog h2{margin:5px 0 7px;font-family:Poppins,Inter,sans-serif;font-size:24px}
.profile-dialog>p{margin:0 0 18px;color:var(--text-soft);font-size:13px}
.profile-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}
.profile-choice{min-height:58px;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #464c78;border-radius:12px;background:#22264a;color:white;text-align:left}
.profile-choice:hover{border-color:#b08eff;background:#2a2857}
.profile-choice .avatar{width:36px;height:36px}.profile-choice strong{font-size:13px}
.new-profile{display:flex;gap:9px;margin:14px 0}
.new-profile input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #4a507b;border-radius:11px;background:#0d1027;color:white;font-size:13px}
.new-profile input::placeholder{color:#9fa7ca}
.profile-dialog>small{display:block;color:#b5bad9;font-size:11px;line-height:1.55}
.search-dialog{width:min(930px,100%);padding:30px 30px 22px}
.search-heading{display:flex;align-items:center;gap:14px;padding-right:48px}
.search-heading .dialog-eyebrow{margin:0}.search-heading h2{margin:4px 0 2px;font-family:Poppins,Inter,sans-serif;font-size:24px;letter-spacing:-.5px}.search-heading p{margin:0;color:var(--muted);font-size:13px}
.search-field{height:52px;display:flex;align-items:center;gap:12px;margin:22px 0 14px;padding:0 15px;border:1px solid #7862b5;border-radius:13px;background:#0c1028;box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.search-field>span{color:#d4bdff;font-size:25px}.search-field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:white;font-size:15px}.search-field input::placeholder{color:#a7adce}
.search-results{display:grid;gap:8px;max-height:min(55vh,560px);overflow:auto;padding:1px 4px 4px 1px}
.search-result{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:88px;padding:10px;border:1px solid #41486f;border-radius:13px;background:#222747}
.search-result:hover{border-color:#9174dd;background:#282d53}
.search-result>img{width:58px;height:68px;object-fit:cover;border-radius:8px;background:#10132a}
.search-result-copy{min-width:0}.search-result-copy strong{display:block;overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.search-result-copy span{display:block;margin-top:4px;color:#c5cbe5;font-size:11px}.search-result-copy small{display:block;margin-top:3px;color:#aeb6d7;font-size:10px}
.search-result-actions{display:flex;align-items:center;gap:9px}.result-score{color:#ffdc91;font-size:12px;font-weight:800;white-space:nowrap}
.result-state{max-width:150px;padding:5px 8px;border:1px solid #53618a;border-radius:20px;background:#192a3a;color:#c8f6e4;font-size:10px;font-weight:800;text-align:center}
.result-state.planned{border-color:#806742;background:#382d22;color:#ffe0ad}.result-state.finished{border-color:#347c66;background:#183a35;color:#9cf0cb}.result-state.dropped{border-color:#8e405c;background:#482338;color:#ffc0cf}
.result-open{min-height:36px;padding:7px 11px;border:1px solid #8f73db;border-radius:10px;background:#30245c;color:#f0eaff;font-size:11px;font-weight:800;white-space:nowrap}.result-open:hover{background:#52368e}
.result-add{width:36px;height:36px;display:grid;place-items:center;border:1px solid #6e65a5;border-radius:10px;background:#25264e;color:#d8c5ff;font-size:19px}.result-add:hover{background:#5538a1;color:white}
.watch-order-banner{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;margin-top:14px;padding:9px 13px;border:1px solid rgba(222,194,255,.35);border-radius:13px;background:linear-gradient(100deg,#6030ca,#7b3fe8 62%,#9149e8);text-align:left}
.watch-order-banner:hover{filter:brightness(1.1)}.banner-star{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(255,255,255,.16);color:#ffe19c;font-size:19px}.watch-order-banner>span:nth-child(2){flex:1}.watch-order-banner strong{display:block;color:white;font-size:12px}.watch-order-banner small{display:block;margin-top:2px;color:#f0e5ff;font-size:10px}.watch-order-banner>b{font-size:24px}
/* detail sheet */
.detail-overlay{padding:18px}.detail-dialog{width:min(1200px,100%);max-height:95vh;padding:0;border-color:#5b5494}
.detail-close{position:sticky;float:right;margin:12px 12px -50px 0}
.detail-hero{position:relative;min-height:260px;display:flex;align-items:end;gap:22px;overflow:hidden;padding:28px 32px;background:linear-gradient(90deg,rgba(13,15,39,.97) 0%,rgba(16,17,43,.87) 55%,rgba(16,17,43,.46) 100%),var(--detail-banner,none) center 28%/cover no-repeat,linear-gradient(125deg,#24204d,#171a38)}
.detail-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#171a36 0%,transparent 58%)}
.detail-cover{position:relative;z-index:1;width:126px;height:178px;flex:none;object-fit:cover;border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 15px 34px rgba(0,0,0,.5)}
.detail-heading{position:relative;z-index:1;min-width:0;padding-bottom:6px}.detail-kicker{display:inline-flex;padding:5px 9px;border:1px solid rgba(194,167,255,.42);border-radius:20px;background:rgba(91,65,151,.38);color:#eee3ff;font-size:10px;font-weight:800}.detail-heading h2{margin:9px 0 4px;font-family:Poppins,Inter,sans-serif;font-size:clamp(23px,3vw,34px);line-height:1.15;letter-spacing:-.6px}.detail-heading>p{margin:0;color:#d5d7ef;font-size:12px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.detail-tag{padding:5px 9px;border:1px solid rgba(195,179,255,.28);border-radius:20px;background:rgba(60,55,112,.55);color:#e0d9fa;font-size:10px}
.detail-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:24px;padding:5px 28px 30px}
.detail-column{min-width:0}.detail-card{margin-top:16px;padding:17px;border:1px solid #343b66;border-radius:14px;background:rgba(30,35,68,.82)}
.detail-card h3{margin:0 0 12px;color:#f5f3ff;font-family:Poppins,Inter,sans-serif;font-size:15px;letter-spacing:-.2px}
.detail-card h4{margin:14px 0 7px;color:#f0ecff;font-size:12px}
.detail-description{color:#e0e3f5;font-size:13px;line-height:1.75;white-space:pre-line}.source-note{margin-top:9px;color:#aeb7d8;font-size:10px}
.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fact-box{min-width:0;padding:11px;border:1px solid #414a76;border-radius:11px;background:#171c39}.fact-box small{display:block;color:#b8c0df;font-size:10px}.fact-box strong{display:block;margin-top:4px;color:white;font-size:13px;overflow-wrap:anywhere}
.fact-box strong.status-running{color:#8cebc7}.fact-box strong.status-done{color:#c9b8ff}.fact-box strong.status-upcoming{color:#ffdb9b}
.trailer-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid #414a76;border-radius:12px;background:#080a18}.trailer-frame iframe{width:100%;height:100%;display:block;border:0}.trailer-caption{margin-top:8px;color:#c0c7e3;font-size:11px}
.detail-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.detail-link{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #555080;border-radius:9px;background:#242448;color:#e2d4ff;text-decoration:none;font-size:11px;font-weight:700}.detail-link:hover{border-color:#b89aff;background:#342b60}
.no-data{padding:13px;border:1px dashed #596086;border-radius:11px;background:rgba(13,17,40,.55);color:#c6cbe2;font-size:12px;line-height:1.6}.no-data strong{display:block;margin-bottom:4px;color:#f1efff}
.provider-groups{display:grid;gap:12px}.provider-group{padding:11px;border:1px solid #40486f;border-radius:11px;background:#171c39}.provider-group h4{margin:0 0 9px;color:#e5e7f7;font-size:11px}.provider-list{display:flex;flex-wrap:wrap;gap:9px}.provider-chip{min-width:0;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #3d466d;border-radius:9px;background:#242a4d;color:#f4f5ff;font-size:11px;font-weight:700}.provider-chip img{width:24px;height:24px;object-fit:contain;border-radius:5px}.provider-source{margin-top:10px;color:#aeb7d8;font-size:10px}.provider-source a{color:#cbb6ff}
.dub-status-line{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:10px;border:1px solid #465078;border-radius:10px;background:#171c39}.dub-status-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#a8b0d1}.dub-status-dot.yes{background:var(--green)}.dub-status-dot.partial{background:var(--amber)}.dub-status-dot.announced,.dub-status-dot.in_production{background:var(--cyan)}.dub-status-dot.no{background:var(--red)}.dub-status-line strong{font-size:12px}.dub-status-line small{display:block;color:var(--muted);font-size:10px}
.field{display:grid;gap:6px;margin:10px 0}.field label{color:#c9cee7;font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;min-width:0;padding:10px 11px;border:1px solid #4a527e;border-radius:10px;background:#0f132c;color:white;font-size:12px}.field select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23c9b5ff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.field select option{background:#11152e;color:#f7f4ff}.field textarea{min-height:72px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a88aff}.save-button{min-height:37px;padding:8px 12px;border:1px solid #7b69bb;border-radius:9px;background:#352764;color:#f2eaff;font-size:11px;font-weight:800}.save-button:hover{background:#4b3581}
.relation-list,.personal-ratings,.watch-order-list{display:grid;gap:8px}.relation-row,.order-row,.rating-row{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #3c456f;border-radius:11px;background:#1a2040}.relation-row img,.order-row img{width:43px;height:58px;flex:none;object-fit:cover;border-radius:6px;background:#0b0d20}.relation-copy,.order-copy{flex:1;min-width:0}.relation-copy strong,.order-copy strong{display:block;overflow:hidden;color:#f8f7ff;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.relation-copy small,.order-copy small{display:block;margin-top:3px;color:#b8c0df;font-size:10px}.small-button{min-height:34px;padding:6px 9px;border:1px solid #655a9d;border-radius:8px;background:#28234c;color:#e7ddff;font-size:10px;font-weight:800;white-space:nowrap}.small-button:hover{background:#46347a}.order-row input{flex:1;min-width:60px;padding:7px 8px;border:1px solid #4a527b;border-radius:8px;background:#10142e;color:white;font-size:10px}
.rating-row{justify-content:space-between}.rating-person{display:flex;align-items:center;gap:9px;min-width:0}.rating-person .avatar{width:28px;height:28px}.rating-person strong{font-size:11px}.rating-person small{display:block;color:var(--muted);font-size:10px}.rating-value{color:#ffdc91;font-size:12px;font-weight:800;white-space:nowrap}
.personal-form{display:grid;gap:8px}.personal-form .twocol{display:grid;grid-template-columns:1fr 1fr;gap:9px}.personal-form .primary-button{width:100%}
.detail-meta{margin-top:13px;color:#aeb6d7;font-size:10px;line-height:1.7}.detail-meta a{color:#cbb7ff}
.info-dialog{width:min(600px,100%);padding:32px}.info-dialog .dialog-eyebrow{margin-top:0}.info-dialog h2{margin-bottom:16px}.source-block{padding:13px 0;border-top:1px solid var(--line-soft)}.source-block strong{display:block;margin-bottom:4px;font-size:13px}.source-block p{margin:0;color:#c5cbe4;font-size:12px;line-height:1.65}.source-block a{color:#d3bdff}
.toast{position:fixed;z-index:80;left:50%;bottom:22px;max-width:min(90vw,520px);padding:12px 17px;border:1px solid #8170b5;border-radius:12px;background:#1d2043;color:white;font-size:12px;box-shadow:0 12px 35px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1300px){.anime-grid:not(.anime-rail){grid-template-columns:repeat(auto-fill,minmax(155px,190px))}.main-content{padding-left:28px;padding-right:28px}}
@media(max-width:980px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.detail-body{grid-template-columns:1fr}.detail-column.right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.detail-column.right-column>.detail-card{align-self:start}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:auto;height:auto;min-height:0;padding:13px 15px 10px;border-right:0;border-bottom:1px solid var(--line-soft)}.brand{padding:0 3px 12px}.brand-mark{width:38px;height:38px;border-radius:12px;font-size:22px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:8px}.nav-caption,.sidebar-callout,.profile-area,.sidebar-footer{display:none}.nav-list{display:flex;gap:6px;overflow-x:auto;padding:0 0 3px}.nav-item{width:auto;min-width:max-content;min-height:38px;padding:7px 10px;font-size:11px}.nav-icon{width:18px;font-size:16px}.main-content{padding:20px 17px 22px}.topbar{margin-bottom:19px}.page-heading h1{font-size:20px}.page-heading>span{font-size:9px}.top-search{width:43px;justify-content:center;padding:0}.top-search>span:nth-child(2),.top-search kbd{display:none}.icon-button,.top-avatar{width:38px;height:38px}.hero-panel{min-height:275px}.hero-content{max-width:75%;padding:25px 23px 40px}.hero-content h2{font-size:31px}.hero-content p{font-size:12px}.hero-art{width:45%;opacity:.72}.hero-art::before{background:linear-gradient(90deg,#1b173f 0%,rgba(27,23,63,.72) 18%,rgba(27,23,63,.18) 100%)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:11px;gap:9px}.stat-icon{width:35px;height:35px}.stat-card strong{font-size:19px}.stat-card small{font-size:10px}.anime-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 11px}.app-footer{flex-direction:column;gap:5px}.detail-dialog{max-height:96vh}.detail-hero{min-height:225px;padding:22px 18px;gap:14px}.detail-cover{width:94px;height:134px}.detail-body{padding:0 16px 22px}.detail-column.right-column{display:block}.search-dialog{padding:24px 16px 15px}.search-heading h2{font-size:20px}.search-results{max-height:52vh}.search-result{grid-template-columns:50px minmax(0,1fr) auto;gap:9px;padding:8px}.search-result>img{width:50px;height:62px}.search-result-actions{gap:5px}.result-state{display:none}.result-open{min-height:33px;padding:6px 8px;font-size:10px}.result-add{width:32px;height:32px}.detail-overlay{padding:8px}.detail-card{padding:14px}}
@media(max-width:520px){.small-button{min-height:36px}.result-open{min-height:36px}.result-add{width:34px;height:34px}.filter-chip{min-height:36px}.main-content{padding:17px 12px}.topbar{gap:8px}.page-heading h1{font-size:18px}.top-actions{gap:6px}.hero-panel{min-height:265px}.hero-content{max-width:100%;padding:22px 18px 42px}.hero-content h2{font-size:29px}.hero-content p{max-width:300px;font-size:11px}.hero-art{width:56%;opacity:.38}.hero-art::before{background:linear-gradient(90deg,#1b173f 0%,rgba(27,23,63,.8) 28%,rgba(27,23,63,.35) 100%)}.hero-footnote{font-size:9px}.stats-grid{gap:7px}.stat-card{padding:9px}.stat-icon{width:31px;height:31px;font-size:15px}.stat-card strong{font-size:17px}.stat-card small{font-size:9px}.section-heading h2{font-size:17px}.section-heading>div>span{font-size:8px}.text-action{font-size:10px}.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.anime-card>strong{font-size:12px}.anime-card>small{font-size:10px}.card-status{font-size:9px}.page-section-heading{align-items:center}.page-section-heading h2{font-size:19px}.primary-button.compact{font-size:10px;min-height:36px;padding:7px 9px}.filter-row{gap:6px}.filter-chip{min-height:33px;padding:6px 9px;font-size:10px}.overlay{padding:8px}.profile-dialog{padding:26px 18px}.profile-dialog h2{font-size:20px}.profile-choices{grid-template-columns:1fr}.new-profile{flex-direction:column}.new-profile .primary-button{width:100%}.search-dialog{padding:22px 12px 12px}.search-heading{gap:10px}.search-heading .dialog-icon{width:38px;height:38px}.search-heading h2{font-size:17px}.search-heading p{font-size:11px}.search-field{height:46px;margin:15px 0 10px}.search-field input{font-size:13px}.search-result{grid-template-columns:44px minmax(0,1fr) auto;gap:7px;min-height:72px;padding:7px}.search-result>img{width:44px;height:56px}.search-result-copy strong{font-size:11px}.search-result-copy span,.search-result-copy small{font-size:9px}.result-score{display:none}.result-open{min-width:54px;min-height:30px;padding:5px 6px;font-size:9px}.result-add{width:29px;height:29px}.watch-order-banner{min-height:48px;padding:7px 9px}.watch-order-banner strong{font-size:10px}.watch-order-banner small{font-size:8px}.banner-star{width:29px;height:29px}.detail-hero{min-height:190px;padding:18px 13px;gap:10px}.detail-cover{width:76px;height:108px}.detail-heading h2{font-size:19px}.detail-heading>p{font-size:10px}.detail-kicker{font-size:8px}.detail-tag{font-size:8px;padding:4px 7px}.detail-body{padding:0 10px 18px;gap:0}.detail-card{padding:12px;margin-top:12px}.detail-card h3{font-size:13px}.detail-description{font-size:11px}.detail-facts{gap:6px}.fact-box{padding:9px}.fact-box small{font-size:9px}.fact-box strong{font-size:11px}.relation-row,.order-row{gap:7px;padding:7px}.relation-row img,.order-row img{width:35px;height:47px}.relation-copy strong,.order-copy strong{font-size:10px}.relation-copy small,.order-copy small{font-size:8px}.small-button{min-height:30px;padding:5px 7px;font-size:8px}.order-row input{font-size:9px}.personal-form .twocol{grid-template-columns:1fr 1fr}.order-intro{padding:23px 17px}.order-intro h2{font-size:25px}.order-intro p{font-size:11px}.info-dialog{padding:26px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* NixAnime 2.1 – klare Löschaktionen */
.danger-button{width:100%;min-height:40px;padding:9px 13px;border:1px solid rgba(255,126,151,.48);border-radius:10px;background:rgba(105,31,59,.28);color:#ffb4c2;font-size:11px;font-weight:800;transition:background .18s,border-color .18s}
.danger-button:hover{background:rgba(145,39,71,.46);border-color:#ff8da8;color:#fff0f3}
.collection-danger-card{border-color:rgba(255,126,151,.28);background:linear-gradient(145deg,rgba(75,28,56,.32),rgba(30,35,68,.82))}
.collection-danger-card p{margin:0 0 12px;color:#c9c4dc;font-size:11px;line-height:1.65}
.anime-rail .anime-card>strong{font-size:12px}
.anime-rail .poster-wrap{border-radius:14px}
.field select:focus-visible,.danger-button:focus-visible{outline:2px solid #c2aaff;outline-offset:2px}
@media(max-width:760px){.anime-rail .anime-card{flex-basis:clamp(140px,39vw,175px)}.anime-rail{gap:12px}.collection-danger-card p{font-size:10px}}

/* NixAnime 2.1 – breite, Netflix-inspirierte Listen statt einzelner Poster-Spalten */
.anime-list{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;width:100%}
.anime-row-card{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr) 150px;align-items:center;gap:17px;padding:12px 14px;border:1px solid rgba(103,111,166,.34);border-radius:15px;background:linear-gradient(105deg,rgba(28,32,64,.96),rgba(20,23,47,.96));box-shadow:0 7px 20px rgba(0,0,0,.12);cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}
.anime-row-card:hover{transform:translateY(-2px);border-color:rgba(169,137,255,.72);background:linear-gradient(105deg,rgba(39,39,83,.98),rgba(23,26,55,.98));box-shadow:0 12px 25px rgba(0,0,0,.2)}
.anime-row-card:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.row-cover-wrap{width:72px;height:100px;overflow:hidden;border:1px solid rgba(184,163,255,.25);border-radius:10px;background:#171a35;box-shadow:0 5px 14px rgba(0,0,0,.22)}
.row-cover{width:100%;height:100%;display:block;object-fit:cover}
.row-content{min-width:0}
.row-head{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:3px}
.row-head>strong{min-width:0;color:#faf8ff;font-family:Poppins,Inter,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.2px}
.row-rating{padding:3px 7px;border:1px solid rgba(255,213,126,.28);border-radius:20px;background:rgba(112,81,35,.2);color:#ffdc9c;font-size:10px;font-weight:800}
.row-meta{display:block;color:#aeb6d8;font-size:10px;font-weight:600}
.row-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:7px 0 9px;color:#d0d4e9;font-size:11px;line-height:1.55}
.row-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.row-status,.row-extra{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border:1px solid #465078;border-radius:20px;background:#1a203d;color:#dce0f4;font-size:9px;font-weight:800}
.row-status.finished{border-color:rgba(91,224,172,.35);background:rgba(35,115,91,.16);color:#9bf0cc}
.row-status.watching{border-color:rgba(102,216,244,.35);background:rgba(38,108,140,.17);color:#a5eaff}
.row-status.planned{border-color:rgba(255,202,118,.32);background:rgba(128,92,34,.17);color:#ffdf9e}
.row-status.dropped{border-color:rgba(255,126,151,.34);background:rgba(130,42,68,.18);color:#ffb4c2}
.row-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.row-open,.row-remove{min-height:36px;padding:7px 10px;border:1px solid #66539e;border-radius:9px;background:rgba(85,57,151,.22);color:#e9ddff;font-size:10px;font-weight:800;text-align:center}
.row-open:hover{border-color:#b69aff;background:rgba(119,79,207,.36);color:white}
.row-open span{padding-left:5px;font-size:14px}
.row-remove{border-color:rgba(255,126,151,.28);background:rgba(115,37,65,.16);color:#ffb4c2}
.row-remove:hover{border-color:#ff8da8;background:rgba(145,39,71,.4);color:#fff0f3}
.anime-list>.empty-state{grid-column:1/-1}
@media(max-width:760px){.anime-list{gap:9px}.anime-row-card{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:9px}.row-cover-wrap{width:58px;height:82px}.row-head>strong{font-size:13px}.row-description{font-size:10px;margin:5px 0 7px;-webkit-line-clamp:2}.row-actions{grid-column:2;flex-direction:row;justify-content:flex-start;align-items:center}.row-open,.row-remove{min-height:32px;padding:6px 9px;font-size:9px}.row-status,.row-extra{min-height:21px;font-size:8px}}
@media(max-width:420px){.anime-row-card{grid-template-columns:50px minmax(0,1fr);gap:9px}.row-cover-wrap{width:50px;height:72px}.row-head>strong{font-size:12px}.row-description{display:none}.row-meta{font-size:9px}.row-actions{margin-top:2px}}