:root{--bg: #0b0e14;--bg-elev: #11151f;--bg-card: #161b28;--bg-hover: #1d2434;--border: #262e40;--text: #e9edf5;--text-muted: #93a0b4;--accent: #e5323e;--accent-2: #ff7a45;--accent-grad: linear-gradient(120deg, #e5323e, #ff7a45);--accent-shadow: rgba(229, 50, 62, .35);--accent-soft: rgba(229, 50, 62, .14);--accent-glow: rgba(229, 50, 62, .28);--danger: #ff4d5e;--success: #3ecf8e;--radius: 10px;--radius-sm: 6px;--nav-height: 64px;--shadow: 0 10px 40px rgba(0, 0, 0, .45);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}[data-accent=red]{--accent: #e5323e;--accent-2: #ff7a45;--accent-grad: linear-gradient(120deg, #e5323e, #ff7a45);--accent-shadow: rgba(229, 50, 62, .35);--accent-soft: rgba(229, 50, 62, .14);--accent-glow: rgba(229, 50, 62, .28)}[data-accent=orange]{--accent: #ff8c1a;--accent-2: #ffb347;--accent-grad: linear-gradient(120deg, #ff8c1a, #ffb347);--accent-shadow: rgba(255, 140, 26, .38);--accent-soft: rgba(255, 140, 26, .16);--accent-glow: rgba(255, 140, 26, .3)}[data-accent=blue]{--accent: #2f7de1;--accent-2: #4dc9ff;--accent-grad: linear-gradient(120deg, #2f7de1, #4dc9ff);--accent-shadow: rgba(47, 125, 225, .4);--accent-soft: rgba(47, 125, 225, .16);--accent-glow: rgba(47, 125, 225, .3)}[data-accent=green]{--accent: #2ea86b;--accent-2: #4de0a0;--accent-grad: linear-gradient(120deg, #2ea86b, #4de0a0);--accent-shadow: rgba(46, 168, 107, .38);--accent-soft: rgba(46, 168, 107, .16);--accent-glow: rgba(46, 168, 107, .3)}[data-accent=purple]{--accent: #8b5cf6;--accent-2: #c4a0ff;--accent-grad: linear-gradient(120deg, #8b5cf6, #c4a0ff);--accent-shadow: rgba(139, 92, 246, .4);--accent-soft: rgba(139, 92, 246, .18);--accent-glow: rgba(139, 92, 246, .32)}[data-accent=pink]{--accent: #ec4899;--accent-2: #ff8ac4;--accent-grad: linear-gradient(120deg, #ec4899, #ff8ac4);--accent-shadow: rgba(236, 72, 153, .4);--accent-soft: rgba(236, 72, 153, .18);--accent-glow: rgba(236, 72, 153, .32)}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}img{display:block;max-width:100%}input,select,textarea{font-family:inherit;font-size:.95rem;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}::selection{background:var(--accent-glow)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);transition:transform .12s,filter .15s,background .15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent-grad);color:#fff;box-shadow:0 4px 18px var(--accent-shadow)}.btn--primary:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}.btn--ghost{background:#ffffff1a;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--ghost:not(:disabled):hover{background:#ffffff2e}.btn--danger{background:var(--danger);color:#fff}.btn--danger-ghost{background:transparent;color:var(--danger);border:1px solid rgba(255,77,94,.5)}.btn--danger-ghost:not(:disabled):hover{background:#ff4d5e1f}.btn--lg{font-size:1.05rem;padding:.75rem 1.6rem}.btn--small{font-size:.85rem;padding:.35rem .8rem}.btn--block{width:100%;justify-content:center}.link-btn{color:var(--text-muted);font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--text)}.link-btn--danger{color:var(--danger)}.link-btn:disabled{opacity:.5;cursor:not-allowed}.chip{display:inline-block;padding:.15rem .6rem;font-size:.8rem;border:1px solid var(--border);border-radius:999px;color:var(--text-muted)}.chip--small{font-size:.7rem;margin-left:.4rem;padding:.05rem .45rem;color:var(--accent-2);border-color:#ff7a4566}.muted{color:var(--text-muted)}.splash{min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.splash__logo,.auth-card__logo,.navbar__logo{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.splash__logo span,.auth-card__logo span,.navbar__logo span{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1000;align-items:center}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem 1.2rem;font-size:.9rem;box-shadow:var(--shadow);animation:toast-in .25s ease;max-width:min(90vw,480px)}.toast--success{border-color:#3ecf8e80}.toast--error{border-color:#ff4d5e99}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);transition:background .25s;background:linear-gradient(to bottom,#0b0e14eb,#0b0e1400)}.navbar--solid{background:#0b0e14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(38,46,64,.6)}.navbar__inner{height:100%;max-width:1500px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem}.navbar__links{display:flex;gap:1.25rem}.navbar__links a{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .15s}.navbar__links a:hover,.navbar__links a.active{color:var(--text)}.navbar__right{margin-left:auto;display:flex;align-items:center;gap:1rem}.navbar__search{display:flex;align-items:center;gap:.5rem;background:#ffffff14;border:1px solid transparent;border-radius:999px;padding:.35rem .9rem;color:var(--text-muted);transition:border-color .15s,background .15s}.navbar__search:focus-within{border-color:var(--border);background:var(--bg-elev)}.navbar__search input{background:none;border:none;padding:0;width:130px;transition:width .2s}.navbar__search input:focus{width:190px}.navbar__user{position:relative}.navbar__avatar{width:36px;height:36px;border-radius:8px;background:var(--accent-grad);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}.navbar__menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:190px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.navbar__menu-name{padding:.7rem 1rem;font-weight:700;border-bottom:1px solid var(--border)}.navbar__menu a,.navbar__menu button{padding:.65rem 1rem;text-align:left;font-size:.92rem;color:var(--text-muted)}.navbar__menu a:hover,.navbar__menu button:hover{background:var(--bg-hover);color:var(--text)}.anime-switch{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:999px;transition:opacity .15s}.anime-switch:hover{opacity:.85}.anime-switch__track{position:relative;width:40px;height:22px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border);transition:background .2s,border-color .2s;flex-shrink:0}.anime-switch--on .anime-switch__track{background:var(--accent-grad);border-color:transparent}.anime-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px #0006}.anime-switch--on .anime-switch__thumb{transform:translate(18px)}.anime-switch__label{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase}.anime-switch--on .anime-switch__label{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.watchlist-btn{position:relative}.watchlist-btn__main--active{border:1px solid var(--accent)}.watchlist-btn__caret{font-size:.75rem;opacity:.7}.watchlist-btn__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;z-index:50;display:flex;flex-direction:column;animation:modal-in .15s ease}.watchlist-btn__menu button{padding:.65rem 1.1rem;text-align:left;font-size:.92rem;color:var(--text-muted)}.watchlist-btn__menu button:hover{background:var(--bg-hover);color:var(--text)}.watchlist-btn__menu button.active{color:var(--accent-2);font-weight:700}.watchlist-btn__remove{border-top:1px solid var(--border);color:var(--danger)!important}.listed-card{position:relative}.status-chip{position:absolute;top:.5rem;right:.5rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.18rem .55rem;border-radius:4px;background:#0b0e14d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-muted);pointer-events:none}.status-chip--watching{color:#4dc9ff}.status-chip--plan{color:#d9b845}.status-chip--completed{color:var(--success)}.status-chip--on_hold{color:#b9a0e8}.status-chip--dropped{color:var(--danger)}.app-main{min-height:100vh}.page{max-width:1500px;margin:0 auto;padding:calc(var(--nav-height) + 2rem) 2rem 4rem}.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.page-head h1{font-size:1.9rem;letter-spacing:-.02em}.page-head__filters{display:flex;gap:.75rem}.page-error{padding:calc(var(--nav-height) + 4rem) 2rem;text-align:center;color:var(--danger)}.empty-state{padding:4rem 2rem;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius)}.empty-state__hint{font-size:.9rem;margin-top:.5rem}.form-error{background:#ff4d5e1f;border:1px solid rgba(255,77,94,.45);color:#ffb3bb;border-radius:var(--radius-sm);padding:.6rem .9rem;font-size:.9rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;flex:1}.field span{font-size:.85rem;color:var(--text-muted);font-weight:500}.field--small{flex:0 0 8rem}.field-row{display:flex;gap:1rem}.check{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;cursor:pointer;font-size:.92rem}.check input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 45% at 70% 10%,rgba(229,50,62,.16),transparent),radial-gradient(ellipse 55% 40% at 20% 90%,rgba(255,122,69,.1),transparent),var(--bg)}.auth-page__glow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.auth-card{position:relative;width:100%;max-width:420px;background:#11151fe0;border:1px solid var(--border);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card__logo{margin-bottom:1.75rem}.auth-card h1{font-size:1.55rem;margin-bottom:.4rem;letter-spacing:-.02em}.auth-card__sub{color:var(--text-muted);font-size:.92rem;margin-bottom:1.75rem}.auth-card__switch{margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.auth-card__switch button{color:var(--accent-2);font-weight:600}.auth-card__switch button:hover{text-decoration:underline}.auth-card__forgot{margin-top:.5rem;color:var(--text-muted)!important;font-weight:400!important;font-size:.85rem}.auth-card__zk{margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.form-notice{background:#3ecf8e1a;border:1px solid rgba(62,207,142,.4);color:#9fe8c7;border-radius:var(--radius-sm);padding:.6rem .9rem;font-size:.9rem;margin-bottom:1rem}.recovery-gate h1{font-size:1.35rem;margin-bottom:.6rem}.recovery-code{font-family:Cascadia Code,Consolas,monospace;font-size:.95rem;letter-spacing:.04em;background:var(--bg);border:1px dashed var(--accent);border-radius:var(--radius-sm);padding:.9rem 1rem;text-align:center;margin:1.2rem 0 .5rem;cursor:copy;word-break:break-all;-webkit-user-select:all;user-select:all}.recovery-copied{text-align:center;color:var(--success);font-size:.82rem;margin-bottom:.5rem}.recovery-gate .btn--block{margin-top:.9rem}.status{font-size:.82rem;padding:.15rem .6rem;border-radius:999px;white-space:nowrap}.status--active{color:var(--success);background:#3ecf8e1f}.status--banned{color:#ffb86b;background:#ff7a4524}.status--inactive{color:var(--danger);background:#ff4d5e1f}.settings-card__hint{margin-bottom:1rem;font-size:.88rem}.watch__source-btn{gap:.4rem;padding:.5rem .7rem}.watch__source-name{font-size:.82rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch__source-menu{min-width:12rem}.watch__source-menu-head{padding:.5rem 1rem .3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.watch__source-menu button{text-align:left}.source-list{display:flex;flex-wrap:wrap;gap:.35rem}.source-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;padding:.1rem .5rem;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted)}.source-tag__delete{color:var(--danger);font-size:.7rem;line-height:1;padding:0}.episode-row__sources{display:inline-block;margin-top:.25rem;font-size:.78rem;color:var(--accent-2);font-weight:600}.role-select{padding:.3rem .5rem;font-size:.85rem}.admin-applications h3{margin-bottom:1rem;font-size:1.1rem}.admin-applications__history{margin-top:2rem}.application-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;margin-bottom:1rem}.application-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.application-card__message{color:#cdd5e1;white-space:pre-wrap;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-elev);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.application-card__actions{display:flex;gap:.75rem}.invite-banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.7rem 1rem;font-size:.92rem;margin-bottom:1.25rem}.invite-link-row{display:flex;gap:.6rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}.invite-link{flex:1;min-width:200px;font-family:Cascadia Code,Consolas,monospace;font-size:.82rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .8rem;overflow-x:auto;white-space:nowrap}.invite-list-title{font-size:.95rem;margin:1.2rem 0 .6rem}.admin-users__inviter{font-size:.75rem}.watch__embed{width:100%;height:100%;border:0;background:#000;display:block}.watch__embed-hint{font-size:.88rem;color:#ffffffbf;padding:.5rem 0}.watch__source-by{color:var(--text-muted);font-size:.8rem}.source-mode{display:flex;gap:1.25rem;margin-bottom:1rem;flex-wrap:wrap}.source-mode__option{display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.92rem}.source-mode__option input{accent-color:var(--accent)}.embed-preview{width:100%;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius-sm);background:#000;margin-bottom:1rem}.source-tag--embed{color:var(--accent-2);border-color:#ff7a4559}.invite-limit{display:flex;align-items:center;gap:.7rem;margin:.9rem 0 .6rem;font-size:.9rem;flex-wrap:wrap}.invite-limit select{width:5rem}.invite-usage{display:flex;align-items:center;gap:.7rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.invite-usage__bar{flex:1;max-width:220px;height:6px;border-radius:3px;background:var(--bg-elev);border:1px solid var(--border);overflow:hidden}.invite-usage__bar div{height:100%;background:var(--accent-grad);transition:width .2s}.invite-usage--full .invite-usage__bar div{background:var(--danger)}.invite-usage--full{color:var(--danger)}.star-rating{display:inline-flex;gap:.15rem;color:#f5c518}.star-rating__star{padding:.1rem;line-height:0;color:inherit;transition:transform .1s}.star-rating:not(.star-rating--readonly) .star-rating__star:hover{transform:scale(1.15)}.star-rating--readonly .star-rating__star{cursor:default}.star-rating--lg svg{width:34px;height:34px}.rating-block{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.rating-block__summary{display:flex;align-items:center;gap:.9rem;color:var(--text-muted);font-size:.95rem}.rating-block__summary strong{color:var(--text);font-size:1.05rem}.episode-page__crumb{display:inline-block;color:var(--text-muted);font-size:.9rem;margin-bottom:.6rem;font-weight:600}.episode-page__crumb:hover{color:var(--text)}.episode-page__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--accent-2);margin-bottom:.5rem}.episode-page__avg{color:#f5c518;font-weight:600}.episode-page__body{max-width:1100px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2.5rem}.episode-page__section h2{font-size:1.25rem;margin-bottom:1rem}.source-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;margin-bottom:1.2rem}.source-option{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-align:left;transition:border-color .15s,background .15s}.source-option:hover{border-color:var(--accent)}.source-option--active{border-color:var(--accent);background:var(--accent-soft)}.source-option__badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px;flex-shrink:0}.source-option__badge--embed{color:var(--accent-2);background:#ff7a4524}.source-option__badge--file{color:#7ab8ff;background:#7ab8ff24}.source-option__name{font-weight:600}.source-option__by{color:var(--text-muted);font-size:.82rem}.source-option__check{margin-left:auto;color:var(--accent);font-weight:800}.episode-row__badges{display:flex;gap:.6rem;margin-top:.25rem}.episode-row__rating{font-size:.78rem;color:#f5c518;font-weight:600}.watch__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s,background .15s;z-index:6}.watch__center-play:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--accent)}.watch__flash--left{left:25%}.watch__flash--right{left:75%}.watch__flash span{position:absolute;bottom:-1.4rem;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:700}.watch__icon-btn--on{color:var(--accent-2)}.watch__rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;padding:.4rem}.watch__rate-grid button{padding:.4rem 0;font-size:.82rem;color:var(--text-muted);border-radius:4px;text-align:center}.watch__rate-grid button:hover{background:var(--bg-hover);color:#fff}.watch__rate-grid button.active{color:#fff;background:var(--accent)}.watch__settings-menu{min-width:15rem;right:0}.watch__settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;padding:.7rem 1rem;border-top:1px solid var(--border);color:var(--text);font-size:.88rem}.watch__toggle{width:38px;height:21px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border);position:relative;flex-shrink:0;transition:background .15s}.watch__toggle--on{background:var(--accent-grad);border-color:transparent}.watch__toggle-knob{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}.watch__toggle--on .watch__toggle-knob{transform:translate(17px)}.watch__next-card--countdown{display:flex;flex-direction:column;padding:0;overflow:hidden}.watch__next-card-main{padding:.9rem 1.2rem;text-align:left;color:#fff}.watch__next-cancel{border-top:1px solid var(--border);padding:.55rem;font-size:.85rem;color:var(--text-muted)}.watch__next-cancel:hover{background:var(--bg-hover);color:#fff}.sd{position:relative;min-height:100vh}.sd__backdrop{position:absolute;top:0;left:0;right:0;height:78vh;max-height:720px;background-size:cover;background-position:center 18%;background-color:var(--bg-elev);z-index:0}.sd__backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0b0e14eb,#0b0e1480 45%,#0b0e1433)}.sd__backdrop-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,rgba(11,14,20,.7) 70%,var(--bg) 100%)}.sd__hero{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:calc(var(--nav-height) + 5rem) 2.5rem 2rem;display:flex;gap:2.5rem;align-items:flex-end}.sd__poster{flex:0 0 230px;aspect-ratio:2 / 3;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0009;border:1px solid rgba(255,255,255,.08)}.sd__info{flex:1;min-width:0;padding-bottom:.5rem}.sd__kind{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:var(--accent-2)}.sd__title{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin:.5rem 0 .9rem;text-shadow:0 4px 24px rgba(0,0,0,.6)}.sd__meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-muted);font-size:.95rem;margin-bottom:.9rem}.sd__genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.sd__desc{color:#d3dae6;max-width:680px;line-height:1.6;margin-bottom:1.6rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 12px rgba(0,0,0,.5)}.sd__actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.sd__episodes{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:1.5rem 2.5rem 5rem}.sd__season-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.sd__season-head h2{font-size:1.5rem;letter-spacing:-.01em}.season-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}.season-pill{padding:.45rem 1.1rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--accent-2);background:var(--accent-soft);border:1px solid transparent;transition:background .15s,color .15s,transform .12s}.season-pill:hover{transform:translateY(-1px);color:#fff;background:var(--accent-shadow)}.season-pill--active{color:#fff;background:var(--accent-grad);box-shadow:0 3px 12px var(--accent-shadow)}.season-pill--done{color:#3ecf8e;background:rgba(62,207,142,.14);border-color:rgba(62,207,142,.4)}.season-pill--done:hover{color:#fff;background:rgba(62,207,142,.5)}.season-pill--active.season-pill--done{color:#fff;background:var(--accent-grad);border-color:transparent;box-shadow:0 3px 12px var(--accent-shadow)}.sd__season-desc{color:var(--text-muted);margin-bottom:1.4rem;max-width:800px}.ep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem 1.25rem}.ep-card{display:flex;flex-direction:column;border-radius:var(--radius);transition:transform .18s}.ep-card:hover{transform:translateY(-4px)}.ep-card__media{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--bg-card);box-shadow:0 6px 20px #0006}.ep-card__media img,.ep-card__media video{width:100%;height:100%;object-fit:cover;transition:transform .3s}.ep-card:hover .ep-card__media img,.ep-card:hover .ep-card__media video{transform:scale(1.06)}.ep-thumb-fallback,.ep-card__placeholder{width:100%;height:100%;background:radial-gradient(ellipse 130% 90% at 25% 0%,var(--accent-glow),transparent),linear-gradient(160deg,#222a3c,#12161f)}.ep-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04060a73;opacity:0;transition:opacity .18s}.ep-card:hover .ep-card__overlay{opacity:1}.ep-card__play{width:58px;height:58px;border-radius:50%;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--accent-shadow);transform:scale(.8);transition:transform .18s}.ep-card:hover .ep-card__play{transform:scale(1)}.ep-card__num{position:absolute;top:.55rem;left:.55rem;font-size:.72rem;font-weight:800;padding:.2rem .5rem;border-radius:5px;background:#04060acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.03em}.ep-card__dur{position:absolute;bottom:.55rem;right:.55rem;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:5px;background:#04060acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ep-card__seen{position:absolute;top:.55rem;right:.55rem;font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:5px;background:#3ecf8ee6;color:#04281a}.ep-card__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff40}.ep-card__bar div{height:100%;background:var(--accent-grad)}.ep-card__body{padding:.7rem .3rem 0}.ep-card__title{font-weight:600;font-size:.98rem;margin-bottom:.25rem}.ep-card__desc{font-size:.85rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.4rem}.ep-card__meta{display:flex;gap:.8rem;font-size:.8rem;color:var(--text-muted)}.ep-card__rating{color:#f5c518;font-weight:600}.ep-card__resume{color:var(--accent-2)}.ep{position:relative;min-height:100vh}.ep__backdrop{position:absolute;top:0;left:0;right:0;height:70vh;max-height:620px;background-size:cover;background-position:center 20%;background-color:var(--bg-elev);z-index:0;filter:saturate(1.1)}.ep__backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0b0e148c,#0b0e14bf)}.ep__backdrop-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 20%,rgba(11,14,20,.6) 65%,var(--bg) 100%)}.ep__hero{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:calc(var(--nav-height) + 3.5rem) 2.5rem 2rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.5rem;align-items:center}.ep__still{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #000000a6;border:1px solid rgba(255,255,255,.08);background:var(--bg-card)}.ep__still img,.ep__still video{width:100%;height:100%;object-fit:cover}.ep__still-placeholder{width:100%;height:100%;background:radial-gradient(ellipse 130% 90% at 25% 0%,var(--accent-glow),transparent),linear-gradient(160deg,#222a3c,#12161f)}.ep__still-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#04060a8c;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s,background .15s}.ep__still:hover .ep__still-play{transform:translate(-50%,-50%) scale(1.1);background:var(--accent)}.ep__still-bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff40}.ep__still-bar div{height:100%;background:var(--accent-grad)}.ep__info{min-width:0}.ep__crumb{display:inline-block;color:var(--text-muted);font-size:.9rem;font-weight:600;margin-bottom:.7rem}.ep__crumb:hover{color:var(--text)}.ep__label{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--accent-2);margin-bottom:.5rem}.ep__title{font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:.8rem;text-shadow:0 4px 20px rgba(0,0,0,.5)}.ep__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.ep__meta-rating{color:#f5c518;font-weight:600}.ep__desc{color:#d3dae6;line-height:1.6;margin-bottom:1.3rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.ep__resume{font-size:.85rem;color:var(--accent-2);margin-bottom:1.2rem}.ep__actions{display:flex;gap:.75rem;flex-wrap:wrap}.ep__panels{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.5rem 2.5rem 5rem;display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;align-items:start}.ep__panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.ep__panel h2{font-size:1.15rem;margin-bottom:1.1rem}.src-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}.src-row{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);text-align:left;transition:border-color .15s,background .15s}.src-row:hover{border-color:var(--accent)}.src-row--active{border-color:var(--accent);background:var(--accent-soft)}.src-row__radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--text-muted);flex-shrink:0;transition:border-color .15s;position:relative}.src-row--active .src-row__radio{border-color:var(--accent)}.src-row--active .src-row__radio:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--accent)}.src-row__badge{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px;flex-shrink:0}.src-row__badge--embed{color:var(--accent-2);background:#ff7a4524}.src-row__badge--file{color:#7ab8ff;background:#7ab8ff24}.src-row__name{font-weight:600}.src-row__by{color:var(--text-muted);font-size:.82rem;margin-left:auto}.ep__panel-play{width:100%;justify-content:center}.rate-panel{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.rate-panel__score{text-align:center;padding-right:1.5rem;border-right:1px solid var(--border)}.rate-panel__big{font-size:2.6rem;font-weight:800;line-height:1;color:#f5c518}.rate-panel__count{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.rate-panel__mine{display:flex;flex-direction:column;gap:.5rem}.rate-panel__label{font-size:.82rem;color:var(--text-muted);font-weight:600}.rate-panel__hint{font-size:.8rem}.ep__still--playing{cursor:default}.ep__inline-video,.ep__inline-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000;display:block}.ep__inline-video{object-fit:contain}.accent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem}.accent-swatch{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);transition:border-color .15s,background .15s}.accent-swatch:hover{border-color:var(--accent)}.accent-swatch--active{border-color:var(--accent);background:var(--accent-soft)}.accent-swatch__dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0006}.accent-swatch__label{font-size:.9rem;font-weight:600}.ep__comments{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 2.5rem 5rem}.comments__title{font-size:1.35rem;margin-bottom:1.4rem;display:flex;align-items:center;gap:.6rem}.comments__count{font-size:.9rem;font-weight:600;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem}.comments__new{display:flex;gap:.9rem;margin-bottom:2rem}.comments__new-body{flex:1}.comments__new-actions{display:flex;justify-content:flex-end;margin-top:.6rem}.comments__empty{padding:1.5rem 0}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comment{display:flex;gap:.8rem}.comment__avatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--accent-grad);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}.comment__main{flex:1;min-width:0}.comment__head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.2rem}.comment__author{font-weight:600;font-size:.95rem}.comment__time{font-size:.78rem;color:var(--text-muted)}.comment__body{font-size:.95rem;line-height:1.55;color:#dbe1ea;white-space:pre-wrap;word-break:break-word;margin-bottom:.5rem}.comment__body--deleted{color:var(--text-muted);font-style:italic}.comment__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.comment__like{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.85rem;font-weight:600;transition:color .15s}.comment__like:hover{color:var(--text)}.comment__like--on{color:var(--accent)}.comment__act{color:var(--text-muted);font-size:.85rem;font-weight:600;transition:color .15s}.comment__act:hover{color:var(--text)}.comment__act--danger:hover{color:var(--danger)}.comment__reply-form{margin-top:.7rem}.comment__reply-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.5rem}.comment__replies{margin-top:1.2rem;padding-left:1.1rem;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:1.2rem}.comment--deep>.comment__main>.comment__replies{padding-left:.5rem;margin-left:-.3rem}@media(max-width:900px){.ep__comments{padding-left:1.25rem;padding-right:1.25rem}}@media(max-width:900px){.sd__hero{padding:calc(var(--nav-height) + 2.5rem) 1.25rem 1.5rem;gap:1.5rem}.sd__poster{flex-basis:130px}.sd__episodes,.ep__panels{padding-left:1.25rem;padding-right:1.25rem}.ep__hero{grid-template-columns:1fr;padding:calc(var(--nav-height) + 2rem) 1.25rem 1.5rem;gap:1.5rem}.ep__panels{grid-template-columns:1fr}.ep-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:560px){.sd__hero{flex-direction:column;align-items:flex-start}.sd__poster{flex-basis:auto;width:120px}.ep-grid{grid-template-columns:1fr}}.hero{position:relative;min-height:74vh;display:flex;align-items:flex-end;background-size:cover;background-position:center top;background-color:var(--bg-elev)}.hero--empty{min-height:46vh;background:radial-gradient(ellipse 70% 60% at 50% 0%,var(--accent-soft),transparent),var(--bg-elev)}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 2%,rgba(11,14,20,.35) 45%,rgba(11,14,20,.25)),linear-gradient(to right,rgba(11,14,20,.85),transparent 60%)}.hero__content{position:relative;padding:0 3rem 4.5rem;max-width:640px}.hero__kind{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:700;color:var(--accent-2);margin-bottom:.75rem}.hero__title{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:1rem;text-shadow:0 4px 24px rgba(0,0,0,.6)}.hero__meta{display:flex;gap:1rem;color:var(--text-muted);font-size:.92rem;margin-bottom:1rem}.hero__description{color:#cdd5e1;max-width:560px;margin-bottom:1.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero__actions{display:flex;gap:.9rem}.home__rows{position:relative;margin-top:-2.5rem;padding-bottom:4rem;display:flex;flex-direction:column;gap:2.4rem}.home__row-group{display:flex;flex-direction:column;gap:2.4rem}.date-card{flex:0 0 300px;scroll-snap-align:start;transition:transform .18s}.date-card:hover{transform:translateY(-3px)}.date-card__media{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card);box-shadow:0 4px 16px #00000059}.date-card__media img,.date-card__media video{width:100%;height:100%;object-fit:cover}.date-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;background:#00000059;transition:opacity .15s}.date-card:hover .date-card__play{opacity:1}.date-card__badge{position:absolute;top:.5rem;left:.5rem;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;background:#04060acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.02em}.date-card__info{padding:.55rem .15rem 0}.date-card__series{font-size:.78rem;color:var(--accent-2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-card__title{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-card__date{font-size:.78rem;color:var(--text-muted)}.media-row__title{font-size:1.25rem;letter-spacing:-.01em;margin:0 3rem .9rem}.media-row__wrap{position:relative}.media-row__scroller{display:flex;gap:.9rem;overflow-x:auto;padding:.25rem 3rem;scrollbar-width:none;scroll-snap-type:x proximity}.media-row__scroller::-webkit-scrollbar{display:none}.media-row__nav{position:absolute;top:0;bottom:0;width:3rem;z-index:5;font-size:2.2rem;color:#fff;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.media-row__wrap:hover .media-row__nav{opacity:1}.media-row__nav--left{left:0;background:linear-gradient(to right,rgba(11,14,20,.9),transparent)}.media-row__nav--right{right:0;background:linear-gradient(to left,rgba(11,14,20,.9),transparent)}.media-card{flex:0 0 158px;scroll-snap-align:start;transition:transform .18s}.media-card:hover{transform:translateY(-4px) scale(1.03)}.media-card__poster{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:2 / 3;background:var(--bg-card);box-shadow:0 4px 16px #00000059}.poster{width:100%;height:100%;object-fit:cover}.poster--fallback{display:flex;align-items:flex-end;padding:.75rem;background:radial-gradient(ellipse 130% 80% at 20% 0%,var(--accent-glow),transparent),linear-gradient(160deg,#232b3d,#12161f);font-weight:700;font-size:.95rem;line-height:1.25}.media-card__badge{position:absolute;top:.5rem;left:.5rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border-radius:4px;background:#0b0e14cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-card__badge--movie{color:var(--accent-2)}.media-card__badge--series{color:#7ab8ff}.media-card__info{padding:.55rem .15rem 0}.media-card__title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card__meta{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-card{flex:0 0 280px;scroll-snap-align:start;transition:transform .18s}.continue-card:hover{transform:translateY(-3px)}.continue-card__image{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card);box-shadow:0 4px 16px #00000059}.continue-card__image img{width:100%;height:100%;object-fit:cover}.continue-card__placeholder{width:100%;height:100%;background:radial-gradient(ellipse 130% 80% at 20% 0%,var(--accent-glow),transparent),linear-gradient(160deg,#232b3d,#12161f)}.continue-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;background:#00000059;transition:opacity .15s}.continue-card:hover .continue-card__play{opacity:1}.continue-card__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff40}.continue-card__bar div{height:100%;background:var(--accent-grad)}.continue-card__info{padding:.5rem .15rem 0}.continue-card__label{font-size:.75rem;color:var(--accent-2);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.continue-card__title{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-card__time{font-size:.78rem;color:var(--text-muted)}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.4rem 1rem}.poster-grid .media-card{flex:none}.detail__hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;background-size:cover;background-position:center 20%;background-color:var(--bg-elev)}.detail__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 4%,rgba(11,14,20,.4) 55%,rgba(11,14,20,.45)),linear-gradient(to right,rgba(11,14,20,.85),transparent 65%)}.detail__content{position:relative;padding:calc(var(--nav-height) + 2rem) 3rem 3rem;max-width:720px}.detail__content h1{font-size:clamp(1.8rem,4vw,2.9rem);letter-spacing:-.03em;margin-bottom:.9rem;text-shadow:0 4px 24px rgba(0,0,0,.6)}.detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;color:var(--text-muted);margin-bottom:1rem;font-size:.92rem}.detail__description{color:#cdd5e1;margin-bottom:1.5rem;max-width:620px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.detail__actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.detail__no-content{color:var(--text-muted);font-style:italic}.detail__progress{display:flex;align-items:center;gap:.8rem;margin-bottom:1.25rem;font-size:.85rem;color:var(--text-muted)}.detail__progress-bar{width:220px;height:5px;border-radius:3px;background:#ffffff2e;overflow:hidden}.detail__progress-bar div{height:100%;background:var(--accent-grad)}.detail__body{max-width:1100px;margin:0 auto;padding:1.5rem 2rem 5rem}.season-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.9rem}.season-tab{padding:.45rem 1rem;border-radius:999px;font-size:.92rem;font-weight:600;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);transition:all .15s}.season-tab:hover{color:var(--text)}.season-tab--active{color:#fff;background:var(--accent-grad);border-color:transparent}.episode-list{display:flex;flex-direction:column}.episode-list__season-desc{color:var(--text-muted);margin-bottom:1.2rem;font-size:.92rem}.episode-row{display:grid;grid-template-columns:2.2rem 150px 1fr auto;gap:1.1rem;align-items:center;padding:.9rem;border-radius:var(--radius);transition:background .15s}.episode-row:hover{background:var(--bg-elev)}.episode-row__number{font-size:1.15rem;font-weight:700;color:var(--text-muted);text-align:center}.episode-row__thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.episode-row__thumb img{width:100%;height:100%;object-fit:cover}.episode-row__thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:linear-gradient(160deg,#1d2434,#12161f)}.episode-row__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff40}.episode-row__bar div{height:100%;background:var(--accent-grad)}.episode-row__done{position:absolute;top:.3rem;right:.3rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--success);color:#06281a;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center}.episode-row__title{font-weight:600;margin-bottom:.2rem}.episode-row__resume{color:var(--accent-2);font-weight:500;font-size:.85rem}.episode-row__desc{font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-row__duration{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.search-page__input{width:100%;max-width:560px;font-size:1.1rem;padding:.8rem 1.1rem;margin-bottom:1.75rem}.search-page__status{color:var(--text-muted);margin-bottom:1rem}.settings-page{max-width:640px}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin-bottom:1.5rem}.settings-card h2{font-size:1.15rem;margin-bottom:1.1rem}.settings-row{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.95rem}.settings-row:last-child{border-bottom:none}.settings-row__label{color:var(--text-muted)}.settings-form{max-width:380px}.watch{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:200;overflow:hidden}.watch--idle{cursor:none}.watch--error{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.watch--error p{margin-bottom:1.25rem}.watch__video{width:100%;height:100%;object-fit:contain}.watch__buffering{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.watch__flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;animation:flash-out .6s ease forwards;pointer-events:none}@keyframes flash-out{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.watch__top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);transition:opacity .25s,transform .25s}.watch__bottom{position:absolute;bottom:0;left:0;right:0;padding:0 1.5rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);transition:opacity .25s,transform .25s}.watch--idle .watch__top{opacity:0;transform:translateY(-8px);pointer-events:none}.watch--idle .watch__bottom{opacity:0;transform:translateY(8px);pointer-events:none}.watch__titles{min-width:0}.watch__title{font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch__subtitle{font-size:.88rem;color:#ffffffbf}.watch__icon-btn{color:#fff;padding:.5rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;transition:background .15s,transform .12s}.watch__icon-btn:hover{background:#ffffff24;transform:scale(1.06)}.watch__skip{position:relative}.watch__skip span{font-size:.62rem;font-weight:700;position:absolute;bottom:.35rem;right:.28rem}.watch__skip--forward svg{transform:scaleX(-1)}.watch__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.4rem}.watch__controls-group{display:flex;align-items:center;gap:.35rem}.watch__time{font-size:.88rem;font-variant-numeric:tabular-nums;color:#ffffffe6;margin-left:.6rem;white-space:nowrap}.watch__time span{color:#ffffff80;margin:0 .2rem}.watch__volume{display:flex;align-items:center}.watch__volume input[type=range]{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:var(--accent);background:transparent;border:none;padding:0}.watch__volume:hover input[type=range],.watch__volume input[type=range]:focus-visible{width:90px;opacity:1;margin-right:.4rem}.watch__rate{position:relative}.watch__rate-btn{font-size:.88rem;font-weight:700;min-width:3rem}.watch__rate-menu{position:absolute;bottom:calc(100% + 10px);right:0;background:#11151ff7;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;min-width:5.2rem}.watch__rate-menu button{padding:.5rem 1rem;font-size:.88rem;color:var(--text-muted);text-align:center}.watch__rate-menu button:hover{background:var(--bg-hover);color:#fff}.watch__rate-menu button.active{color:var(--accent-2);font-weight:700}.watch__seekbar{position:relative;padding:.7rem 0;cursor:pointer;touch-action:none}.watch__seekbar-track{position:relative;height:4px;border-radius:2px;background:#ffffff38;transition:height .12s;overflow:visible}.watch__seekbar:hover .watch__seekbar-track{height:6px}.watch__seekbar-buffered{position:absolute;top:0;bottom:0;background:#ffffff59;border-radius:2px}.watch__seekbar-played{position:absolute;top:0;bottom:0;left:0;background:var(--accent-grad);border-radius:2px}.watch__seekbar-knob{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(0);transition:transform .12s;box-shadow:0 0 8px #0009}.watch__seekbar:hover .watch__seekbar-knob{transform:translate(-50%,-50%) scale(1)}.watch__seekbar-tooltip{position:absolute;bottom:calc(100% + 4px);transform:translate(-50%);background:#000000d9;padding:.2rem .55rem;border-radius:4px;font-size:.8rem;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.watch__next-card{position:absolute;right:2rem;bottom:7.5rem;background:#11151ff2;border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.2rem;text-align:left;color:#fff;box-shadow:var(--shadow);transition:transform .15s,border-color .15s;max-width:320px}.watch__next-card:hover{transform:translateY(-2px);border-color:var(--accent)}.watch__next-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);font-weight:700;margin-bottom:.25rem}.watch__next-title{font-weight:600;font-size:.95rem}.watch__drawer{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:flex-end;z-index:20}.watch__drawer-panel{width:min(420px,92vw);height:100%;background:#0d1018fa;border-left:1px solid var(--border);display:flex;flex-direction:column;animation:drawer-in .22s ease}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}}.watch__drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;border-bottom:1px solid var(--border)}.watch__drawer-list{overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.25rem}.watch__drawer-item{display:grid;grid-template-columns:120px 1fr;gap:.8rem;align-items:center;padding:.5rem;border-radius:var(--radius-sm);text-align:left;color:var(--text)}.watch__drawer-item:hover{background:var(--bg-hover)}.watch__drawer-item--active{background:var(--accent-soft);outline:1px solid var(--accent)}.watch__drawer-thumb{position:relative;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:700}.watch__drawer-thumb img,.watch__drawer-thumb video{width:100%;height:100%;object-fit:cover}.watch__drawer-num{position:absolute;top:.2rem;left:.3rem;font-size:.7rem;font-weight:800;padding:.05rem .35rem;border-radius:3px;background:#04060abf;color:#fff}.watch__drawer-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff40}.watch__drawer-bar div{height:100%;background:var(--accent-grad)}.watch__drawer-title{font-size:.88rem;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:500;padding:1.5rem}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);animation:modal-in .18s ease}.modal--wide{max-width:680px}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem .6rem}.modal__head h3{font-size:1.1rem}.modal__close{color:var(--text-muted);font-size:1rem;padding:.3rem .5rem;border-radius:6px}.modal__close:hover{background:var(--bg-hover);color:var(--text)}.modal__body{padding:.75rem 1.5rem 1.5rem}.modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.confirm-text{color:var(--text-muted)}.admin-tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--border);margin-bottom:1.75rem;flex-wrap:wrap}.admin-tabs a{padding:.6rem 1.1rem;color:var(--text-muted);font-weight:600;font-size:.95rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.admin-tabs a:hover{color:var(--text)}.admin-tabs a.active{color:var(--text);border-bottom-color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;transition:border-color .15s,transform .12s}a.stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.stat-card__value{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.stat-card__label{color:var(--text-muted);font-size:.85rem}.admin-dashboard__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.admin-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem}.admin-panel h3{font-size:1rem;margin-bottom:.9rem}.plain-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;font-size:.9rem}.admin-split{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;align-items:start}.admin-split__list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:sticky;top:calc(var(--nav-height) + 1rem);max-height:calc(100vh - var(--nav-height) - 2rem);display:flex;flex-direction:column}.admin-split__list-head{display:flex;gap:.5rem;padding:.8rem;border-bottom:1px solid var(--border)}.admin-split__list-head input{flex:1;min-width:0}.admin-split__items{overflow-y:auto;display:flex;flex-direction:column}.admin-split__empty{padding:1rem}.admin-split__item{display:flex;flex-direction:column;gap:.1rem;padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(38,46,64,.4);font-size:.92rem}.admin-split__item:hover{background:var(--bg-hover)}.admin-split__item--active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.admin-split__item-title{font-weight:600}.admin-split__item .muted{font-size:.8rem}.admin-split__detail{min-width:0}.admin-split__detail h2{margin-bottom:1.2rem;font-size:1.4rem}.admin-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.75rem}.modal .admin-form{background:none;border:none;padding:0;margin:0}.admin-form__grid{display:grid;grid-template-columns:1fr 240px;gap:1.75rem}.admin-form__actions{display:flex;gap:.9rem;margin-top:.5rem}.admin-form__images{display:flex;flex-direction:column;gap:1.2rem}.image-picker__label{display:block;font-size:.85rem;color:var(--text-muted);font-weight:500;margin-bottom:.35rem}.image-picker__box{width:100%;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text-muted);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.image-picker__box:hover{border-color:var(--accent)}.image-picker__box img{width:100%;height:100%;object-fit:cover}.image-picker__row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem}.image-picker__name{font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-picker{margin-bottom:1.1rem}.video-picker__row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.video-picker__name{font-size:.85rem;color:var(--text-muted);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-bar{display:flex;align-items:center;gap:.9rem;margin:.75rem 0 1rem;font-size:.85rem;color:var(--text-muted)}.upload-bar__track{flex:1;height:7px;border-radius:4px;background:var(--bg-elev);border:1px solid var(--border);overflow:hidden}.upload-bar__fill{height:100%;background:var(--accent-grad);transition:width .2s}.admin-seasons h3{margin-bottom:1rem}.admin-seasons__add{display:flex;gap:.6rem;margin-bottom:1.25rem;flex-wrap:wrap}.admin-seasons__add input[type=text]{flex:1;min-width:180px}.season-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;margin-bottom:1rem}.season-block__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.season-block__head h4{font-size:1rem}.season-block__actions{display:flex;gap:.5rem}.season-block .admin-table{margin-top:.9rem}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table th{text-align:left;color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.55rem .7rem;border-bottom:1px solid var(--border)}.admin-table td{padding:.6rem .7rem;border-bottom:1px solid rgba(38,46,64,.45)}.admin-table tr:last-child td{border-bottom:none}.admin-table__actions{display:flex;gap:.8rem;justify-content:flex-end;flex-wrap:wrap}.admin-table__row--inactive{opacity:.55}.admin-users__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.admin-users__head input{max-width:300px;flex:1}.admin-users .admin-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}@media(max-width:900px){.navbar__inner{padding:0 1rem;gap:1rem}.navbar__search input{width:80px}.page{padding:calc(var(--nav-height) + 1.25rem) 1rem 3rem}.hero__content,.detail__content{padding-left:1.25rem;padding-right:1.25rem}.media-row__title{margin:0 1.25rem .8rem}.media-row__scroller{padding:.25rem 1.25rem}.detail__body{padding:1.25rem 1rem 4rem}.episode-row{grid-template-columns:1.6rem 110px 1fr}.episode-row__duration{display:none}.admin-split{grid-template-columns:1fr}.admin-split__list{position:static;max-height:300px}.admin-form__grid{grid-template-columns:1fr}.admin-form__images{flex-direction:row}.admin-form__images>*{flex:1}.field-row{flex-direction:column;gap:0}.watch__next-card{right:1rem;bottom:6.5rem}}@media(max-width:560px){.navbar__links{display:none}.media-card{flex-basis:128px}.continue-card{flex-basis:230px}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:1rem .7rem}.hero{min-height:60vh}.hero__actions .btn--lg{font-size:.95rem;padding:.6rem 1.1rem}.watch__time,.watch__volume input[type=range]{display:none}}

/* ---- RagnaStream: Episoden-Tabelle im aniworld-Stil ---- */
.rs-season-title{display:flex;align-items:baseline;gap:.8rem;min-width:0}
.rs-season-title h2{margin:0}
.rs-season-menu{position:relative}
.rs-season-menu__btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .9rem;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}
.rs-season-menu__btn:hover{border-color:var(--accent);background:var(--bg-hover)}
.rs-season-menu__backdrop{position:fixed;inset:0;z-index:40}
.rs-season-menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:41;min-width:250px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.rs-season-menu__list button{display:flex;align-items:center;gap:.55rem;padding:.7rem .95rem;background:none;border:none;color:var(--text);font-size:.9rem;cursor:pointer;text-align:left}
.rs-season-menu__list button:hover{background:var(--bg-hover)}
.rs-season-menu__list button:disabled{opacity:.5;cursor:default}.rs-season-menu__title{padding:.7rem .95rem .3rem;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.rs-season-menu__range{display:flex;gap:.6rem;padding:.4rem .95rem .7rem}.rs-season-menu__range label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--text-muted);flex:1}.rs-season-menu__range select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.4rem .5rem;font-size:.9rem;font-weight:600}.rs-season-menu__more{border-top:1px solid var(--border)!important;color:var(--accent-2)!important}.rs-season-menu__back{color:var(--text-muted)!important;border-top:1px solid var(--border)!important;font-size:.82rem!important}
.rs-epstrip{display:flex;align-items:center;gap:.9rem;margin:0 0 1.2rem;padding:.55rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}
.rs-epstrip__label{font-weight:700;font-size:.9rem;color:var(--text-muted);letter-spacing:.02em}
.rs-epstrip__nums{display:flex;flex-wrap:wrap;gap:.3rem}
.rs-epstrip__num{min-width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);transition:all .13s}
.rs-epstrip__num:hover{color:#fff;border-color:var(--accent);background:var(--accent-soft)}
.rs-epstrip__num--watched{color:#0b0e14;background:var(--success);border-color:var(--success)}
.rs-epstrip__num--watched:hover{color:#0b0e14;background:var(--success);filter:brightness(1.12);border-color:var(--success)}
.rs-ept{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}
.rs-ept__row{display:grid;grid-template-columns:150px minmax(0,1fr) auto 130px;gap:1rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--border);color:var(--text);transition:background .13s}
.rs-ept__row:last-child{border-bottom:none}
a.rs-ept__row:hover{background:var(--bg-hover)}
.rs-ept__row--head{background:var(--bg-elev);font-size:.8rem;font-weight:700;color:var(--text-muted);padding:.55rem 1rem}
.rs-ept__row--watched{background:rgba(62,207,142,.08)}
a.rs-ept__row--watched:hover{background:rgba(62,207,142,.14)}
.rs-ept__cell{display:flex;align-items:center;gap:.45rem;min-width:0}
.rs-ept__cell--num{justify-content:space-between}
.rs-ept__folge{font-weight:700;white-space:nowrap}
.rs-ept__row--watched .rs-ept__folge{color:var(--success)}
.rs-ept__eye{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .13s,background .13s;flex:none}
.rs-ept__eye:hover{background:rgba(255,255,255,.08);color:#fff}
.rs-ept__eye--on{color:var(--success)}
.rs-ept__eye:disabled{opacity:.45;cursor:default}
.rs-ept__cell--title{flex-direction:column;align-items:flex-start;gap:.15rem}
.rs-ept__cell--title strong{font-size:.95rem;font-weight:600;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-ept__orig{font-size:.83rem;color:var(--text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-ept__resume{font-size:.78rem;color:var(--accent-2);font-weight:600}
.rs-ept__cell--hoster{gap:.35rem;flex-wrap:wrap}
.rs-ept__none{color:var(--text-muted)}
.rs-hoster{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 .35rem;border-radius:6px;font-size:.72rem;font-weight:800;color:#fff;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.rs-hoster--file{background:var(--accent-grad)}
.rs-ept__cell--lang{gap:.45rem}
.rs-lang{position:relative;display:inline-flex;border-radius:3px;line-height:0}
.rs-lang svg{border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.rs-lang__sub{position:absolute;right:-4px;bottom:-4px;line-height:0}
.rs-lang__sub svg{box-shadow:0 0 0 1px rgba(11,14,20,.9)}
@media (max-width: 720px){
.rs-ept__row{grid-template-columns:110px minmax(0,1fr);row-gap:.45rem}
.rs-ept__row--head{display:none}
.rs-ept__cell--num{flex-direction:row;justify-content:flex-start;gap:.3rem}
.rs-ept__cell--hoster{grid-column:1}
.rs-ept__cell--lang{grid-column:2;justify-content:flex-end}
}

/* ---- RagnaStream: Profilseiten ---- */
.navbar__avatar{overflow:hidden;padding:0}
.navbar__mangacat{display:flex;flex-direction:column;gap:.22rem;order:5}
.navbar__catbtn{position:relative;width:12px;height:12px;padding:0;border-radius:50%;border:1.5px solid var(--catring,#4a5265);background:var(--surface,#12151c);cursor:pointer;opacity:.72;transition:opacity .15s,background .15s,border-color .15s}
.navbar__catbtn:hover{opacity:1;border-color:var(--accent,#e5323e)}
.navbar__catbtn--on{opacity:1;background:var(--accent,#e5323e);border-color:var(--accent,#e5323e)}
.navbar__avatar-img{width:100%;height:100%;object-fit:cover;display:block}
.comment__avatar--link{cursor:pointer;overflow:hidden;text-decoration:none;transition:box-shadow .15s}
.comment__avatar--link:hover{box-shadow:0 0 0 2px var(--accent)}
.comment__avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.comment__author--link{color:var(--text);text-decoration:none}
.comment__author--link:hover{color:var(--accent-2);text-decoration:underline}
.rs-avatar{border-radius:50%;object-fit:cover;background:var(--bg-card);flex:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.rs-avatar--letter{background:var(--accent-grad);color:#fff;font-weight:800}
.rs-profile{position:relative;padding-top:0}
.rs-profile__banner{height:150px;border-radius:var(--radius);margin-bottom:-52px}
.rs-profile__head{display:flex;align-items:flex-end;gap:1.2rem;padding:0 1.4rem;margin-bottom:1.6rem;flex-wrap:wrap}
.rs-profile__avatar{box-shadow:0 0 0 4px var(--bg)}
.rs-profile__id{flex:1;min-width:220px;padding-bottom:.2rem}
.rs-profile__name-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.rs-profile__name-row h1{margin:0;font-size:1.7rem}
.rs-role{padding:.18rem .6rem;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.03em;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}
.rs-role--admin{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2)}
.rs-role--moderator{background:rgba(47,125,225,.15);border-color:#2f7de1;color:#7db4f0}
.rs-role--contributor{background:rgba(62,207,142,.13);border-color:var(--success);color:var(--success)}
.rs-role--inactive{background:rgba(255,77,94,.13);border-color:var(--danger);color:var(--danger)}
.rs-profile__since{margin:.25rem 0 0;font-size:.88rem}
.rs-profile__bio{margin:.55rem 0 0;max-width:60ch;white-space:pre-wrap;color:var(--text)}
.rs-profile__editbtn{align-self:center}
.rs-profile__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1.8rem}
.rs-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.15rem}
.rs-stat strong{font-size:1.45rem;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rs-stat span{font-size:.84rem;color:var(--text-muted)}
.rs-profile__section{margin-bottom:1.9rem}
.rs-profile__section h2{font-size:1.15rem;margin:0 0 .8rem}
.rs-profile__count{font-size:.95rem}
.rs-tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.85rem}
.rs-tile{position:relative;display:block;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);aspect-ratio:2/3;transition:transform .14s,border-color .14s}
.rs-tile:hover{transform:translateY(-3px);border-color:var(--accent)}
.rs-tile img{width:100%;height:100%;object-fit:cover;display:block}
.rs-tile__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text-muted)}
.rs-tile__badge{position:absolute;top:6px;right:6px;background:rgba(11,14,20,.85);color:var(--success);font-size:.72rem;font-weight:700;padding:.14rem .45rem;border-radius:999px;border:1px solid rgba(62,207,142,.4)}
.rs-tile__title{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .55rem .45rem;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(5,7,11,.92));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-pedit{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.4rem;margin-bottom:1.8rem;display:flex;flex-direction:column;gap:1.05rem;max-width:640px}
.rs-pedit h2{margin:0;font-size:1.15rem}
.rs-pedit__avatar-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.rs-pedit__avatar-btns{display:flex;gap:.6rem;flex-wrap:wrap}
.rs-pedit__field{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.92rem}
.rs-pedit__field textarea{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.65rem .8rem;font:inherit;font-weight:400;resize:vertical}
.rs-pedit__field textarea:focus{outline:none;border-color:var(--accent)}
.rs-pedit__swatches{display:flex;gap:.45rem;flex-wrap:wrap}
.rs-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s;padding:0}
.rs-swatch:hover{transform:scale(1.12)}
.rs-swatch--active{border-color:#fff;box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(255,255,255,.35)}
.rs-swatch--auto{background:var(--accent-grad)}
.rs-pedit__check{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-size:.92rem;font-weight:600}
.rs-pedit__check input{margin-top:.2rem;accent-color:var(--accent)}
.rs-pedit__check small{display:block;font-weight:400;margin-top:.15rem}
.rs-pedit__actions{display:flex;gap:.7rem}
@media (max-width: 640px){
.rs-profile__banner{margin-bottom:-40px}
.rs-profile__head{padding:0 .6rem}
.rs-profile__name-row h1{font-size:1.35rem}
}
.source-tag__lang{font-size:.7rem;opacity:.7;text-transform:uppercase;font-weight:700}

/* ---- RagnaStream: Import-Panel ---- */
.rs-import{max-width:820px}
.rs-import__intro h2{margin:0 0 .3rem}
.rs-import__intro p{margin:0 0 1.2rem;max-width:64ch}
.rs-import__url{display:flex;gap:.6rem;margin-bottom:1rem}
.rs-import__url input{flex:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.65rem .85rem;font:inherit}
.rs-import__url input:focus{outline:none;border-color:var(--accent)}
.rs-import__preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;margin-bottom:1.3rem}
.rs-import__series{display:flex;gap:1.1rem;margin-bottom:1.2rem}
.rs-import__cover{width:96px;height:144px;object-fit:cover;border-radius:var(--radius-sm);flex:none;background:var(--bg-elev)}
.rs-import__meta{min-width:0}
.rs-import__meta h3{margin:0 0 .4rem;font-size:1.25rem}
.rs-import__exists{color:var(--accent-2);font-size:.85rem;margin:.2rem 0 .5rem}
.rs-import__genres{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}
.rs-import__desc{font-size:.88rem;line-height:1.5;margin:0}
.rs-import__opts{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.2rem}
.rs-import__optlabel{display:block;font-weight:700;font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}
.rs-import__chks{display:flex;flex-wrap:wrap;gap:.5rem}
.rs-import__chk{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);cursor:pointer;font-size:.88rem;transition:border-color .13s,background .13s}
.rs-import__chk:hover{border-color:var(--accent)}
.rs-import__chk--on{background:var(--accent-soft);border-color:var(--accent);color:#fff}
.rs-import__chk input{accent-color:var(--accent)}
.rs-import__chk small{color:var(--text-muted)}
.rs-import__chk--on small{color:var(--accent-2)}
.rs-import__note{font-size:.82rem;margin:.55rem 0 0}
.rs-import__anime{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}
.rs-import__anime input{accent-color:var(--accent)}
.rs-import__job{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.85rem}
.rs-import__progresshead{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.rs-import__progresshead strong{font-size:1.02rem}
.rs-import__bar{height:10px;border-radius:999px;background:var(--bg-elev);overflow:hidden;border:1px solid var(--border)}
.rs-import__barfill{height:100%;background:var(--accent-grad);border-radius:999px;transition:width .5s ease}
.rs-import__barfill--err{background:var(--danger)}
.rs-import__log{margin:0;max-height:230px;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .85rem;font-size:.8rem;line-height:1.55;color:var(--text-muted);white-space:pre-wrap;font-family:ui-monospace,"Cascadia Code",Consolas,monospace}
@media (max-width: 560px){.rs-import__url{flex-direction:column}}

/* ---- RagnaStream: Kommentar-Formular Fix + Sprach-Switcher Folgenseite ---- */
.comments__new-body{flex:1;min-width:0}
.comments__new-body textarea{width:100%;box-sizing:border-box;display:block}
img.comment__avatar-img{object-fit:cover;padding:0}
.ep__langs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}
.ep__lang{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;transition:border-color .13s,color .13s,background .13s}
.ep__lang:hover{border-color:var(--accent);color:var(--text)}
.ep__lang--active{background:var(--accent-soft);border-color:var(--accent);color:#fff}

/* ---- RagnaStream: Massen-Import ---- */
.rs-bulk{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;max-width:820px}
.rs-bulk h2{margin:0}
.rs-bulk>p{margin:0;max-width:66ch}
.rs-bulk__current{margin:0;font-size:.92rem}
.rs-bulk__langs{margin:0}
.rs-bulk__result{opacity:.95}

/* ===== RagnaStream: Home-Ausbau (Hero, Karten-Hover, Kalender) ===== */
.hero{min-height:80vh}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,14,20,.96) 0%,rgba(11,14,20,.72) 38%,rgba(11,14,20,.25) 68%,transparent 100%),linear-gradient(0deg,var(--bg) 2%,transparent 40%)}
.hero__content{max-width:680px;padding-bottom:5.5rem}
.hero__kind{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.6rem}
.hero__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.hero__meta span{font-size:.82rem;padding:.2rem .7rem;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;backdrop-filter:blur(6px)}
.hero__description{font-size:1.02rem;line-height:1.6;max-width:60ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#dfe5ee}
.hero--empty{min-height:44vh;background:radial-gradient(1200px 400px at 20% -10%,var(--accent-glow),transparent),var(--bg-elev)}

/* Karten mit Hover */
.media-card{flex-basis:170px}
.media-card:hover{transform:translateY(-6px)}
.media-card__poster{box-shadow:0 6px 20px #0000006b;transition:box-shadow .18s}
.media-card:hover .media-card__poster{box-shadow:0 14px 36px #000000a1,0 0 0 2px var(--accent)}
.media-card__rating{position:absolute;top:.4rem;left:.4rem;background:rgba(5,7,11,.82);color:#ffd24a;font-size:.74rem;font-weight:800;padding:.12rem .42rem;border-radius:999px}
.media-card__hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(5,7,11,.55),rgba(5,7,11,.1));opacity:0;transition:opacity .18s}
.media-card:hover .media-card__hover{opacity:1}
.media-card__play{width:52px;height:52px;border-radius:50%;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px var(--accent-shadow);transform:scale(.85);transition:transform .18s}
.media-card:hover .media-card__play{transform:scale(1)}
.media-card__title{font-weight:600}
.media-row__title{font-size:1.3rem;font-weight:750;display:flex;align-items:center;gap:.5rem}
.media-row__title::before{content:"";width:4px;height:1.05em;border-radius:2px;background:var(--accent-grad);display:inline-block}

/* Kalender-Widget */
.rs-cal{padding:0}
.rs-cal__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 3rem 1rem;flex-wrap:wrap}
.rs-cal__head h2{font-size:1.3rem;font-weight:750;margin:0;display:flex;align-items:center;gap:.5rem}
.rs-cal__ico{font-size:1.1rem}
.rs-cal__days{display:flex;gap:1rem;overflow-x:auto;padding:.25rem 3rem 1rem;scrollbar-width:thin}
.rs-cal__day{flex:0 0 260px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;display:flex;flex-direction:column;gap:.6rem}
.rs-cal__day--today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 8px 24px #00000055}
.rs-cal__dayhead{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--border)}
.rs-cal__dayname{font-weight:750}
.rs-cal__day--today .rs-cal__dayname{color:var(--accent-2)}
.rs-cal__daydate{font-size:.82rem;color:var(--text-muted)}
.rs-cal__list{display:flex;flex-direction:column;gap:.45rem;max-height:360px;overflow-y:auto;scrollbar-width:thin}
.rs-cal__entrylink{text-decoration:none;color:inherit;border-radius:var(--radius-sm)}
.rs-cal__entry{position:relative;display:flex;gap:.6rem;align-items:center;padding:.4rem;border-radius:var(--radius-sm);transition:background .13s}
.rs-cal__entrylink:not(.rs-cal__entrylink--plain):hover .rs-cal__entry{background:var(--bg-hover)}
.rs-cal__cover{width:38px;height:54px;object-fit:cover;border-radius:4px;flex:none;background:var(--bg-elev)}
.rs-cal__cover--ph{display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-muted)}
.rs-cal__meta{min-width:0;display:flex;flex-direction:column;gap:.05rem}
.rs-cal__title{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-cal__sub{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-cal__time{font-size:.74rem;color:var(--accent-2);font-weight:600}
.rs-cal__badge{position:absolute;top:.3rem;right:.3rem;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0b0e14;background:var(--success);padding:.08rem .34rem;border-radius:999px}
@media (max-width:720px){
.hero__content{padding-left:1.2rem;padding-right:1.2rem}
.media-row__title,.rs-cal__head{margin-left:1.2rem;margin-right:1.2rem}
.media-row__scroller,.rs-cal__days{padding-left:1.2rem;padding-right:1.2rem}
}

/* ===== RagnaStream: Suche-Ausbau + Navbar-Instant-Suche ===== */
.search-page__bar{position:relative;display:flex;align-items:center;margin-bottom:1.2rem}
.search-page__icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}
.search-page__input{width:100%;box-sizing:border-box;padding:.9rem 1rem .9rem 3rem;font-size:1.05rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}
.search-page__input:focus{border-color:var(--accent)}
.search-page__filters{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap}
.search-page__genres{display:flex;flex-wrap:wrap;gap:.45rem;flex:1}
.chip--btn{cursor:pointer;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:.35rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;transition:all .13s}
.chip--btn:hover{border-color:var(--accent);color:var(--text)}
.chip--active{background:var(--accent-soft);border-color:var(--accent);color:#fff}
.search-page__sort{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-muted);white-space:nowrap}
.search-page__sort select{padding:.4rem .6rem}
.search-page__group{margin-bottom:2rem}
.search-page__group h2{font-size:1.2rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.search-page__n{font-size:.8rem;font-weight:700;color:#fff;background:var(--accent-grad);padding:.1rem .5rem;border-radius:999px}
.rs-eres-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem}
.rs-eres{display:flex;gap:.8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;text-decoration:none;color:inherit;transition:border-color .13s,transform .13s}
.rs-eres:hover{border-color:var(--accent);transform:translateY(-2px)}
.rs-eres__thumb{width:104px;height:60px;flex:none;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elev);display:flex;align-items:center;justify-content:center}
.rs-eres__thumb img{width:100%;height:100%;object-fit:cover}
.rs-eres__ph{color:var(--text-muted)}
.rs-eres__info{min-width:0;display:flex;flex-direction:column;gap:.1rem;justify-content:center}
.rs-eres__series{font-size:.76rem;color:var(--accent-2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-eres__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-eres__ep{font-size:.78rem;color:var(--text-muted)}
.navbar__search-wrap{position:relative}
.navsug{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:80vw;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;z-index:60;max-height:70vh;overflow-y:auto}
.navsug__item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem .7rem;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}
.navsug__item--active,.navsug__item:hover{background:var(--bg-hover)}
.navsug__poster{width:34px;height:50px;flex:none;object-fit:cover;border-radius:4px;background:var(--bg-card)}
.navsug__poster--ph{display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-muted)}
.navsug__meta{min-width:0;display:flex;flex-direction:column}
.navsug__title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navsug__sub{font-size:.76rem;color:var(--text-muted)}

/* ===== RagnaStream: Admin Live-Mirror + Kalender ===== */
.rs-admin{max-width:820px}
.rs-admin h2{margin:0 0 .3rem}
.rs-admin>p{margin:0 0 1.4rem;max-width:66ch}
.rs-admin__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:1.2rem}
.rs-admin__grid{display:flex;gap:1.4rem;flex-wrap:wrap;margin-bottom:1.2rem;align-items:flex-start}
.rs-admin__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.rs-admin__msg{color:var(--accent-2);font-size:.9rem}
.rs-admin__result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.2rem}
.rs-toggle{width:46px;height:26px;border-radius:999px;border:none;background:var(--border);position:relative;cursor:pointer;flex:none;transition:background .16s;padding:0}
.rs-toggle--on{background:var(--accent-grad)}
.rs-toggle__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .16s}
.rs-toggle--on .rs-toggle__thumb{transform:translateX(20px)}
.rs-toggle:disabled{opacity:.5;cursor:default}
.rs-cadm__add{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;margin:1.4rem 0}
.rs-cadm__add h3{margin:0 0 .8rem;font-size:1.05rem}
.rs-cadm__addgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}
.rs-cadm__filter{width:100%;box-sizing:border-box;margin:.4rem 0 1rem;padding:.6rem .85rem}
.rs-cadm__section{margin-bottom:1.6rem}
.rs-cadm__section h3{font-size:1.02rem;margin:0 0 .7rem;border-bottom:1px solid var(--border);padding-bottom:.4rem}
.rs-cadm__entry{display:flex;align-items:center;gap:.8rem;padding:.5rem .2rem;border-bottom:1px solid var(--border)}
.rs-cadm__entry--off{opacity:.5}
.rs-cadm__entryinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.rs-cadm__entrytitle{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.rs-cadm__addgrid{grid-template-columns:1fr}}

/* Fix: Poster-Bild fest in die 2:3-Box zwingen (verhindert unterschiedlich hohe Karten) */
.media-card__poster .poster{position:absolute;inset:0;width:100%;height:100%}
.media-card__poster .poster--fallback{position:absolute;inset:0}
/* Der eigentliche Fix: Flex-Item darf nicht durch langen Titeltext breiter werden als flex-basis */
.media-card{min-width:0}
.media-card__info{min-width:0}

/* ===== RagnaStream: Hero-Neubau (unscharfer BG + scharfes Poster) ===== */
.hero{position:relative;overflow:hidden;min-height:82vh}
.hero__bg{position:absolute;inset:-80px;z-index:0;background-size:cover;background-position:center 18%;filter:blur(34px) brightness(.5) saturate(1.2);transform:scale(1.18)}
.hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,14,20,.97) 0%,rgba(11,14,20,.8) 34%,rgba(11,14,20,.4) 62%,rgba(11,14,20,.55) 100%),linear-gradient(0deg,var(--bg) 1%,transparent 42%)}
.hero__inner{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;min-height:82vh;box-sizing:border-box;padding:0 3rem 5rem}
.hero__inner .hero__content{padding:0;max-width:620px;margin:0}
.hero__poster{flex:none;width:230px;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.13);margin-bottom:.3rem;transition:transform .2s}
.hero__poster:hover{transform:translateY(-5px)}
.hero__poster img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
@media(max-width:860px){.hero__poster{display:none}.hero__inner{padding:0 1.2rem 3rem;min-height:64vh}.hero{min-height:64vh}}

/* ===== RagnaStream: Kalender-Neubau (Tag-Tabs + Karten) ===== */
.rs-cal__head{margin:0 3rem .9rem}
.rs-cal__tabs{display:flex;gap:.5rem;overflow-x:auto;padding:0 3rem .9rem;scrollbar-width:none}
.rs-cal__tabs::-webkit-scrollbar{display:none}
.rs-cal__tab{flex:none;display:flex;flex-direction:column;align-items:center;gap:.12rem;min-width:74px;padding:.5rem .8rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);transition:border-color .13s,color .13s,background .13s}
.rs-cal__tab:hover{border-color:var(--accent);color:var(--text)}
.rs-cal__tab--active{background:var(--accent-soft);border-color:var(--accent);color:#fff}
.rs-cal__tabday{font-weight:750;font-size:.9rem}
.rs-cal__tab--today .rs-cal__tabday{color:var(--accent-2)}
.rs-cal__tab--active.rs-cal__tab--today .rs-cal__tabday{color:#fff}
.rs-cal__tabdate{font-size:.72rem;opacity:.85}
.rs-cal__tabcount{font-size:.66rem;font-weight:800;background:#ffffff22;padding:.04rem .42rem;border-radius:999px;margin-top:.12rem}
.rs-cal__tab--active .rs-cal__tabcount{background:var(--accent)}
.rs-cal__scroller{display:flex;gap:1rem;overflow-x:auto;padding:.4rem 3rem 1.2rem;scrollbar-width:thin}
.rs-cal__cardlink{flex:none;width:148px;text-decoration:none;color:inherit}
.rs-cal__card{display:flex;flex-direction:column;gap:.45rem}
.rs-cal__poster{position:relative;aspect-ratio:2/3;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card);box-shadow:0 6px 18px #00000066;transition:transform .16s,box-shadow .16s}
.rs-cal__cardlink:not(.rs-cal__cardlink--plain):hover .rs-cal__poster{transform:translateY(-4px);box-shadow:0 14px 32px #000000a8,0 0 0 2px var(--accent)}
.rs-cal__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rs-cal__posterph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text-muted)}
.rs-cal__postershade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,11,.82),transparent 46%)}
.rs-cal__timebadge{position:absolute;left:.4rem;bottom:.4rem;font-size:.73rem;font-weight:700;color:#fff;background:rgba(5,7,11,.72);padding:.1rem .48rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.rs-cal__hasbadge{position:absolute;top:.4rem;right:.4rem;width:21px;height:21px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#0b0e14;background:var(--success);border-radius:50%;box-shadow:0 2px 6px #0007}
.rs-cal__cardtitle{font-size:.85rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rs-cal__cardsub{font-size:.74rem;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){.rs-cal__head{margin:0 1.2rem .9rem}.rs-cal__tabs,.rs-cal__scroller{padding-left:1.2rem;padding-right:1.2rem}}

/* ===== RagnaStream: Hero voller & kompakter (v9) ===== */
.hero{min-height:76vh}
.hero__inner{min-height:76vh;align-items:center;padding:5.5rem 3rem 4rem;gap:3rem}
.hero__glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(55% 75% at 24% 48%,var(--accent-glow),transparent 62%);opacity:.55}
.hero__inner .hero__content{max-width:600px}
.hero__kind{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.7rem}
.hero__kind-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-grad);box-shadow:0 0 10px var(--accent)}
.hero__title{margin-bottom:.9rem}
.hero__stats{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.95rem;color:#eef2f8;font-weight:600}
.hero__stat:not(:last-child)::after{content:"•";margin-left:.5rem;color:var(--text-muted);font-weight:400}
.hero__genres{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}
.hero__genre{font-size:.8rem;padding:.26rem .75rem;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero__description{margin-bottom:1.4rem;-webkit-line-clamp:4}
.hero__poster{width:284px;position:relative;align-self:center;margin-bottom:0}
.hero__poster::after{content:"";position:absolute;inset:-3px;border-radius:14px;box-shadow:0 0 70px -8px var(--accent-glow);pointer-events:none;z-index:-1}
@media(max-width:860px){.hero__poster{display:none}.hero__inner{padding:4.5rem 1.2rem 3rem;min-height:60vh}.hero{min-height:60vh}}

/* ===== RagnaStream: Angekündigte Folgen (gelb) ===== */
.rs-epstrip__num--upcoming{color:#0b0e14;background:#f5c518;border-color:#f5c518;cursor:help}
.rs-epstrip__num--upcoming:hover{filter:brightness(1.06);color:#0b0e14;background:#f5c518;border-color:#f5c518}
.rs-ept__row--upcoming{background:rgba(245,197,24,.08);cursor:help}
.rs-ept__row--upcoming:hover{background:rgba(245,197,24,.14)}
.rs-ept__row--upcoming .rs-ept__folge{color:#f5c518}
.rs-ept__upcoming{font-size:.8rem;color:#f5c518;font-weight:600}
.rs-ept__soon{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#0b0e14;background:#f5c518;padding:.12rem .45rem;border-radius:999px}

/* ===== RagnaStream: Serien-Bewertung ===== */
.sd-rating{margin-top:1.4rem;padding-top:1.3rem;border-top:1px solid var(--border);max-width:440px}
.sd-rating__main{display:flex;align-items:center;gap:1.2rem}
.sd-rating__score{display:flex;align-items:baseline;gap:.1rem}
.sd-rating__num{font-size:2.2rem;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.sd-rating__of{font-size:1rem;color:var(--text-muted);font-weight:700}
.sd-rating__mine{display:flex;flex-direction:column;gap:.15rem}
.sd-rating__label{font-size:.8rem;color:var(--text-muted);font-weight:600}
.sd-rating__count{font-size:.78rem}
.sd-rating__eps{margin-top:.9rem}
.sd-rating__epsbtn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .13s}
.sd-rating__epsbtn:hover,.sd-rating__epsbtn--open{border-color:var(--accent)}
.sd-rating__chev{font-size:.6rem;color:var(--text-muted)}
.sd-rating__epslist{margin-top:.6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-height:340px;overflow-y:auto}
.sd-rating__epsitem{display:flex;align-items:center;gap:.7rem;padding:.5rem .8rem;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}
.sd-rating__epsitem:last-child{border-bottom:none}
.sd-rating__epsitem:hover{background:var(--bg-hover)}
.sd-rating__epsnum{font-size:.76rem;font-weight:700;color:var(--accent-2);flex:none;min-width:52px}
.sd-rating__epstitle{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}
.sd-rating__epsstars{font-size:.82rem;color:#ffd24a;font-weight:700;flex:none;white-space:nowrap}

/* Film-Detailseite: klickbare Quellen-Zeilen */
.src-row--link{text-decoration:none;cursor:pointer;color:inherit}
.src-row__play{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);flex:none;transition:background .13s,color .13s}
.src-row--link:hover .src-row__play{background:var(--accent-grad);color:#fff}

/* Ausklappbare Beschreibung (mehr/weniger) */
.rs-desc{max-width:680px;margin-bottom:1.4rem}
.rs-desc__text{margin-bottom:.3rem}
.rs-desc__text--open{-webkit-line-clamp:unset;display:block;overflow:visible}
.rs-desc__toggle{background:none;border:none;color:var(--accent-2);font-weight:700;font-size:.9rem;cursor:pointer;padding:0}
.rs-desc__toggle:hover{text-decoration:underline}

/* ===== RagnaStream: 3er-Bereichs-Switch (Stream / Anime / Read) ===== */
.mode-switch{position:relative;display:inline-grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:3px}
.mode-switch__slider{position:absolute;top:3px;left:3px;width:calc((100% - 6px) / 4);height:calc(100% - 6px);border-radius:999px;background:var(--accent-grad);box-shadow:0 2px 8px var(--accent-shadow);transition:transform .22s cubic-bezier(.4,0,.2,1);z-index:0}
.mode-switch__opt{position:relative;z-index:1;flex:1 1 0;padding:.33rem .78rem;border:none;background:none;color:var(--text-muted);font-size:.76rem;font-weight:750;cursor:pointer;border-radius:999px;transition:color .18s;white-space:nowrap;letter-spacing:.01em}
.mode-switch__opt--active{color:#fff}
.mode-switch__opt:not(.mode-switch__opt--active):hover{color:var(--text)}
@media(max-width:640px){.mode-switch__opt{padding:.3rem .55rem;font-size:.72rem}}
.rs-readsoon{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:3rem 1.5rem}
.rs-readsoon__icon{font-size:3.5rem}
.rs-readsoon h1{font-size:2rem;margin:0;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rs-readsoon p{color:var(--text-muted);max-width:46ch;margin:0;line-height:1.6}

/* ===== RagnaRead (Manga) ===== */
.read-home{max-width:1320px;margin:0 auto;padding:5.5rem 2rem 4rem}
.read-home__head{margin-bottom:2rem}
.read-home__head h1{font-size:2.4rem;margin:0 0 .35rem;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.read-home__head p{color:var(--text-muted);margin:0}
.read-sec{margin-bottom:2.75rem}
.read-sec__title{font-size:1.25rem;margin:0 0 1rem;font-weight:700}
.manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem 1rem}
.manga-card{position:relative}
.media-card__badge--manga{color:var(--accent);text-transform:capitalize}
.manga-card__ch{position:absolute;left:.5rem;bottom:.5rem;background:rgba(0,0,0,.72);color:#fff;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:.4rem}
.manga-card__resume{position:absolute;right:.5rem;top:.5rem;background:var(--accent);color:#04120a;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:.4rem}
.manga-detail__credits{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;color:var(--text-muted);font-size:.9rem;margin:.15rem 0 .35rem}
.manga-read-ic{font-size:1.1rem;line-height:1}
.chapcount{color:var(--text-muted);font-weight:500;font-size:.95rem}
.chap-order{background:transparent;border:1px solid var(--border,#2a2f3a);color:var(--text-muted);border-radius:.5rem;padding:.35rem .7rem;font-size:.82rem;cursor:pointer}
.chap-order:hover{color:var(--text);border-color:var(--accent)}
.chap-list{display:flex;flex-direction:column;border:1px solid var(--border,#222834);border-radius:.7rem;overflow:hidden}
.chap-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;text-decoration:none;color:var(--text);border-top:1px solid var(--border,#1c2029);transition:background .12s}
.chap-row:first-child{border-top:none}
.chap-row:hover{background:rgba(255,255,255,.045)}
.chap-row__num{font-weight:600}
.chap-row:hover .chap-row__num{color:var(--accent)}
.chap-row__date{color:var(--text-muted);font-size:.82rem;flex-shrink:0}
.chap-row--read{background:linear-gradient(90deg,rgba(46,168,107,.16),rgba(46,168,107,.04) 70%)}
.chap-row--read:hover{background:linear-gradient(90deg,rgba(46,168,107,.22),rgba(46,168,107,.07) 70%)}
.chap-row--read .chap-row__num{color:var(--text);font-weight:500}
.chap-row--read .chap-row__num::before{content:"✓";display:inline-block;margin-right:.45rem;color:#2ea86b;font-weight:800}
/* Reader */
.reader{max-width:900px;margin:0 auto;padding:4.6rem 0 2rem}
.reader__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:var(--surface,#12151c);border:1px solid var(--border,#222834);border-radius:.6rem;margin:0 1rem;flex-wrap:wrap}
.reader__bar--top{position:sticky;top:4rem;z-index:5}
.reader__bar--bottom{margin-top:1rem}
.reader__back{color:var(--text-muted);text-decoration:none;font-size:.9rem;flex-shrink:0}
.reader__back:hover{color:var(--accent)}
.reader__title{font-weight:600;font-size:.95rem;flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader__nav{display:flex;gap:.5rem;flex-shrink:0}
.reader__nav .btn:disabled{opacity:.4;cursor:not-allowed}
.reader__pages{display:flex;flex-direction:column;align-items:center}
.reader__page{display:block;width:100%;max-width:850px;height:auto}
@media (max-width:640px){.read-home{padding:5rem 1rem 3rem}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.9rem .7rem}.reader__title{order:3;flex-basis:100%;text-align:left}}

/* ===== RagnaRead multi-source + latest ===== */
.manga-groups{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.2rem 0 .3rem}
.manga-groups__label{color:var(--text-muted);font-size:.85rem;font-weight:600}
.manga-groups__opts{display:flex;gap:.4rem;flex-wrap:wrap}
.manga-group{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;background:var(--surface,#12151c);border:1px solid var(--border,#2a2f3a);color:var(--text);border-radius:.55rem;padding:.35rem .7rem;cursor:pointer;transition:border-color .12s,background .12s;line-height:1.15}
.manga-group small{color:var(--text-muted);font-size:.68rem}
.manga-group:hover{border-color:var(--accent)}
.manga-group--active{border-color:var(--accent);background:var(--accent-soft,rgba(46,168,107,.16))}
.manga-group--active small{color:var(--accent)}
.reader__groups{margin:.6rem 1rem 0}
.latest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}
.latest-card{display:flex;gap:.7rem;background:var(--surface,#12151c);border:1px solid var(--border,#1c2029);border-radius:.6rem;padding:.55rem;text-decoration:none;color:var(--text);transition:border-color .12s,transform .12s}
.latest-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.latest-card__poster{flex-shrink:0;width:54px;height:76px;border-radius:.35rem;overflow:hidden}
.latest-card__poster .poster{width:100%;height:100%;object-fit:cover}
.latest-card__info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.15rem}
.latest-card__title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.latest-card__ch{color:var(--accent);font-weight:700;font-size:.82rem}
.latest-card__meta{color:var(--text-muted);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.latest-grid{grid-template-columns:1fr}}

/* Reader: immersive (Doppelklick) + Kommentare */
.reader__bar--hidden{display:none}
.reader--immersive .reader__pages{padding-top:.5rem}
.reader__comments{max-width:900px;margin:1.5rem auto 0;padding:0 1rem}
.sd-rating{margin:.4rem 0 .2rem}

/* ===== Batch2: Tag-Vorschläge + Lesezeichen ===== */
.chip--add{cursor:pointer;border:1px dashed var(--border,#3a4150);background:transparent;color:var(--text-muted);font-weight:700;padding:.1rem .5rem;line-height:1.4}
.chip--add:hover{border-color:var(--accent);color:var(--accent)}
.tag-suggest{display:inline-flex;align-items:center;gap:.25rem}
.tag-suggest__input{width:9rem;padding:.2rem .45rem;border-radius:.4rem;border:1px solid var(--accent);background:var(--surface,#12151c);color:var(--text);font-size:.82rem}
.tag-suggest__ok,.tag-suggest__x{border:none;border-radius:.35rem;width:1.5rem;height:1.5rem;cursor:pointer;font-weight:700}
.tag-suggest__ok{background:var(--accent);color:#04120a}
.tag-suggest__x{background:#3a2030;color:#ffb4c4}
.tag-review__list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
.tag-review__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem .9rem;background:var(--surface,#12151c);border:1px solid var(--border,#222834);border-radius:.6rem}
.tag-review__info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.tag-review__target a{color:var(--text);text-decoration:none}
.tag-review__target a:hover{color:var(--accent)}
.tag-review__actions{display:flex;gap:.4rem}
.btn--sm{padding:.3rem .7rem;font-size:.82rem}
/* chapter row restructure */
.chap-row__main{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;flex:1;min-width:0}
.chap-row__right{display:flex;align-items:center;gap:.7rem;flex-shrink:0}
.chap-row--bm{border-left:3px solid transparent}
.bm-border-yellow{border-left-color:#f5c518}.bm-border-red{border-left-color:#e5323e}.bm-border-green{border-left-color:#2ea86b}.bm-border-blue{border-left-color:#3b82f6}.bm-border-purple{border-left-color:#a855f7}.bm-border-pink{border-left-color:#ec4899}
.chap-row__bmlabel{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:.4rem;color:#04120a}
.bm-chip-yellow{background:#f5c518}.bm-chip-red{background:#e5323e;color:#fff}.bm-chip-green{background:#2ea86b}.bm-chip-blue{background:#3b82f6;color:#fff}.bm-chip-purple{background:#a855f7;color:#fff}.bm-chip-pink{background:#ec4899;color:#fff}
/* bookmark button + popover */
.bm-wrap{position:relative}
.bm-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;opacity:.35;filter:grayscale(1);transition:opacity .12s}
.bm-btn:hover{opacity:.8}
.bm-btn--on{opacity:1;filter:none}
.bm-pop{position:absolute;right:0;top:130%;z-index:20;background:var(--surface,#161a22);border:1px solid var(--border,#2a2f3a);border-radius:.6rem;padding:.6rem;box-shadow:0 8px 30px rgba(0,0,0,.5);width:15rem}
.bm-colors{display:flex;gap:.35rem;margin-bottom:.5rem}
.bm-swatch{width:1.4rem;height:1.4rem;border-radius:50%;border:2px solid transparent;cursor:pointer}
.bm-swatch--sel{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.bm-yellow{background:#f5c518}.bm-red{background:#e5323e}.bm-green{background:#2ea86b}.bm-blue{background:#3b82f6}.bm-purple{background:#a855f7}.bm-pink{background:#ec4899}
.bm-label{width:100%;box-sizing:border-box;padding:.35rem .5rem;border-radius:.4rem;border:1px solid var(--border,#2a2f3a);background:var(--bg,#0b0e14);color:var(--text);font-size:.85rem;margin-bottom:.5rem}
.bm-pop__actions{display:flex;gap:.4rem}

/* ===== Adminpanel: Manga verwalten ===== */
.mngadm-card{background:var(--surface,#12151c);border:1px solid var(--border,#222834);border-radius:.7rem;padding:1rem 1.1rem;margin-bottom:1.2rem}
.mngadm-card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mngadm-card__head h3{margin:0;font-size:1.05rem}
.mngadm-card__row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin:.6rem 0}
.mngadm-hours{width:4.5rem;margin-left:.4rem;padding:.25rem .4rem;border-radius:.4rem;border:1px solid var(--border,#2a2f3a);background:var(--bg,#0b0e14);color:var(--text)}
.mngadm-toggle{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}
.mngadm-last{margin:.2rem 0 0;font-size:.83rem}
.mngadm-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}
.mngadm-search{flex:0 1 22rem;padding:.45rem .7rem;border-radius:.5rem;border:1px solid var(--border,#2a2f3a);background:var(--surface,#12151c);color:var(--text)}
.mngadm-list{display:flex;flex-direction:column;gap:.7rem}
.mngadm-row{background:var(--surface,#12151c);border:1px solid var(--border,#222834);border-radius:.7rem;padding:.7rem .9rem}
.mngadm-row__main{display:flex;align-items:center;gap:.9rem}
.mngadm-cover{width:46px;height:64px;object-fit:cover;border-radius:.35rem;flex-shrink:0}
.mngadm-cover--none{background:#1c2029}
.mngadm-info{flex:1;min-width:0}
.mngadm-title{display:flex;align-items:center;gap:.5rem;font-weight:600}
.mngadm-title a{color:var(--text);text-decoration:none}
.mngadm-title a:hover{color:var(--accent)}
.mngadm-meta{font-size:.82rem;margin:.15rem 0 .3rem}
.mngadm-sources{display:flex;gap:.4rem;flex-wrap:wrap}
.mngadm-src{display:inline-flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.05);border:1px solid var(--border,#2a2f3a);border-radius:.45rem;padding:.12rem .5rem;font-size:.76rem}
.mngadm-src small{color:var(--text-muted)}
.mngadm-src__x{background:transparent;border:none;color:#ff8896;cursor:pointer;font-weight:700;padding:0 .1rem}
.mngadm-actions{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.mngadm-edit{margin-top:.8rem;border-top:1px solid var(--border,#1c2029);padding-top:.8rem}
.mngadm-edit__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem .9rem;margin-bottom:.6rem}
.mngadm-edit label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-muted)}
.mngadm-edit input,.mngadm-edit textarea{padding:.4rem .55rem;border-radius:.45rem;border:1px solid var(--border,#2a2f3a);background:var(--bg,#0b0e14);color:var(--text);font-size:.88rem;width:100%;box-sizing:border-box}
.mngadm-edit__desc{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-muted)}
.mngadm-edit__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.6rem}
@media (max-width:700px){.mngadm-row__main{flex-wrap:wrap}.mngadm-actions{width:100%;justify-content:flex-start}}

/* Manga Massen-Import Buttons */
.rs-mgbulk__btns{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}

/* ===== Read-Home v2: Weiterlesen-Scroller, Beliebt, Filter ===== */
.read-hscroll{display:flex;gap:.8rem;overflow-x:auto;padding:.15rem .15rem .55rem;scrollbar-width:thin}
.read-hscroll--cards .manga-card,.read-hscroll--cards .novel-card{flex:0 0 150px}
.cont-card{flex:0 0 300px;display:flex;gap:.75rem;background:var(--surface,#12151c);border:1px solid var(--border,#1c2029);border-radius:.7rem;padding:.6rem;text-decoration:none;color:var(--text);transition:border-color .12s,transform .12s}
.cont-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.cont-card__poster{flex:0 0 62px;height:88px;border-radius:.4rem;overflow:hidden}
.cont-card__poster img{width:100%;height:100%;object-fit:cover;display:block}
.cont-card__info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:.25rem}
.cont-card__title{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cont-card__ch{font-size:.8rem;color:var(--accent);font-weight:600}
.cont-card__new{color:#f5c518;font-weight:700}
.cont-card__bar{height:4px;border-radius:2px;background:rgba(255,255,255,.09);overflow:hidden}
.cont-card__fill{height:100%;background:var(--accent-grad,var(--accent));border-radius:2px}
.cont-card__pct{font-size:.72rem}
.read-allbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}
.read-allbar .read-sec__title{margin:0}
.read-allbar__ctl{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.read-typechips{display:flex;gap:.35rem}
.read-sort{padding:.35rem .55rem;border-radius:.5rem;border:1px solid var(--border,#2a2f3a);background:var(--surface,#12151c);color:var(--text);font-size:.85rem}
.read-more{display:flex;justify-content:center;margin-top:1.2rem}
.read-loading{padding:2rem;text-align:center}

/* ===== Erweiterte Manga-Suche ===== */
.msearch-filters{display:flex;flex-direction:column;gap:.9rem;background:var(--surface,#12151c);border:1px solid var(--border,#222834);border-radius:.8rem;padding:1rem 1.1rem;margin:1rem 0 1.4rem}
.msearch-row{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:flex-end}
.msearch-group{display:flex;flex-direction:column;gap:.4rem}
.msearch-group--genres{border-top:1px solid var(--border,#1c2029);padding-top:.8rem}
/* Zusatzregeln, die nur beim externen Rating erscheinen - leicht abgesetzt, damit klar ist, dass sie nur dafuer gelten. */
.msearch-group--extrules{border-top:1px solid var(--border,#1c2029);padding-top:.8rem;gap:.7rem}
.msearch-group--extrules .msearch-label small{font-weight:500;text-transform:none;letter-spacing:0}
.msearch-outrule{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.msearch-outrule .muted{font-size:.85rem}
/* Zuruecksetzen unten rechts - fuer alle, die erst nach dem Scrollen merken, dass zu viel gefiltert ist. */
.msearch-footreset{display:flex;justify-content:flex-end;border-top:1px solid var(--border,#1c2029);padding-top:.7rem}
.msearch-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}
.msearch-chips{display:flex;gap:.35rem;flex-wrap:wrap}
.msearch-gn{margin-left:.3rem;opacity:.55;font-size:.7em}
.msearch-moreg{border-style:dashed}
.msearch-reset{align-self:flex-end}

/* ===== v25: Ungelesen-Knopf + Externes Rating ===== */
.chap-tools{display:flex;align-items:center;gap:.8rem}
.chap-unread{background:transparent;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;text-decoration:underline dotted;opacity:.7}
.chap-unread:hover{color:#ff8896;opacity:1}
.extrating{margin:.35rem 0 .1rem;max-width:26rem}
.extrating__head{display:flex;align-items:center;gap:.55rem;background:transparent;border:1px solid var(--border,#2a2f3a);border-radius:.55rem;padding:.4rem .7rem;color:var(--text);cursor:pointer;width:100%}
.extrating__head:hover{border-color:var(--accent)}
.extrating__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}
.extrating__val{font-weight:800;color:#f5c518}
.extrating__val small{color:var(--text-muted);font-weight:500}
.extrating__src{font-size:.75rem;flex:1;text-align:left}
.extrating__arrow{transition:transform .15s;color:var(--text-muted)}
.extrating__arrow--open{transform:rotate(180deg)}
.extrating__list{border:1px solid var(--border,#1c2029);border-top:none;border-radius:0 0 .55rem .55rem;padding:.4rem .7rem;display:flex;flex-direction:column;gap:.25rem}
.extrating__row{display:flex;justify-content:space-between;font-size:.85rem}
.extrating__num{color:#f5c518;font-weight:700}

/* ===== v26: Specs + comix + Tag-Dropdown ===== */
.mspecs{display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0}
.mspecs__line{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.mspecs__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-right:.2rem}
.mspecs__label small{opacity:.6}
.chip--demo{background:rgba(59,130,246,.16);color:#93c5fd}
.chip--fmt{background:rgba(168,85,247,.16);color:#d8b4fe}
.chip--spec{background:rgba(255,255,255,.05);font-size:.74rem}
.chip--more{cursor:pointer;border:1px dashed var(--border,#3a4150);color:var(--accent);font-weight:600}
.chip--more:hover{border-color:var(--accent)}
/* Admin-Tag-Dropdown */
.tagdrop{position:relative;display:inline-flex}
.tagdrop__search{width:13rem;padding:.25rem .5rem;border-radius:.45rem;border:1px solid var(--accent);background:var(--surface,#12151c);color:var(--text);font-size:.82rem}
.tagdrop__pop{position:absolute;left:0;top:120%;z-index:30;min-width:15rem;max-height:16rem;overflow-y:auto;background:var(--surface,#161a22);border:1px solid var(--border,#2a2f3a);border-radius:.55rem;padding:.35rem;box-shadow:0 10px 34px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:.15rem}
.tagdrop__new{text-align:left;background:var(--accent-soft,rgba(46,168,107,.16));color:var(--accent);border:none;border-radius:.4rem;padding:.35rem .5rem;cursor:pointer;font-weight:600;font-size:.82rem}
.tagdrop__item{display:flex;justify-content:space-between;gap:.5rem;text-align:left;background:transparent;border:none;color:var(--text);border-radius:.4rem;padding:.3rem .5rem;cursor:pointer;font-size:.84rem}
.tagdrop__item:hover{background:rgba(255,255,255,.06)}
.tagdrop__item small{color:var(--text-muted)}
.tagdrop__empty{padding:.4rem .5rem;font-size:.8rem}
/* comix link im Admin-Editor */
.mngadm-comix{margin-top:.8rem;border-top:1px solid var(--border,#1c2029);padding-top:.7rem;display:flex;flex-direction:column;gap:.4rem}
.mngadm-comix__label{font-size:.78rem;color:var(--text-muted);font-weight:600}
.mngadm-comix__row{display:flex;gap:.5rem;flex-wrap:wrap}
.mngadm-comix__row input{flex:1;min-width:16rem;padding:.4rem .55rem;border-radius:.45rem;border:1px solid var(--border,#2a2f3a);background:var(--bg,#0b0e14);color:var(--text)}
.mngadm-comix__cur{font-size:.78rem}
.msearch-specsearch{width:16rem;max-width:100%;padding:.4rem .55rem;border-radius:.5rem;border:1px solid var(--border,#2a2f3a);background:var(--surface,#12151c);color:var(--text);margin-top:.3rem}
.msearch-specsel{margin-bottom:.3rem}

/* Manga-Backdrop: Cover ist Hochformat → oben verankert (center top), damit das Motiv/Gesicht
   (z. B. das Auge) im Hintergrund sichtbar bleibt; volle Hero-Höhe. Weicher Verlauf: oben leicht
   abgedunkelt (dämpft den CDN-Balken), Mitte klar, unten in den Seitenhintergrund. */
.manga-detail .sd__backdrop{background-position:center top}
.manga-detail .sd__backdrop-fade{background:linear-gradient(to bottom,rgba(11,14,20,.18) 0%,transparent 26%,rgba(11,14,20,.62) 64%,var(--bg) 100%)}
.mngadm-guess{margin-top:.9rem;border-top:1px solid var(--border,#1c2029);padding-top:.7rem}
.mngadm-guess__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.3rem}

/* ===== v28: Read-Home Akzent-Verlauf + Poster oben + Weiterlesen-mehr + Wheel ===== */
/* Manga-Poster oben neben dem Titel ausrichten (statt unten, wenn Specs die Spalte hoch machen) */
.manga-detail .sd__hero{align-items:flex-start}
/* Dezenter, akzentfarbener Hintergrundverlauf auf der Read-Startseite */
.read-home{position:relative}
.read-home::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(52rem 36rem at 8% -4%, var(--accent-glow,rgba(46,168,107,.3)), transparent 60%),
    radial-gradient(44rem 32rem at 98% 6%, var(--accent-soft,rgba(46,168,107,.16)), transparent 58%),
    radial-gradient(46rem 30rem at 82% 60%, var(--accent-soft,rgba(46,168,107,.16)), transparent 62%),
    radial-gradient(56rem 48rem at 45% 112%, var(--accent-glow,rgba(46,168,107,.3)), transparent 60%);
  opacity:.6}
.read-home > *{position:relative;z-index:1}
.read-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.35rem}
.read-morelink{color:var(--text-muted);font-size:.82rem;text-decoration:none;white-space:nowrap}
.read-morelink:hover{color:var(--accent)}
.read-hscroll{scroll-behavior:smooth}
.cont-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.8rem}
.cont-grid .cont-card{flex:unset}

/* ===== v30: Benachrichtigungen, Wünsche, Empfehlungen ===== */
.navbar__bell{position:relative}
.navbar__bellbtn{position:relative;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;display:flex;border-radius:.5rem}
.navbar__bellbtn:hover{color:var(--text);background:rgba(255,255,255,.06)}
.navbar__bellbadge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#04120a;font-size:.66rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
.notifdrop{position:absolute;right:0;top:130%;z-index:60;width:22rem;max-width:88vw;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;background:var(--surface,#161a22);border:1px solid var(--border,#2a2f3a);border-radius:.7rem;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.notifdrop__head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-bottom:1px solid var(--border,#222834)}
.notifdrop__mark{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:.8rem}
.notifdrop__list{overflow-y:auto}
.notifdrop__empty{padding:1.4rem;text-align:center;font-size:.85rem}
.notifitem{display:flex;gap:.6rem;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border,#1c2029);padding:.6rem .8rem;cursor:pointer;color:var(--text)}
.notifitem:hover{background:rgba(255,255,255,.04)}
.notifitem--unread{background:var(--accent-soft,rgba(46,168,107,.1))}.notifitem--t-jerk{border-left:3px solid #ec4899}.notifitem--t-jerk .notifitem__icon{color:#ec4899}.notifitem--t-jerk.notifitem--unread{background:rgba(236,72,153,.12)}
.notifitem__icon{font-size:1.1rem;flex-shrink:0}
.notifitem__body{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.notifitem__title{font-weight:600;font-size:.86rem}
.notifitem__sub{color:var(--text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notifitem__time{color:var(--text-muted);font-size:.72rem}
.read-home__headrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.wish-wrap{margin:0 0 1.4rem}
.wish{background:var(--surface,#12151c);border:1px solid var(--border,#222834);border-radius:.7rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.55rem;max-width:40rem}
.wish__head{display:flex;align-items:center;justify-content:space-between}
.wish__x{background:transparent;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;line-height:1}
.wish__row{display:flex;gap:.5rem;flex-wrap:wrap}
.wish__title{flex:1;min-width:12rem}
.wish select,.wish input,.wish textarea{padding:.45rem .6rem;border-radius:.5rem;border:1px solid var(--border,#2a2f3a);background:var(--bg,#0b0e14);color:var(--text);font-size:.9rem;box-sizing:border-box}
.wish input,.wish textarea{width:100%}
.wish button[type=submit]{align-self:flex-start}
.mngadm-src--err{border-color:#ff8896}
.mngadm-src__warn{color:#ff8896;font-weight:700}

/* --- Offline-Downloads (v31) --- */
.reader__dl{white-space:nowrap}
.reader__dl--done{color:#7fdca0;border-color:rgba(127,220,160,.5)}
.read-home__headbtns{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.rs-downloads{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}
.rs-downloads__head{margin-bottom:1.5rem}
.rs-downloads__head h1{margin:0 0 .25rem}
.rs-dlgroup{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;margin-bottom:1rem}
.rs-dlgroup__head{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}
.rs-dlgroup__cover{flex:0 0 auto;width:52px;height:74px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}
.rs-dlgroup__cover img{width:100%;height:100%;object-fit:cover}
.rs-dlgroup__ph{font-size:1.5rem;opacity:.6}
.rs-dlgroup__meta{flex:1 1 auto;display:flex;flex-direction:column;gap:.15rem;min-width:0}
.rs-dlgroup__title{font-weight:700;color:inherit;text-decoration:none}
.rs-dlgroup__title:hover{text-decoration:underline}
.rs-dlgroup__chapters{display:flex;flex-direction:column;gap:.35rem}
.rs-dlchapter{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;background:rgba(255,255,255,.03);border-radius:8px}
.rs-dlchapter__link{flex:1 1 auto;color:inherit;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-dlchapter__link:hover{text-decoration:underline}
.rs-dlchapter__size{flex:0 0 auto;font-size:.85rem}
.rs-dlchapter__del{flex:0 0 auto;background:none;border:none;color:#ff8896;cursor:pointer;font-size:1rem;padding:.1rem .4rem;border-radius:6px}
.rs-dlchapter__del:hover{background:rgba(255,136,150,.15)}

/* --- Premium (v32) --- */
.reader__dl--prem{color:#ffd66b;border-color:rgba(255,214,107,.5)}
.navbar__menu-prem--on{color:#ffd66b}
.chip--prem{background:linear-gradient(120deg,#ffcf5c,#ff9d3c);color:#3a2600;border:none;font-weight:700}
.spinner--sm{width:18px;height:18px;border-width:2px;display:inline-block;vertical-align:middle}
.prempage{max-width:1000px;margin:0 auto;padding:1.5rem 1rem 4rem}
.prempage__hero{text-align:center;margin-bottom:1.5rem}
.prempage__crown{font-size:2.6rem;display:block}
.prempage__hero h1{margin:.3rem 0 .4rem;font-size:2rem}
.prempage__sub{max-width:56ch;margin:0 auto;opacity:.8}
.prempage__rate{text-align:center;margin-top:1rem}
.prem-status{margin:1rem auto;max-width:640px;text-align:center;padding:.8rem 1rem;border-radius:12px;background:linear-gradient(120deg,rgba(255,207,92,.16),rgba(255,157,60,.1));border:1px solid rgba(255,207,92,.35)}
.prem-benefits{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.1rem 1.3rem;margin-bottom:1.5rem}
.prem-benefits h2{margin:0 0 .7rem;font-size:1.15rem}
.prem-benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.prem-benefits li{display:flex;gap:.7rem;align-items:flex-start}
.prem-benefits__ic{font-size:1.3rem;flex:0 0 1.6rem}
.prem-benefits__txt{display:flex;flex-direction:column;gap:.1rem}
.prem-benefits__txt .muted{font-size:.9rem}
.premplan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}
.premplan{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.4rem 1.1rem;text-align:center;display:flex;flex-direction:column;gap:.4rem}
.premplan--best{border-color:rgba(255,207,92,.6);box-shadow:0 0 0 1px rgba(255,207,92,.25),0 8px 30px rgba(255,157,60,.12)}
.premplan__best{position:absolute;top:-.7rem;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,#ffcf5c,#ff9d3c);color:#3a2600;font-weight:700;font-size:.72rem;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}
.premplan__label{margin:.2rem 0 0;font-size:1.15rem}
.premplan__price{font-size:1.8rem;font-weight:800}
.premplan__xmr{color:#ffd66b;font-size:.9rem}
.premplan__days{opacity:.7;font-size:.85rem;margin-bottom:.5rem}
.premplan .btn{margin-top:auto}
.prempay{max-width:640px;margin:0 auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;gap:.9rem}
.prempay__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.prempay__head h2{margin:0;font-size:1.2rem}
.prempay__timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.2rem;padding:.15rem .6rem;border-radius:8px;background:rgba(255,255,255,.08)}
.prempay__timer--low{color:#ff8896;background:rgba(255,136,150,.14)}
.prempay__field{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:rgba(0,0,0,.2);border-radius:10px;padding:.6rem .8rem}
.prempay__flabel{flex:0 0 4.5rem;opacity:.7;font-size:.85rem}
.prempay__amt{font-size:1.15rem;font-weight:700;color:#ffd66b}
.prempay__addr-val{flex:1;min-width:0;word-break:break-all;font-size:.82rem;line-height:1.35}
.prempay__wallet{text-align:center;text-decoration:none}
.prempay__waiting{display:flex;align-items:center;gap:.6rem;justify-content:center;opacity:.85;padding:.4rem}
.prempay__seen{display:flex;flex-direction:column;gap:.4rem}
.prempay__bar{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.prempay__barfill{height:100%;background:linear-gradient(90deg,#4de0a0,#2ea86b);transition:width .4s}
.prempay__cancel{align-self:center}
.prempay--ok,.prempay--exp{text-align:center;align-items:center}
.prempay__icon{font-size:2.6rem}
.prempay--ok h2,.prempay--exp h2{margin:.3rem 0}
/* Premium-Admin */
.premadm{display:flex;flex-direction:column;gap:1.2rem}
.premadm-wallet{padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}
.premadm-wallet--ok{border-color:rgba(127,220,160,.4);background:rgba(127,220,160,.08)}
.premadm-wallet--bad{border-color:rgba(255,136,150,.4);background:rgba(255,136,150,.07)}
.premadm-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem 1.2rem}
.premadm-panel h3{margin:0 0 .6rem}
.premadm-payout{display:flex;gap:.6rem;flex-wrap:wrap}
.premadm-payout input{flex:1;min-width:260px}
.premadm-payouts{margin-top:.8rem;display:flex;flex-direction:column;gap:.35rem}
.premadm-po{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;padding:.4rem .6rem;background:rgba(255,255,255,.03);border-radius:8px;font-size:.88rem}
.premadm-po--sent .premadm-po__amt{color:#7fdca0;font-weight:700}
.premadm-po--error .premadm-po__amt{color:#ff8896}
.premadm-po__addr{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7;font-size:.8rem}
.premadm-po__err{color:#ff8896}
.premadm-plans{display:flex;flex-direction:column;gap:.5rem}
.premadm-plan{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.5rem .6rem;background:rgba(255,255,255,.03);border-radius:8px}
.premadm-plan__label{font-weight:600;flex:0 0 6rem}
.premadm-plan__price{display:flex;align-items:center;gap:.3rem;margin-left:auto}
.premadm-plan__price input{width:6rem}
.premadm-plan__active{display:flex;align-items:center;gap:.35rem}
.premadm-orders{display:flex;flex-direction:column;gap:.35rem}
.premadm-order{display:grid;grid-template-columns:1fr 1fr auto auto auto auto;gap:.6rem;align-items:center;padding:.4rem .6rem;background:rgba(255,255,255,.03);border-radius:8px;font-size:.88rem}
.premadm-o__user{font-weight:600}
.premadm-o__status{padding:.1rem .5rem;border-radius:999px;font-size:.78rem;text-transform:capitalize}
.status--paid{background:rgba(127,220,160,.16);color:#7fdca0}
.status--pending{background:rgba(255,207,92,.16);color:#ffd66b}
.status--expired,.status--cancelled{background:rgba(255,255,255,.08);opacity:.7}
.link-btn--prem{color:#ffd66b}
@media(max-width:640px){.premadm-order{grid-template-columns:1fr 1fr;row-gap:.2rem}}

/* --- AnimeToast-Quelle + Hide-Switch (v33) --- */
.rs-atbulk .rs-athide{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.rs-atbulk .rs-athide h2{margin:0 0 .3rem}
.rs-athide__toggle{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.9rem;opacity:.9}
.rs-mgbulk__btns{display:flex;gap:.6rem;flex-wrap:wrap}

/* ===================== Mobile / Responsive (v34) ===================== */
.navbar__menu-navlink,.navbar__menu-search{display:none}
@media (max-width: 900px){
  .admin-split{grid-template-columns:1fr;gap:1rem}
  .admin-split__list{position:static;max-height:none}
  .admin-split__items{max-height:360px}
  .admin-content{overflow-x:auto}
  .admin-table{min-width:560px}
  .admin-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .admin-tabs::-webkit-scrollbar{display:none}
  .admin-tabs a{white-space:nowrap}
  .admin-users__head{flex-wrap:wrap;gap:.6rem}
  .rs-import__series{flex-wrap:wrap}
}
@media (max-width: 820px){
  .navbar__inner{padding:0 .7rem;gap:.5rem}
  .navbar__logo{font-size:1.15rem}
  .navbar__right{gap:.5rem;margin-left:.3rem}
  .navbar__search-wrap{display:none}
  .mode-switch{font-size:.72rem}
  .mode-switch__opt{padding:.3rem .5rem}
  .navbar__links{gap:.6rem;font-size:.84rem;flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}
  .navbar__links::-webkit-scrollbar{display:none}
  .navbar__links a{white-space:nowrap}
  .navbar__menu-navlink,.navbar__menu-search{display:block}
  /* Hero: stapeln, Poster weg */
  .hero__inner{flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:auto;gap:1.1rem;padding:calc(var(--nav-height) + 2rem) 1.1rem 2rem}
  .hero__poster{display:none}
  .hero__description{-webkit-line-clamp:3}
  /* Detailseite: Poster oben, Info darunter */
  .sd__hero{flex-direction:column;align-items:stretch;padding:calc(var(--nav-height) + 1.4rem) 1.1rem 1.2rem;gap:1.1rem}
  .sd__poster{flex:0 0 auto;width:148px;margin:0 auto}
  .sd__info{align-items:center;text-align:center}
  .sd__meta,.sd__genres,.manga-detail__credits{justify-content:center}
  .sd__actions{flex-wrap:wrap;justify-content:center}
  .sd-rating__main,.mspecs__line{justify-content:center}
  .manga-detail .sd__hero{align-items:center}
  .page{padding:calc(var(--nav-height) + 1.2rem) 1rem 3rem}
  .prempage,.rs-downloads,.settings-page,.msearch,.search-page,.read-home{padding-left:1rem;padding-right:1rem}
  .read-home{padding-top:calc(var(--nav-height) + 1rem)}
  .ep__hero{grid-template-columns:1fr;padding:calc(var(--nav-height) + 1rem) 1rem 1rem}
  .ep__still{max-width:100%}
}
@media (max-width: 600px){
  .watch__controls{flex-wrap:wrap;gap:.5rem;justify-content:center}
  .watch__controls-group{gap:.3rem}
  .watch__volume input[type=range]{display:none}
  .watch__time{font-size:.8rem}
  .watch__source-name{display:none}
  .watch__title{font-size:.95rem}
  .watch__top{padding:.6rem .8rem}
  .watch__bottom{padding:.6rem .7rem}
  .rs-ept__row{grid-template-columns:auto minmax(0,1fr);gap:.25rem .7rem}
  .rs-ept__cell--hoster,.rs-ept__cell--lang{grid-column:1 / -1}
  .rs-ept__row--head{display:none}
  .rs-profile__banner{height:110px;margin-bottom:-40px}
  .rs-profile__head{padding:0 1rem;gap:.8rem}
  .rs-profile__stats{gap:.5rem}
  .rs-stat{flex:1 1 40%}
  .sd__season-head,.read-allbar,.read-sechead{flex-wrap:wrap;gap:.6rem}
  .reader__bar{padding:.4rem .6rem;gap:.4rem;flex-wrap:wrap}
  .reader__title{display:none}
  .reader__nav .btn{padding:.35rem .6rem;font-size:.82rem}
  .comments__new{flex-direction:column}
  .premadm-order{grid-template-columns:1fr 1fr}
}
@media (max-width: 480px){
  .poster-grid,.manga-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:.9rem .6rem}
  .rs-tilegrid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:.6rem}
  .cont-grid,.rs-eres-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
  .hero__title,.sd__title{font-size:clamp(1.6rem,7vw,2.2rem)}
  .btn--lg{padding:.6rem 1rem;font-size:.95rem}
  .modal{width:96vw}
  .premplan-grid{grid-template-columns:1fr 1fr;gap:.7rem}
  .prempay__field{flex-direction:column;align-items:flex-start}
  .auth-card{padding:1.4rem 1.1rem}
}

/* --- Adminpanel-Übersicht überarbeitet (v34) --- */
.admin-statgroup{margin-bottom:1.5rem}
.admin-statgroup__title{margin:0 0 .7rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}
.admin-dashboard .stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.admin-todo{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:linear-gradient(120deg,rgba(255,207,92,.12),rgba(255,157,60,.08));border:1px solid rgba(255,207,92,.3);border-radius:12px;padding:.7rem 1rem;margin-bottom:1.4rem}
.admin-todo__ic{font-size:1.15rem}
.admin-todo__label{font-weight:700}
.admin-todo__pill{background:rgba(255,255,255,.08);border-radius:999px;padding:.25rem .7rem;font-size:.88rem;font-weight:600;color:inherit;text-decoration:none;white-space:nowrap}
.admin-todo__pill:hover{background:var(--accent);color:#fff}
.admin-dashboard__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
@media(max-width:600px){.admin-dashboard .stat-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}}

/* --- PWA Install-Banner (v35) --- */
.pwa-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:1rem;z-index:1200;display:flex;align-items:center;gap:.8rem;max-width:min(560px,92vw);width:max-content;background:var(--bg-card,#161b28);border:1px solid var(--border,#262e40);border-radius:14px;padding:.7rem .9rem;box-shadow:0 14px 44px rgba(0,0,0,.55)}
.pwa-banner__ic{font-size:1.5rem;flex:0 0 auto}
.pwa-banner__txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.pwa-banner__txt .muted{font-size:.82rem}
.pwa-banner__x{background:none;border:none;color:var(--text-muted,#93a0b4);font-size:1.3rem;line-height:1;cursor:pointer;padding:.1rem .4rem;flex:0 0 auto}
.pwa-banner__x:hover{color:var(--text,#e9edf5)}
@media(max-width:480px){.pwa-banner{bottom:.6rem;padding:.6rem .7rem;gap:.6rem}.pwa-banner__ic{font-size:1.3rem}}

/* --- Erweiterte Anime-Suche (v35) --- */
.msearch-years{display:flex;align-items:center;gap:.4rem}
.msearch-years input{width:5.2rem}

/* --- Watch-Party (v36) --- */
.party{display:grid;grid-template-columns:1fr 340px;gap:1rem;max-width:1500px;margin:0 auto;padding:calc(var(--nav-height) + 1rem) 1rem 1.5rem;min-height:calc(100vh - var(--nav-height))}
.party--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}
.party__main{display:flex;flex-direction:column;gap:.7rem;min-width:0}
.party__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.party__code{font-size:.95rem}
.party__code strong{letter-spacing:.12em;background:rgba(255,255,255,.08);padding:.1rem .5rem;border-radius:6px;margin:0 .3rem}
.party__hostbadge{background:linear-gradient(120deg,#ffcf5c,#ff9d3c);color:#3a2600;font-weight:700;font-size:.72rem;padding:.1rem .45rem;border-radius:999px;margin-left:.4rem}
.party__player{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9}
.party__video,.party__embed{position:absolute;inset:0;width:100%;height:100%;border:0}
.party__embnote{font-size:.85rem;color:var(--text-muted);background:rgba(255,207,92,.08);border:1px solid rgba(255,207,92,.25);border-radius:10px;padding:.55rem .8rem}
.party__srcs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.party__side{display:flex;flex-direction:column;gap:.8rem;min-height:0}
.party__panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.8rem}
.party__sharerow{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}
.party__members{display:flex;flex-wrap:wrap;gap:.4rem}
.party__member{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.05);border-radius:999px;padding:.2rem .6rem .2rem .25rem;font-size:.82rem}
.party__member--host{outline:1.5px solid rgba(255,207,92,.6)}
.party__member img,.party__mav{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.party__mav{background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}
.party__chat{flex:1 1 auto;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-height:260px}
.party__msgs{flex:1 1 auto;overflow-y:auto;padding:.7rem;display:flex;flex-direction:column;gap:.45rem}
.party__msg{display:flex;flex-direction:column;gap:.05rem;max-width:90%}
.party__msg--me{align-self:flex-end;text-align:right}
.party__msgname{font-size:.72rem;color:var(--text-muted)}
.party__msgtext{background:rgba(255,255,255,.06);border-radius:10px;padding:.35rem .6rem;display:inline-block;word-break:break-word}
.party__msg--me .party__msgtext{background:var(--accent-soft)}
.party__sys{font-size:.78rem;color:var(--text-muted);text-align:center;font-style:italic}
.party__chatform{display:flex;gap:.4rem;padding:.5rem;border-top:1px solid var(--border)}
.party__chatform input{flex:1;min-width:0}
.party__leave{align-self:flex-start}
@media(max-width:820px){.party{grid-template-columns:1fr;padding:calc(var(--nav-height) + .6rem) .6rem 1rem}.party__chat{min-height:300px}}

/* --- Reader-Einstellungen (v36) --- */
.reader__set{padding:.4rem .6rem}
.rdset{position:fixed;top:4.4rem;right:1rem;z-index:60;width:min(300px,92vw);background:var(--bg-card,#161b28);border:1px solid var(--border,#262e40);border-radius:12px;padding:.8rem;box-shadow:0 14px 44px rgba(0,0,0,.55)}
.rdset__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.rdset__x{background:none;border:none;color:var(--text-muted);font-size:1.3rem;line-height:1;cursor:pointer}
.rdset__row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.7rem}
.rdset__row>span{font-size:.82rem;color:var(--text-muted)}
.rdset__opts{display:flex;flex-wrap:wrap;gap:.35rem}
.rdset__opt{background:rgba(255,255,255,.06);border:1px solid transparent;border-radius:8px;padding:.3rem .6rem;font-size:.82rem;color:inherit;cursor:pointer}
.rdset__opt--on{background:var(--accent);color:#fff}
.rdset__swatches{display:flex;gap:.5rem}
.rdset__sw{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer}
.rdset__sw--on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
/* Seite-für-Seite-Modus: jede Seite füllt den Screen + Snap */
html.rs-paged{scroll-snap-type:y proximity;scroll-padding-top:5rem}
html.rs-paged .reader{max-width:100% !important}
html.rs-paged .reader__pages{row-gap:.4rem !important}
html.rs-paged .reader__page{width:auto !important;max-width:100% !important;height:auto !important;max-height:calc(100svh - 5.5rem);object-fit:contain;scroll-snap-align:start;scroll-margin-top:5rem}

/* --- Server-Download-Status (v36) --- */
.dlstatus{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}
.dlstatus__head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.5rem}
.dlstatus__head strong{flex:1 1 auto;min-width:200px}

/* --- Quellen-Reparatur (v36) --- */
.ep__report{color:var(--text-muted);font-size:.85rem}
.repair__list{display:flex;flex-direction:column;gap:.5rem}
.repair__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem}
.repair__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.repair__title{font-weight:600;color:inherit;text-decoration:none}
.repair__title:hover{text-decoration:underline}
.repair__actions{display:flex;gap:.5rem;flex-shrink:0}

/* Reader-Immersive: globale Navbar ausblenden (Doppelklick) */
body.rs-reader-immersive .navbar{transform:translateY(-100%);pointer-events:none;transition:transform .2s}
body.rs-reader-immersive .reader{padding-top:.6rem}

/* Ganzen Manga offline speichern (Premium) */
.manga-dlall{white-space:nowrap}
.manga-dlall--done{color:#7ee0a0;border-color:#2c6b45;cursor:default}
.manga-dlall--prem{color:#ffd76a;border-color:#6b5a2c}

/* Quelle-melden-Buttons (Episoden-Detail, Fullscreen-Player, Reader) */
.ep__report{border-color:#7a3b3b !important;color:#ff9e9e !important}
.ep__report:hover{background:#3a1f1f !important;color:#ffbcbc !important}
.reader__report{color:#ff9e9e}
.reader__report:hover{background:#3a1f1f;color:#ffbcbc}
.watch__source-report{width:100%;text-align:left;margin-top:.35rem;padding-top:.5rem;border-top:1px solid #ffffff1a;color:#ff9e9e !important}
.watch__source-report:hover{color:#ffbcbc !important}

/* Quelle-melden-Buttons (Episode, Player-Menü, Manga-Reader) */
.ep__report{color:#ffb0b0;border-color:#6b2c2c}
.ep__report:hover{background:#3a1c1c;color:#ffd0d0}
.watch__source-report{width:100%;margin-top:.35rem;padding:.5rem;border:0;border-top:1px solid #ffffff1a;background:transparent;color:#ffb0b0;text-align:left;cursor:pointer;font:inherit}
.watch__source-report:hover{background:#ffffff12;color:#ffd0d0}
.reader__report-wrap{max-width:900px;margin:.2rem auto 0;padding:0 .6rem;text-align:right}
.reader__report{color:#ffb0b0;border-color:#6b2c2c;font-size:.85rem;padding:.3rem .7rem}
.reader__report:hover{background:#3a1c1c;color:#ffd0d0}
.reader--immersive .reader__report-wrap{display:none}

/* Klickbare Genre-Chips + Genre-Hub-Seite */
.chip--link{cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.chip--link:hover{background:var(--accent,#5b8cff);color:#fff}
.rs-genre{max-width:1200px;margin:0 auto;padding:calc(var(--nav-height) + 1.5rem) 1rem 3rem}
.rs-genre__head{display:flex;align-items:baseline;gap:.6rem;margin:.4rem 0 1.2rem}
.rs-genre__head h1{margin:0;font-size:1.8rem}
.rs-genre__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8b93a7;background:#ffffff10;padding:.25rem .55rem;border-radius:.5rem}
.rs-genre .read-sec{margin-bottom:2rem}
.rs-genre__count{font-size:.8rem;color:#8b93a7;font-weight:500}

/* Manga-Home: Untertitel-Hint an Sektions-Titeln */
.read-sec__hint{font-size:.72rem;font-weight:500;color:#8b93a7;background:#ffffff10;padding:.18rem .5rem;border-radius:.5rem;vertical-align:middle}

/* Admin: Manga zusammenführen */
.mmerge__cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.mmerge__col{background:#ffffff08;border:1px solid #ffffff12;border-radius:.7rem;padding:.8rem}
.mmerge__col h3{margin:0 0 .6rem}
.mmerge__search{display:flex;gap:.4rem}
.mmerge__search input{flex:1;min-width:0;padding:.45rem .6rem;border-radius:.5rem;border:1px solid #ffffff20;background:#0b0e14;color:inherit}
.mmerge__results{margin-top:.6rem;max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:.3rem}
.mmerge__hit{display:flex;align-items:center;gap:.55rem;padding:.35rem;border:0;background:#ffffff08;border-radius:.5rem;color:inherit;text-align:left;cursor:pointer}
.mmerge__hit:hover{background:#ffffff16}
.mmerge__hit img,.mmerge__sel img{width:38px;height:54px;object-fit:cover;border-radius:.3rem;flex-shrink:0}
.mmerge__ph{width:38px;height:54px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border-radius:.3rem;flex-shrink:0}
.mmerge__sel{display:flex;align-items:center;gap:.6rem}
.mmerge__sel>div{display:flex;flex-direction:column;flex:1;min-width:0}
.mmerge__sel strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mmerge__opts{background:#ffffff08;border:1px solid #ffffff12;border-radius:.7rem;padding:1rem;display:flex;flex-direction:column;gap:.8rem;max-width:640px}
.mmerge__opt{display:flex;flex-direction:column;gap:.35rem}
.mmerge__radios{display:flex;gap:1.2rem;flex-wrap:wrap}
.mmerge__radios label{display:flex;align-items:center;gap:.35rem;cursor:pointer}
.mmerge__done{margin-top:1rem;padding:.7rem 1rem;background:#12331f;border:1px solid #2c6b45;border-radius:.6rem}
@media(max-width:700px){.mmerge__cols{grid-template-columns:1fr}}

/* Offline-Archiv: Deckel-Eingabe */
.rs-archive__start{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.rs-archive__start label{display:flex;align-items:center;gap:.4rem;font-size:.9rem}
.rs-archive__cap{width:5rem;padding:.35rem .5rem;border-radius:.4rem;border:1px solid #ffffff20;background:#0b0e14;color:inherit}

/* Offline-Archiv: Typ-Auswahl */
.rs-archive__types{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.rs-archive__types>span{font-size:.9rem;color:#8b93a7}

/* Kategorie-Kreise: eigener Tooltip, klappt beim Hover nach rechts aus */
.navbar__mangacat{position:relative}
.navbar__cattip{
  position:absolute;left:calc(100% + 9px);top:50%;
  transform:translateY(-50%) translateX(-8px) scaleX(.92);transform-origin:left center;
  opacity:0;pointer-events:none;white-space:nowrap;z-index:200;
  background:#161b26;color:#e8ecf5;border:1px solid #ffffff24;
  padding:.32rem .6rem;border-radius:.45rem;font-size:.74rem;line-height:1;
  box-shadow:0 6px 18px #0009;
  transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.3,1);
}
.navbar__cattip::before{
  content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);
  border:5px solid transparent;border-right-color:#161b26;
}
.navbar__catbtn:hover .navbar__cattip,
.navbar__catbtn:focus-visible .navbar__cattip{opacity:1;transform:translateY(-50%) translateX(0) scaleX(1)}
/* Am Bildschirmrand: Tooltip nach LINKS kippen (JS setzt --tipleft, wenn rechts kein Platz ist). */
.navbar__catbtn--tipleft .navbar__cattip{left:auto;right:calc(100% + 9px);transform:translateY(-50%) translateX(8px) scaleX(.92);transform-origin:right center}
.navbar__catbtn--tipleft .navbar__cattip::before{right:auto;left:100%;border-right-color:transparent;border-left-color:#161b26}
.navbar__catbtn--tipleft:hover .navbar__cattip,
.navbar__catbtn--tipleft:focus-visible .navbar__cattip{opacity:1;transform:translateY(-50%) translateX(0) scaleX(1)}
/* Admin: Nutzername -> Profil */
.admin-userlink{color:inherit;text-decoration:none}
.admin-userlink:hover strong{color:var(--accent,#e5323e);text-decoration:underline}
.rs-profile__adminnote{margin:.4rem 0 1rem;padding:.5rem .8rem;border-radius:.5rem;background:#3a2c12;border:1px solid #6b5a2c;color:#ffd76a;font-size:.88rem}



/* ---- RagnaNovel: gelbes Farbschema ---- */
[data-accent="yellow"]{
  --accent:#e0a800; --accent-2:#ffd76a;
  --accent-grad:linear-gradient(120deg,#e0a800,#ffd76a);
  --accent-shadow:#e0a80059;
}
.theme-novel .navbar{background:linear-gradient(to bottom,#171203eb,#17120300)}
.theme-novel .navbar--solid{background:#12100a}

/* Novel-Home – Maße, Gradient-Headline und Ambient-Glow wie .read-home (RagnaRead) */
.novel-home{max-width:1320px;margin:0 auto;padding:5.5rem 2rem 4rem;position:relative}
.novel-home::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(52rem 36rem at 8% -4%, var(--accent-glow,rgba(46,168,107,.3)), transparent 60%),
    radial-gradient(44rem 32rem at 98% 6%, var(--accent-soft,rgba(46,168,107,.16)), transparent 58%),
    radial-gradient(46rem 30rem at 82% 60%, var(--accent-soft,rgba(46,168,107,.16)), transparent 62%),
    radial-gradient(56rem 48rem at 45% 112%, var(--accent-glow,rgba(46,168,107,.3)), transparent 60%);
  opacity:.6}
.novel-home > *{position:relative;z-index:1}
.novel-home__head{margin-bottom:2rem}
.novel-home__head h1{margin:0 0 .35rem;font-size:2.4rem;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.novel-home__head p{margin:0;color:var(--text-muted)}
.novel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem 1rem}
/* Novel-Karte */
.novel-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0;transition:transform .18s}
.novel-card:hover{transform:translateY(-4px)}
.novel-card__cover{position:relative;aspect-ratio:2/3;border-radius:.6rem;overflow:hidden;background:var(--bg-card,#1a1f2b);border:1px solid #ffffff12;box-shadow:0 6px 20px #0000006b;transition:box-shadow .18s}
.novel-card:hover .novel-card__cover{box-shadow:0 14px 36px #000000a1,0 0 0 2px var(--accent)}
.novel-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.novel-card:hover .novel-card__cover img{transform:scale(1.05)}
.novel-card__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.5}
.novel-card__badge{position:absolute;top:.4rem;left:.4rem;background:#000000b3;color:#ffd76a;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:.3rem;text-transform:uppercase}
.novel-card__rate{position:absolute;bottom:.4rem;right:.4rem;background:#000000c0;color:#ffd76a;font-size:.7rem;font-weight:700;padding:.1rem .35rem;border-radius:.3rem}
.novel-card__ff{position:absolute;bottom:.4rem;left:.4rem;background:rgba(124,58,237,.9);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.1rem .35rem;border-radius:.3rem}
.chip--ff{background:rgba(124,58,237,.18);color:#c4b5fd;border-color:rgba(124,58,237,.5)}
.novel-card__title{margin:.45rem 0 .1rem;font-size:.85rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.novel-card__meta{font-size:.72rem;color:var(--text-muted)}
@media (max-width:640px){.novel-home{padding:5rem 1rem 3rem}.novel-home__head h1{font-size:1.9rem}.novel-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.9rem .7rem}}

/* Novel-Detail */
.novel-detail__chapters{margin-top:1.5rem}
.nov-chap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .8rem;border-radius:.5rem;text-decoration:none;color:inherit;border:1px solid transparent}
.nov-chap:hover{background:#ffffff0d;border-color:#ffffff14}
.nov-chap--read{opacity:.55}
.nov-chap--locked{opacity:.45;pointer-events:none}
.nov-chap__num{font-weight:600;font-size:.9rem}
.nov-chap__right{display:flex;align-items:center;gap:.8rem;font-size:.75rem;color:#8b93a7;white-space:nowrap}

/* Novel-Reader (Text) */
.nreader{margin:0 auto;padding:calc(var(--nav-height) + 1rem) 1.2rem 4rem;min-height:100vh}
.nreader__bar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem}
.nreader__title{flex:1;min-width:0;font-size:.9rem;color:#8b93a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nreader__text{line-height:var(--nr-lh,1.75);font-size:var(--nr-fs,18px);font-family:var(--nr-ff,Georgia,'Times New Roman',serif)}
.nreader__text p{margin:0 0 1.15em}
.nreader__nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem}
.nreader--sepia{background:#f4ecd8;color:#3a3226}
.nreader--sepia .nreader__title{color:#6b5f4a}
.nreader--light{background:#fff;color:#1a1a1a}
.nreader--light .nreader__title{color:#555}
.nreader--black{background:#000;color:#c9c9c9}
/* Einstellungen */
.nrset{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;padding:.7rem .9rem;margin-bottom:1.2rem;background:#ffffff0a;border:1px solid #ffffff14;border-radius:.6rem;font-size:.8rem}
.nrset label{display:flex;align-items:center;gap:.35rem}
.nrset select,.nrset input[type=range]{background:#0b0e14;color:inherit;border:1px solid #ffffff20;border-radius:.4rem;padding:.2rem .35rem}
.nreader--sepia .nrset,.nreader--light .nrset{background:#00000008;border-color:#00000018}
.nreader--sepia .nrset select,.nreader--light .nrset select{background:#fff;color:#222}
/* Offline-Download + EPUB auf der Novel-Titelseite */
.nov-dl{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}
.nov-dl__prog{font-size:.85rem;color:var(--text-muted)}
.nov-dl__have{font-size:.78rem;font-weight:600;color:var(--accent);background:var(--accent-soft,#ffffff10);padding:.15rem .5rem;border-radius:999px}
.nreader__offline{font-size:.72rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);padding:.1rem .45rem;border-radius:999px;margin-left:.5rem}
/* Kommentare im Novel-Reader. .comments selbst hat keine Breite – die kommt vom Wrapper
   (wie .reader__comments beim Manga). Ohne diese Regel liefe die Sektion ungebremst breit. */
.nreader__comments{max-width:760px;margin:2.5rem auto 0;padding:2rem 1rem 0;border-top:1px solid #ffffff14}
.nreader--sepia .nreader__comments,.nreader--light .nreader__comments{border-top-color:#00000018}
.nreader--sepia .comment__body,.nreader--light .comment__body{color:#2a2a2a}
/* Premium-Hinweis auf der Downloads-Seite (der Menü-Eintrag ist für alle sichtbar) */
.rs-dlprem{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;margin:0 0 1.4rem;
  background:#ffffff08;border:1px solid var(--accent);border-radius:.7rem}
.rs-dlprem__ic{font-size:1.5rem;line-height:1}
.rs-dlprem h3{margin:0 0 .3rem;font-size:1rem}
.rs-dlprem p{margin:0 0 .7rem;max-width:52ch}
/* Text-Formatierung (abschaltbar): Szenen-Trennmarke aus „***" + wörtliche Rede */
.nreader__break{margin:2.4em 0;text-align:center;opacity:.4;letter-spacing:.7em;font-size:.85em;user-select:none}
.nreader__break::before{content:"❋ ❋ ❋"}
.nreader__say{color:var(--accent);opacity:.92}
.nreader__p--say{border-left:2px solid var(--accent);padding-left:.75em;opacity:.98}
.nreader--sepia .nreader__say,.nreader--light .nreader__say{filter:brightness(.75)}

/* „Für dich"-Box: klare Fläche mit dezenter Kante links statt Kasten mit Verlauf */
.rs-foryou{margin:2.6rem 0 2rem;padding:1.2rem 0 .6rem;border-top:1px solid #ffffff14}
.rs-foryou__head{margin-bottom:1.2rem}
.rs-foryou__head h2{margin:0 0 .2rem;font-size:1.5rem;letter-spacing:-.01em}
.rs-foryou__head p{margin:0;font-size:.86rem}
.rs-foryou__block{margin-top:1.5rem;padding-left:.85rem;border-left:2px solid var(--accent,#e5323e)}
.rs-foryou__blockhead{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.55rem}
.rs-foryou__blockhead h3{margin:0;font-size:1.05rem}
.rs-foryou__reason{font-size:.72rem;color:#8b93a7}
/* Keine Scrollleiste unter jedem Block – Wheel/Touch/Drag scrollen weiterhin */
.rs-foryou .read-hscroll{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.15rem}
.rs-foryou .read-hscroll::-webkit-scrollbar{width:0;height:0;display:none}
@media(max-width:600px){.rs-foryou{margin:1.8rem 0}.rs-foryou__head h2{font-size:1.25rem}.rs-foryou__block{padding-left:.6rem}}

/* Admin: Novel-Verwaltung */
.rs-novmanage{margin-top:2rem;border-top:1px solid #ffffff14;padding-top:1.2rem}
.rs-novmanage .read-allbar{margin-bottom:.8rem}
.rs-novmanage__pager{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1rem}
.nov-adminrow{border:1px solid #ffffff12;border-radius:.6rem;padding:.6rem;margin-bottom:.5rem;background:#ffffff06}
.nov-adminrow__head{display:flex;gap:.7rem;align-items:flex-start}
.nov-adminrow__cover{width:44px;height:64px;object-fit:cover;border-radius:.3rem;flex-shrink:0}
.nov-adminrow__ph{width:44px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border-radius:.3rem;flex-shrink:0}
.nov-adminrow__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.nov-adminrow__title{font-weight:600;color:inherit;text-decoration:none}
.nov-adminrow__title:hover{color:var(--accent);text-decoration:underline}
.nov-adminrow__srcs{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.2rem}
.nov-adminrow__x{margin-left:.3rem;border:0;background:none;color:#ffb0b0;cursor:pointer;font-size:.9rem;line-height:1;padding:0}
.nov-adminrow__x:hover{color:#ff6b6b}
.nov-adminrow__btns{display:flex;gap:.35rem;flex-shrink:0}
.nov-adminrow__del{color:#ffb0b0;border-color:#6b2c2c}
.nov-adminrow__del:hover{background:#3a1c1c}
.nov-adminedit{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid #ffffff10}
.nov-adminedit label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:#8b93a7}
.nov-adminedit input[type=text],.nov-adminedit textarea{background:#0b0e14;color:#e8ecf5;border:1px solid #ffffff20;border-radius:.4rem;padding:.35rem .5rem;font:inherit;font-size:.85rem}
.nov-adminedit--wide{grid-column:1/-1}
.nov-adminedit__check{flex-direction:row!important;align-items:center;gap:.4rem}
@media(max-width:700px){.nov-adminrow__head{flex-wrap:wrap}.nov-adminrow__btns{width:100%}}

/* Franchise-Box (oben rechts im Detail-Header) + Paginierung (RsPagedList) */
.rs-franchise{position:absolute;top:calc(var(--nav-height) + 1.3rem);right:2.5rem;max-width:250px;z-index:6;text-align:right}
.rs-franchise__h{margin:0 0 .5rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--accent-2,#ff7a45)}
.rs-franchise__list{display:flex;flex-direction:column;gap:.45rem;align-items:flex-end}
.rs-franchise__item{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .55rem;border-radius:.55rem;background:#0b0e14cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);text-decoration:none;color:var(--text);font-size:.86rem;font-weight:600;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s}
.rs-franchise__item:hover{border-color:var(--accent-2,#ff7a45);transform:translateY(-2px);background:#161b24ee;box-shadow:0 7px 20px rgba(0,0,0,.42)}
.rs-franchise__item:hover .rs-franchise__cover{transform:scale(1.07)}
.rs-franchise__item:hover .rs-franchise__sub{color:var(--accent-2,#ff7a45)}
.rs-franchise__cover{width:30px;height:42px;object-fit:cover;border-radius:.3rem;flex-shrink:0;transition:transform .18s ease}
.rs-franchise__sub{white-space:nowrap;transition:color .16s}
@media(max-width:900px){.rs-franchise{position:static;max-width:none;text-align:left;margin:1rem 0 0}.rs-franchise__list{align-items:flex-start}}
.rs-pager{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:.7rem 0 .2rem;flex-wrap:wrap}
.rs-pager__btn{padding:.35rem .85rem;border-radius:.5rem;cursor:pointer;font-weight:600}
.rs-pager__btn:disabled{opacity:.4;cursor:default}
.rs-pager__info{font-size:.85rem;color:var(--text-dim,#9aa4b2);min-width:9rem;text-align:center}

/* ---- Embed-Player (Hoster): Chrome blockiert das Hoster-UI nicht mehr ---- */
/* Keine schwarzen Verläufe mehr, und die Leisten fangen keine Klicks: pointer-events geht an
   das iframe durch, nur die echten Bedienelemente (Zurück, Quelle wählen, Vollbild …) bleiben klickbar. */
.watch--embed .watch__top{background:none;pointer-events:none}
.watch--embed .watch__top .watch__icon-btn{pointer-events:auto}
.watch--embed .watch__bottom{background:none;pointer-events:none}
.watch--embed .watch__bottom button,.watch--embed .watch__bottom select,.watch--embed .watch__source-menu{pointer-events:auto}
/* Oberkanten-Streifen: Mausbewegungen im iframe sehen wir nicht – der Streifen ist die Stelle,
   an der Bewegung nach dem Ausblenden (15 s) noch ankommt. */
.watch__hotspot{position:absolute;top:0;left:0;right:0;height:16px;z-index:6}
/* Phase 2: Nach dem ersten Ausblenden holt Mausbewegung NUR den Zurück-Pfeil zurück (5 s),
   nicht das ganze Chrome. Titel bleibt versteckt, nur der Pfeil ist sichtbar und klickbar. */
.watch--peek .watch__top{opacity:1;transform:none}
.watch--peek .watch__top .watch__titles{opacity:0}
.watch--peek .watch__bottom{opacity:0;pointer-events:none}

/* Admin: Eigenes-Tab (Custom-Novel + Anime-Hero) */
.rs-extras{display:flex;flex-direction:column;gap:1.4rem;max-width:920px}
.rs-admcard{background:var(--bg-card,#12151c);border:1px solid var(--border,#222834);border-radius:.8rem;padding:1.1rem 1.3rem}
.rs-admcard h2{margin:0 0 .35rem;font-size:1.15rem}
.rs-customnovel{display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem}
.rs-customnovel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}
.rs-customnovel label,.rs-heropick label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600}
.rs-customnovel input,.rs-customnovel select,.rs-customnovel textarea{padding:.5rem .6rem;border-radius:.5rem;border:1px solid var(--border,#222834);background:var(--surface,#0b0e14);color:var(--text);font:inherit;width:100%}
.rs-customnovel__text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.55;resize:vertical}
.rs-heropick__search{width:100%;max-width:440px;padding:.5rem .6rem;border-radius:.5rem;border:1px solid var(--border,#222834);background:var(--surface,#0b0e14);color:var(--text);font:inherit;margin-top:.4rem}
.rs-heropick__results{display:flex;flex-direction:column;gap:.35rem;margin:.5rem 0;max-width:440px}
.rs-heropick__opt{text-align:left;padding:.5rem .7rem;border-radius:.5rem;border:1px solid var(--border,#222834);background:var(--surface,#0b0e14);color:var(--text);cursor:pointer;font:inherit;transition:border-color .13s}
.rs-heropick__opt:hover{border-color:var(--accent-2,#ff7a45)}

/* Gedanken der Figuren (Custom-Novels): *…* wird kursiv */
.rs-thought{font-style:italic;opacity:.9}

/* Gedanken-Stile (im Reader umschaltbar: Kursiv / Akzentfarbe / Gedämpft) */
.rs-thoughts--italic .rs-thought{font-style:italic;color:inherit;opacity:1}
.rs-thoughts--accent .rs-thought{font-style:normal;color:var(--accent-2,#ff7a45);opacity:1}
.rs-thoughts--muted .rs-thought{font-style:normal;color:var(--text-dim,#9aa4b2);opacity:.85}

/* Eigene Novels: Liste + Bearbeiten (Admin „Eigenes") */
.rs-cnlist{display:flex;flex-direction:column;gap:.6rem;margin-top:.8rem}
.rs-cnrow{border:1px solid var(--border,#222834);border-radius:.6rem;overflow:hidden}
.rs-cnrow__head{display:flex;align-items:center;gap:.8rem;padding:.6rem .7rem}
.rs-cnrow__cover{width:38px;height:54px;object-fit:cover;border-radius:.3rem;flex-shrink:0}
.rs-cnrow__cover--none{width:38px;height:54px;border-radius:.3rem;flex-shrink:0;background:var(--surface,#0b0e14);border:1px dashed var(--border,#222834)}
.rs-cnrow__info{display:flex;flex-direction:column;min-width:0;flex:1;gap:.15rem}
.rs-cnrow__title{font-weight:600;color:var(--text);text-decoration:none}
.rs-cnrow__title:hover{color:var(--accent-2,#ff7a45)}
.rs-cnedit{display:flex;flex-direction:column;gap:.7rem;padding:.3rem .7rem .9rem;border-top:1px solid var(--border,#222834)}
.rs-cnedit label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600}
.rs-cnedit input,.rs-cnedit select,.rs-cnedit textarea{padding:.5rem .6rem;border-radius:.5rem;border:1px solid var(--border,#222834);background:var(--surface,#0b0e14);color:var(--text);font:inherit;width:100%}
.rs-cnedit__btns{display:flex;gap:.6rem;margin-top:.2rem}
.rs-cnedit__del{color:var(--danger,#ff4d5e)}
.rs-cntext{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}
.rs-cnchaps{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}
.rs-cnchaps__list{display:flex;flex-direction:column;gap:.35rem;max-height:50vh;overflow-y:auto;padding-right:.2rem}
.rs-cnedit .rs-cnchaps__row{flex-direction:row;align-items:center;gap:.6rem;font-weight:400}
.rs-cnchaps__no{flex-shrink:0;min-width:4.2rem;font-size:.8rem;color:var(--text-dim,#9aa4b2)}
.rs-cnchaps__row input{flex:1;min-width:0}

/* ---- Großimport-Konsole (Adminpanel > Import) ---- */
.rs-mega{margin:.9rem 0;padding:.8rem .9rem;background:#ffffff07;border:1px solid #ffffff14;border-radius:.6rem}
.rs-mega__start{width:100%}
.rs-mega__rows{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0}
.rs-mega__row{display:flex;gap:.8rem;align-items:baseline;font-size:.85rem;padding:.25rem .5rem;border-radius:.35rem}
.rs-mega__row--running{background:var(--accent-soft,#ffffff10)}
.rs-mega__row--error .rs-mega__info{color:var(--danger,#ff4d5e)}
.rs-mega__row--done .rs-mega__info{color:var(--success,#3ecf8e)}
.rs-mega__row--pending .rs-mega__info,.rs-mega__row--skipped .rs-mega__info{color:var(--text-muted)}
.rs-mega__name{min-width:9.5rem;font-weight:600}
.rs-mega__info{flex:1;min-width:0}

/* Mobiler Such-Button in der Navbar (Suchleiste ist <820px ausgeblendet) */
.navbar__searchbtn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#ffffff14;color:var(--text);flex-shrink:0}
.navbar__searchbtn:hover{background:#ffffff24}
@media(max-width:820px){.navbar__searchbtn{display:inline-flex}}
/* Player am Handy: Steuerung nicht unter Notch/Home-Leiste, größere Touch-Höhe */
@media(max-width:640px){
  .watch__controls{padding-bottom:max(.4rem,env(safe-area-inset-bottom))}
  .watch__controls button{min-height:42px}
}

/* Player-Leisten am Handy nicht unter Notch/Home-Leiste (Querformat: seitliche Insets) */
.watch__top{padding-top:max(1.25rem,env(safe-area-inset-top));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}
.watch__bottom{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}

/* AniList-Listen-Import (Einstellungen) */
.rs-alimport{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}
.rs-alimport input{flex:1;min-width:180px;padding:.5rem .7rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface,#0b0e14);color:var(--text);font:inherit}
.rs-alimport__res{margin-top:.7rem;padding:.6rem .8rem;border-radius:.5rem;background:#ffffff0d;display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}

/* Skip-Bericht (webtoons ohne comix-Treffer) */
.rs-skiprep{margin:.5rem 0;font-size:.85rem}
.rs-skiprep summary{cursor:pointer;color:var(--text-muted)}

/* comix-Zuordnung: Live-Zahl + Phasen-Visualisierung */
.cxg-live{margin:.6rem 0;padding:.7rem .9rem;background:var(--accent-soft,#ffffff0a);border:1px solid var(--accent);border-radius:.6rem}
.cxg-live__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.cxg-live__big{font-size:1.35rem;font-weight:700}
.cxg-live__pct{font-size:1.1rem;font-weight:700;color:var(--accent)}
.cxg-live__idx{font-size:.8rem;margin-top:.4rem}
.cxg-phase{margin:.5rem 0}
.btn--ragnaid{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(120deg,#4f46e5,#7c3aed);color:#fff;border:none;font-weight:600}
.btn--ragnaid:hover{filter:brightness(1.08)}
.btn--ragnaid:disabled{opacity:.6}
.btn--ragnaid__icon{flex:0 0 auto}
.auth-alt{margin-top:1rem;display:flex;flex-direction:column;gap:.7rem}
.auth-alt__sep{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:.82rem}
.auth-alt__sep::before,.auth-alt__sep::after{content:"";flex:1;height:1px;background:var(--border)}
.auth-alt__sep span{padding:0 .8rem}
.auth-alt__hint{font-size:.8rem;color:var(--text-muted);text-align:center;margin:0}
.rs-ragnaid{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.rs-ragnaid--linked{color:var(--success)}
.rs-ragnaid--linked>span{font-weight:600}
/* sitzt direkt UNTER der fixierten Navbar (die schwebt über dem Inhalt) */
.ragnaid-nag{margin-top:var(--nav-height);position:relative;z-index:80;display:flex;align-items:center;gap:.9rem;padding:.6rem 1.1rem;background:linear-gradient(120deg,#4f46e5,#7c3aed);color:#fff;font-size:.9rem;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.ragnaid-nag__icon{font-size:1.15rem;flex:0 0 auto;line-height:1}
.ragnaid-nag__text{flex:1 1 auto;min-width:0;display:flex;gap:.5rem;align-items:baseline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ragnaid-nag__text strong{font-weight:700;flex:0 0 auto}
.ragnaid-nag__text span{opacity:.92;overflow:hidden;text-overflow:ellipsis}
.ragnaid-nag__actions{display:flex;align-items:center;gap:.7rem;flex:0 0 auto}
.ragnaid-nag .btn--ragnaid{background:#fff;color:#4f46e5}
.ragnaid-nag .btn--ragnaid:hover{filter:none;background:#f1f0ff}
.ragnaid-nag__off{color:#fff;text-decoration:underline;opacity:.9;font-size:.85rem;white-space:nowrap}
.ragnaid-nag__off:hover{opacity:1}
.ragnaid-nag__x{background:transparent;border:none;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;opacity:.85;padding:0 .2rem}
.ragnaid-nag__x:hover{opacity:1}
@media (max-width:640px){
  .ragnaid-nag{flex-wrap:wrap;gap:.5rem .8rem}
  .ragnaid-nag__text{white-space:normal;flex-direction:column;gap:.1rem;flex:1 1 100%;order:2}
  .ragnaid-nag__icon{order:1}
  .ragnaid-nag__actions{order:3;flex:1 1 100%;justify-content:flex-end}
}

.admin-users__ragnaid{font-size:.78rem;color:#8b7cf0;margin-top:2px}
.admin-users__ragnaid strong{color:#a99bff;font-weight:600}

/* Anime-Startseite: Bereich unter Hero+Kalender im RagnaRead/RagnaNovel-Look */
.home-secs{max-width:1320px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:2.4rem}
.home-secs .read-sec{margin-bottom:0}
.read-hscroll--media{padding-top:.5rem;padding-bottom:.6rem}
.read-hscroll--media .media-card{flex:0 0 158px}
@media (max-width:640px){
  .home-secs{padding:0 1rem;gap:1.7rem}
  .read-hscroll--media .media-card{flex:0 0 132px}
}

/* ---- Hero an die zentrierte 1320er-Spalte angleichen (vorher an den Bildschirmrand geklebt) ---- */
.hero{min-height:64vh}
.hero__inner{max-width:1320px;margin:0 auto;min-height:0;padding:2.5rem 2rem 3.5rem;align-items:flex-end;gap:2rem}
.hero__content{max-width:600px}
.hero__inner .hero__content{max-width:600px}
.hero__poster{width:240px}
@media (max-width:820px){
  .hero{min-height:auto}
  .hero__inner{flex-direction:column;align-items:flex-start;min-height:0;padding:5rem 1rem 2.5rem;gap:1.2rem}
  .hero__poster{width:150px;order:-1}
}

/* ---- Scrollbars: dezent, abgerundet, Akzent beim Hover ---- */
*{scrollbar-width:thin;scrollbar-color:#2f3a4f transparent}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#2f3a4f;border:3px solid transparent;border-radius:10px;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:#455573;border:3px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:active{background:var(--accent);border:3px solid transparent;background-clip:padding-box}
/* horizontale Karten-Scroller: etwas flacher, gleiten mit Akzent beim Hover der Reihe */
.read-hscroll::-webkit-scrollbar,.latest-grid::-webkit-scrollbar{height:8px}
.read-hscroll:hover::-webkit-scrollbar-thumb{background:#3d4a63;border-width:2px;background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}

/* Entfernbarer Spec-Chip (Staff): Label + kleines × */
.chip--rm{display:inline-flex;align-items:center;gap:.15rem;padding-right:.3rem}
.chip--rm .chip__lbl{color:inherit;text-decoration:none}
.chip__x{background:transparent;border:none;color:currentColor;opacity:.5;cursor:pointer;font-size:1.05rem;line-height:1;padding:0 .1rem;border-radius:4px}
.chip__x:hover{opacity:1;color:#fff;background:var(--danger)}

/* RagnaRead NSFW-Schalter (Navbar, vertikal: oben = gefiltert, unten = sichtbar).
   Farben aus der Akzentfarbe (im Read-Modus grün) – wie die Kategorie-Dots, kein Weiß.
   Kein order -> steht VOR den Kategorie-Dots (die haben order:5). */
.navbar__nsfw{position:relative;background:none;border:0;padding:0 3px;cursor:pointer;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}
.navbar__nsfw-track{position:relative;width:26px;height:44px;border-radius:14px;background:var(--surface,#12151c);border:1.5px solid var(--catring,#4a5265);transition:background .18s,border-color .18s}
.navbar__nsfw-knob{position:absolute;left:50%;transform:translateX(-50%);top:21px;width:20px;height:20px;border-radius:50%;background:var(--accent,#2ea86b);opacity:.78;box-shadow:0 1px 4px #0007;transition:top .22s cubic-bezier(.34,1.4,.5,1),background .18s,opacity .18s,box-shadow .18s}
.navbar__nsfw:hover .navbar__nsfw-track{border-color:var(--accent,#2ea86b)}
.navbar__nsfw:hover .navbar__nsfw-knob{opacity:1}
.navbar__nsfw--on .navbar__nsfw-track{background:var(--accent-soft,#2ea86b26);border-color:var(--accent,#2ea86b)}
.navbar__nsfw--on .navbar__nsfw-knob{top:3px;opacity:1;box-shadow:0 0 10px var(--accent-glow,#2ea86b4d)}
/* Tooltip: klappt nach LINKS aus (Switch ist ganz rechts) – gleiche Optik wie die Kategorie-Tooltips. */
.navbar__nsfw .navbar__cattip{left:auto;right:calc(100% + 9px);transform:translateY(-50%) translateX(8px) scaleX(.92);transform-origin:right center}
.navbar__nsfw .navbar__cattip::before{right:auto;left:100%;border-right-color:transparent;border-left-color:#161b26}
.navbar__nsfw:hover .navbar__cattip,.navbar__nsfw:focus-visible .navbar__cattip{opacity:1;transform:translateY(-50%) translateX(0) scaleX(1)}

/* NSFW-Filter Härte-Regler (Einstellungen) */
.rs-nsfwlvl{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.rs-nsfwlvl__btn{flex:1 1 150px;display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;text-align:left;padding:.6rem .75rem;border-radius:.6rem;border:1.5px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}
.rs-nsfwlvl__btn:hover{border-color:var(--accent)}
.rs-nsfwlvl__btn--on{border-color:var(--accent);background:var(--accent-soft)}
.rs-nsfwlvl__lbl{font-weight:750;font-size:.9rem}
.rs-nsfwlvl__desc{font-size:.74rem;color:var(--text-muted);line-height:1.25}

/* ===== Leseprofile (RagnaRead) ===== */
.navbar__profiles{position:relative;display:inline-flex}
.navbar__profilebtn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:.35rem .55rem;border-radius:8px;opacity:.82}
.navbar__profilebtn:hover{opacity:1;background:rgba(255,255,255,.06)}
.navbar__profilebtn--on{color:var(--accent);opacity:1}
.navbar__profiledot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.navbar__profilebackdrop{position:fixed;inset:0;z-index:60}
.rs-profmenu{position:absolute;top:calc(100% + 8px);left:0;z-index:61;min-width:250px;background:var(--panel,#191a22);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 50px #000a;padding:.4rem;display:flex;flex-direction:column;gap:2px}
.rs-profmenu__head{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5;padding:.3rem .5rem}
.rs-profmenu__empty{padding:.5rem;opacity:.6;font-size:.85rem}
.rs-profmenu__item{display:flex;align-items:center;border-radius:8px}
.rs-profmenu__item--on{background:var(--accent-soft)}
.rs-profmenu__pick{flex:1;display:flex;align-items:center;gap:.5rem;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:.5rem;cursor:pointer;border-radius:8px}
.rs-profmenu__pick:hover{background:rgba(255,255,255,.06)}
.rs-profmenu__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.rs-profmenu__edit{background:none;border:0;color:inherit;opacity:.55;cursor:pointer;padding:.4rem .55rem;border-radius:8px;font-size:.95rem}
.rs-profmenu__edit:hover{opacity:1;background:rgba(255,255,255,.08)}
.rs-profmenu__off,.rs-profmenu__new{background:none;border:0;color:inherit;font:inherit;text-align:left;padding:.5rem;cursor:pointer;border-radius:8px;margin-top:2px}
.rs-profmenu__off{opacity:.7;border-top:1px solid rgba(255,255,255,.08)}
.rs-profmenu__new{color:var(--accent);font-weight:600}
.rs-profmenu__off:hover,.rs-profmenu__new:hover{background:rgba(255,255,255,.06)}
/* ===== Leseprofil-Seite (Aufbau wie die erweiterte Suche) ===== */
.rs-profpage__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.rs-profpage__headmain{min-width:0}
.rs-profpage__back{display:inline-block;margin-bottom:.35rem;font-size:.85rem;color:var(--text-muted);text-decoration:none}
.rs-profpage__back:hover{color:var(--text)}
.rs-profpage__sub{margin:.35rem 0 0;font-size:.88rem;max-width:62ch}
.rs-profpage__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.6rem 1.1rem;border:1px solid var(--accent);border-radius:12px;background:rgba(255,255,255,.03);flex:0 0 auto}
.rs-profpage__preview strong{font-size:1.35rem;line-height:1.1;font-variant-numeric:tabular-nums}
.rs-profpage__preview span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}
.rs-profpage__grow{flex:1 1 240px;min-width:200px}
.rs-profpage__grp{border-top:1px solid rgba(255,255,255,.07);padding-top:.9rem;margin-top:.2rem}
.rs-profpage__lbl{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.rs-profpage__dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;font-style:normal}
.rs-profpage__hint{opacity:.55;font-weight:400}
.rs-profpage__taken{opacity:.45;border-style:dashed}
.rs-profpage__nsfw{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.rs-profpage__colors{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.rs-profpage__sw{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}
.rs-profpage__sw--on{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
.rs-profpage__pickwrap{position:relative;display:inline-flex;width:30px;height:30px;margin-left:.35rem;border-radius:50%;padding:3px;cursor:pointer;background:conic-gradient(#e5323e,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#e5323e);box-shadow:0 0 0 1px rgba(255,255,255,.25);transition:transform .12s}
.rs-profpage__pickwrap::after{content:"+";position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#101218;color:#fff;font-size:11px;font-weight:800;line-height:13px;text-align:center;box-shadow:0 0 0 1px rgba(255,255,255,.35);pointer-events:none}
.rs-profpage__pickwrap:hover{transform:scale(1.1)}
.rs-profpage__picker{width:100%;height:100%;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;overflow:hidden}
.rs-profpage__picker::-webkit-color-swatch-wrapper{padding:0}
.rs-profpage__picker::-webkit-color-swatch{border:none;border-radius:50%}
.rs-profpage__actions{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(to top,var(--bg,#0e0f14) 65%,transparent)}
.rs-profpage__del{color:#e5484d}
@media(max-width:700px){.rs-profpage__preview{align-self:stretch;flex-direction:row;justify-content:flex-start;gap:.5rem}}
@media (max-width:640px){.rs-profmenu{position:fixed;left:.5rem;right:.5rem;min-width:0}}

/* Navbar: Leseprofil-Button exakt auf Link-Hoehe (gleiche Schrift, Padding via negativem Margin neutralisiert) */
.navbar__links{align-items:center}
.navbar__links a{display:inline-flex;align-items:center;line-height:1.2}
.navbar__profiles{align-items:center}
.navbar__profilebtn{font-size:.95rem;font-weight:500;line-height:1.2;padding:.3rem .5rem;margin:-.3rem -.5rem}

/* Nahtloses Weiterlesen über Übersetzungsgruppen: dezenter Hinweis + markierte Navigation */
.reader__cross{font-size:.78rem;color:var(--text-muted);opacity:.9;text-align:center;flex:1 1 100%;order:3;padding:.15rem 0}
.reader__cross strong{color:var(--accent);font-weight:650}
.reader__navcross{position:relative}
.reader__navcross::after{content:"⇄";position:absolute;top:-4px;right:-4px;font-size:.62rem;line-height:1;padding:2px 3px;border-radius:6px;background:var(--accent);color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}

/* Kapitelzeile: Erscheinungs- und Hinzugefügt-Datum untereinander */
.chap-row__dates{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.25}
.chap-row__added{font-size:.7rem;opacity:.55}

/* ===== Eigene Sammlungen (bereichsübergreifend) ===== */
.coll-new{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0 1.4rem}
.coll-new input{flex:1 1 260px;min-width:180px;padding:.55rem .75rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text)}
.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.coll-tile{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03);text-decoration:none;color:inherit;transition:transform .14s,border-color .14s}
.coll-tile:hover{transform:translateY(-3px);border-color:var(--accent)}
.coll-tile__covers{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:88px;gap:2px;background:rgba(0,0,0,.35)}
.coll-tile__covers img{width:100%;height:100%;object-fit:cover;display:block}
.coll-tile__ph{background:rgba(255,255,255,.06)}
.coll-tile__empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;height:88px;opacity:.45;font-size:.85rem}
.coll-tile__info{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem}
.coll-tile__info span{font-size:.78rem}
.coll-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}
.coll-head__actions{display:flex;gap:.4rem;flex-wrap:wrap}
.coll-head__name{font-size:1.6rem;font-weight:750;padding:.2rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:var(--text);width:min(420px,80vw)}
.coll-head__desc{margin-top:.45rem;width:min(560px,90vw);padding:.45rem .6rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text);resize:vertical}
.coll-share--on{color:var(--accent);border-color:var(--accent)}
.coll-del{color:#e5484d}
.coll-card{position:relative}
.coll-card__del{position:absolute;top:6px;right:6px;z-index:2;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .14s}
.coll-card:hover .coll-card__del{opacity:1}
.coll-card__del:hover{background:#e5484d}
/* „Zur Sammlung“-Knopf mit Ausklappmenü */
.coll-add{position:relative;display:inline-flex}
.coll-add__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:61;min-width:240px;max-height:340px;overflow:auto;background:var(--panel,#191a22);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 50px #000a;padding:.4rem;display:flex;flex-direction:column;gap:2px}
.coll-add__item{display:flex;align-items:center;gap:.5rem;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:.45rem .5rem;border-radius:8px;cursor:pointer}
.coll-add__item:hover{background:rgba(255,255,255,.07)}
.coll-add__item--on{color:var(--accent)}
.coll-add__check{width:14px;flex:0 0 auto;font-weight:800}
.coll-add__new{display:flex;gap:.35rem;margin-top:.35rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.09)}
.coll-add__new input{flex:1;min-width:0;padding:.35rem .5rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text)}

/* „bis hier gelesen“-Knopf in der Kapitelzeile */
.chap-row__upto{background:none;border:0;color:var(--text-muted);font-size:1rem;line-height:1;padding:.25rem .35rem;border-radius:6px;cursor:pointer;opacity:.5;transition:opacity .14s,color .14s}
.chap-row:hover .chap-row__upto{opacity:1}
.chap-row__upto:hover{color:var(--accent);background:rgba(255,255,255,.07)}

/* „Neu seit deinem letzten Besuch“-Karten */
.feed-card{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit}
.feed-card__poster{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:2/3;background:rgba(255,255,255,.05)}
.feed-card__poster .poster{width:100%;height:100%;object-fit:cover;display:block}
.feed-card__badge{position:absolute;top:6px;right:6px;padding:2px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:750;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.feed-card__title{font-size:.85rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feed-card__meta{font-size:.72rem;color:var(--text-muted)}

/* ===== Adminpanel: Kommentar-Moderation ===== */
.cmtadm-bar{display:flex;flex-direction:column;gap:.6rem;margin:.8rem 0 1.2rem}
.cmtadm-list{display:flex;flex-direction:column;gap:.55rem}
.cmtadm-row{border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:.65rem .8rem;background:rgba(255,255,255,.03)}
.cmtadm-row--del{opacity:.5}
.cmtadm-row__head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-size:.82rem;margin-bottom:.35rem}
.cmtadm-kind{padding:1px 8px;border-radius:999px;font-size:.7rem;font-weight:700;background:rgba(255,255,255,.1)}
.cmtadm-kind--episode{background:rgba(229,50,62,.22);color:#ff8f97}
.cmtadm-kind--manga{background:rgba(34,197,94,.2);color:#6ee7a0}
.cmtadm-kind--novel{background:rgba(234,179,8,.2);color:#f6d365}
.cmtadm-user{font-weight:650;text-decoration:none;color:var(--text)}
.cmtadm-user:hover{color:var(--accent)}
.cmtadm-ctx{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmtadm-date{flex:0 0 auto;font-size:.75rem}
.cmtadm-body{margin:0 0 .5rem;white-space:pre-wrap;word-break:break-word;line-height:1.4;font-size:.9rem}
.cmtadm-row__actions{display:flex;gap:.4rem;flex-wrap:wrap}

/* ===== Adminpanel: Statistiken ===== */
.rs-stats .stat-sec{margin:1.6rem 0}
.rs-stats .stat-sec h2{font-size:1.05rem;margin:0 0 .7rem}
.rs-stats .stat-sec h3{font-size:.85rem;font-weight:650;margin:0 0 .5rem;color:var(--text-muted)}
.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}
.stat-card{display:flex;flex-direction:column;gap:.1rem;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.03)}
.stat-card strong{font-size:1.35rem;line-height:1.1;font-variant-numeric:tabular-nums}
.stat-card span{font-size:.78rem;color:var(--text-muted)}
.stat-card small{font-size:.68rem;opacity:.55}
.stat-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem}
.stat-chart{border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:.65rem .75rem;background:rgba(255,255,255,.02)}
.stat-chart__label{font-size:.8rem;font-weight:600;margin-bottom:.4rem}
.stat-chart__svg{width:100%;height:130px;display:block;overflow:visible}
.stat-chart__bar{fill:var(--accent);opacity:.85}
.stat-chart__bar:hover{opacity:1}
.stat-chart__axis{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);margin-top:.3rem}
.stat-bars{display:flex;flex-direction:column;gap:.3rem}
.stat-bars__row{display:grid;grid-template-columns:minmax(90px,34%) 1fr auto;align-items:center;gap:.55rem;font-size:.82rem;padding:.15rem .25rem;border-radius:6px;text-decoration:none;color:inherit}
.stat-bars__row--link:hover{background:rgba(255,255,255,.06)}
.stat-bars__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stat-bars__track{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.stat-bars__fill{display:block;height:100%;background:var(--accent);border-radius:999px}
.stat-bars__val{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.78rem}

/* Hinweis „Als abgeschlossen markieren?" nach dem Durchlesen */
.donebox{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft,rgba(255,255,255,.05))}
.donebox__text{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 320px}
.donebox__text strong{font-size:.95rem}
.donebox__text span{font-size:.8rem;color:var(--text-muted);line-height:1.35}
.donebox__actions{display:flex;gap:.4rem;flex-wrap:wrap}

/* ===== Freunde & Direktnachrichten ===== */
.navbar__menu-msg{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.navbar__menu-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:750;line-height:18px;text-align:center}
.friend-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}
.userchip{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;min-width:0}
.userchip__av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--accent-soft)}
.userchip__av--ph{display:flex;align-items:center;justify-content:center;font-weight:750;color:var(--accent)}
.userchip__meta{display:flex;flex-direction:column;min-width:0}
.userchip__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.userchip__sub{font-size:.74rem;color:var(--text-muted)}
.friends-sec{margin:1.6rem 0}
.friends-sec h2{font-size:1.05rem;margin-bottom:.7rem}
.friends-list{display:flex;flex-direction:column;gap:.45rem}
.friends-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.03)}
.friends-row__actions{display:flex;gap:.4rem;flex-wrap:wrap}
/* Nachrichten: zweispaltig, auf Mobil nur eine Spalte */
.dm__wrap{display:grid;grid-template-columns:300px 1fr;gap:1rem;align-items:start}
.dm__list{display:flex;flex-direction:column;gap:.3rem;max-height:70vh;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.4rem;background:rgba(255,255,255,.02)}
.dm__conv{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem;border:0;border-radius:9px;background:none;color:inherit;text-align:left;cursor:pointer}
.dm__conv:hover{background:rgba(255,255,255,.06)}
.dm__conv--on{background:var(--accent-soft)}
.dm__conv-meta{display:flex;flex-direction:column;min-width:0;flex:1}
.dm__conv-name{font-weight:600;font-size:.9rem}
.dm__conv-last{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm__conv-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:750;line-height:18px;text-align:center;flex:0 0 auto}
.dm__thread{display:flex;flex-direction:column;min-height:60vh;max-height:70vh;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden}
.dm__head{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.09)}
.dm__back{display:none;font-size:.85rem;color:var(--text-muted)}
.dm__msgs{flex:1;overflow:auto;padding:.9rem;display:flex;flex-direction:column;gap:.5rem}
.dm__msg{align-self:flex-start;max-width:min(560px,78%);display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;border-radius:12px;background:rgba(255,255,255,.07)}
.dm__msg--me{align-self:flex-end;background:var(--accent-soft);border:1px solid var(--accent)}
.dm__msg-body{white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.35}
.dm__msg-time{font-size:.68rem;color:var(--text-muted);align-self:flex-end}
.dm__form{display:flex;gap:.5rem;padding:.6rem;border-top:1px solid rgba(255,255,255,.09)}
.dm__form input{flex:1;min-width:0}
.dm__hint{padding:.8rem;text-align:center;font-size:.85rem}
@media(max-width:820px){
  .dm__wrap{grid-template-columns:1fr}
  .dm__list--hidden-mobile{display:none}
  .dm__back{display:inline}
}

/* ===== Profil: überarbeitetes Layout =====
   Vorher zog der negative Abstand am Banner den GESAMTEN Kopfbereich hoch, wodurch Name und Bio
   auf dem Banner lagen, während der Avatar darunter stand. Jetzt bleibt das Banner stehen und nur
   der Avatar ragt hinein – der Rest beginnt sauber darunter. */
.rs-profile__banner{height:180px;border-radius:16px;margin-bottom:0;position:relative}
.rs-profile__banner:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(to bottom,transparent 40%,rgba(11,14,20,.55));pointer-events:none}
.rs-profile__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:0 1.4rem;padding:0 1.6rem;margin:0 0 1.6rem}
.rs-profile__avatar{margin-top:-58px;box-shadow:0 0 0 5px var(--bg),0 10px 30px rgba(0,0,0,.5);border-radius:50%}
.rs-profile__id{padding-top:.9rem;min-width:0}
.rs-profile__name-row h1{font-size:1.85rem;letter-spacing:-.02em}
.rs-profile__since{margin-top:.3rem}
.rs-profile__bio{margin-top:.6rem;padding:.7rem .9rem;border-left:3px solid var(--accent);border-radius:0 9px 9px 0;background:rgba(255,255,255,.04);font-size:.92rem;line-height:1.5}
.rs-profile__editbtn{align-self:start;margin-top:.9rem}
.friend-actions{margin-top:.9rem}

/* Statistiken: kompakter, gleichmäßiges Raster statt einzelner Ausreißer in der zweiten Zeile */
.rs-profile__stats{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.55rem;margin:0 0 2rem;padding:0 1.6rem}
.rs-stat{padding:.7rem .8rem;border-radius:12px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);gap:.1rem;transition:border-color .15s,transform .15s}
.rs-stat:hover{border-color:var(--accent);transform:translateY(-2px)}
.rs-stat strong{font-size:1.25rem;font-variant-numeric:tabular-nums}
.rs-stat span{font-size:.75rem}

/* Abschnitte klar voneinander abgesetzt */
.rs-profile__section{margin:0 0 2rem;padding:0 1.6rem}
.rs-profile__section h2{display:flex;align-items:baseline;gap:.5rem;font-size:1.05rem;padding-bottom:.55rem;margin-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.1)}
.rs-profile__count{font-size:.8rem;padding:.05rem .5rem;border-radius:999px;background:rgba(255,255,255,.08)}
.rs-profile__adminnote{margin:0 1.6rem 1.2rem;padding:.55rem .8rem;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:.85rem}

@media(max-width:760px){
  .rs-profile__head{grid-template-columns:auto minmax(0,1fr);padding:0 1rem}
  .rs-profile__editbtn{grid-column:1/-1;justify-self:start;margin-top:.6rem}
  .rs-profile__stats,.rs-profile__section{padding:0 1rem}
}
/* Avatar muss VOR dem Banner liegen – das Banner erzeugt durch position:relative einen eigenen
   Stapelkontext und würde den überlappenden Teil sonst verdecken. */
.rs-profile__avatar{position:relative;z-index:2}

/* ===== Profil: gemeinsame Freunde + Pinnwand ===== */
.mutual{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}
.mutual__label{font-size:.78rem;color:var(--text-muted)}
.mutual__row{display:flex}
.mutual__av{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-left:-8px;border:2px solid var(--bg);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:750;color:var(--accent);transition:transform .14s}
.mutual__av:first-child{margin-left:0}
.mutual__av:hover{transform:translateY(-3px);z-index:2}
.mutual__av img{width:100%;height:100%;object-fit:cover}
.wall__form{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1rem}
.wall__form textarea{flex:1;min-width:0;resize:vertical}
.wall__list{display:flex;flex-direction:column;gap:.5rem}
.wall__item{position:relative;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.03)}
.wall__item--del{opacity:.5}
.wall__body{margin:.45rem 0 0;white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.45}
.wall__del{position:absolute;top:.4rem;right:.5rem;width:22px;height:22px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text-muted);font-size:.95rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .14s}
.wall__item:hover .wall__del{opacity:1}
.wall__del:hover{background:#e5484d;color:#fff}

/* Profil: Werk-Abschnitte einklappbar (standardmäßig zu, damit die Pinnwand oben steht) */
.rs-profile__toggle{display:flex;align-items:center;gap:.6rem;width:calc(100% - 3.2rem);margin:0 1.6rem 2rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.03);color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.rs-profile__toggle:hover{border-color:var(--accent);background:rgba(255,255,255,.06)}
.rs-profile__toggle-ic{display:inline-block;font-size:1.1rem;line-height:1;color:var(--accent);transition:transform .18s}
.rs-profile__toggle--open .rs-profile__toggle-ic{transform:rotate(90deg)}
.rs-profile__toggle-sub{margin-left:auto;font-size:.78rem;font-weight:400;color:var(--text-muted)}
@media(max-width:760px){
  .rs-profile__toggle{width:calc(100% - 2rem);margin:0 1rem 1.5rem}
  .rs-profile__toggle-sub{display:none}
}.rsguide{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.rsguide__box{position:relative;width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.75rem 1.5rem;text-align:center}.rsguide__x{position:absolute;top:.5rem;right:.6rem;background:none;border:0;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.rsguide__x:hover{color:var(--text)}.rsguide__ic{font-size:2.6rem;line-height:1;margin-bottom:.75rem}.rsguide__box h2{font-size:1.25rem;margin-bottom:.6rem}.rsguide__box p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.rsguide__dots{display:flex;justify-content:center;gap:.4rem;margin:1.25rem 0 1rem}.rsguide__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--border);cursor:pointer}.rsguide__dot.is-on{background:var(--accent);width:20px;border-radius:99px}.rsguide__nav{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}@media(max-width:520px){.rsguide__box{padding:1.75rem 1.15rem 1.15rem}.rsguide__nav .btn{flex:1;min-height:44px}}
/* ===== RagnaBook-Umschalter (gelb, invertiert zum NSFW) ===== */
.navbar__booksw{position:relative;background:none;border:0;padding:0 3px;cursor:pointer;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}
.navbar__booksw .navbar__nsfw-knob{top:3px;background:#eab308;opacity:.8}
.navbar__booksw:hover .navbar__nsfw-track{border-color:#eab308}
.navbar__booksw:hover .navbar__nsfw-knob{opacity:1}
.navbar__booksw--on .navbar__nsfw-track{background:#eab30822;border-color:#eab308}
.navbar__booksw--on .navbar__nsfw-knob{top:21px;opacity:1;box-shadow:0 0 10px #eab30877}
.navbar__booksw .navbar__cattip{left:auto;right:calc(100% + 9px);transform:translateY(-50%) translateX(8px) scaleX(.92);transform-origin:right center}

/* Book-Switch: Tooltip beim Hover zeigen (wie NSFW) + eng ans Logo (gemeinsame Gruppe, kleiner Gap) */
.navbar__logogrp{display:flex;align-items:center;gap:.5rem}
.navbar__booksw .navbar__cattip::before{right:auto;left:100%;border-right-color:transparent;border-left-color:#161b26}
.navbar__booksw:hover .navbar__cattip,.navbar__booksw:focus-visible .navbar__cattip{opacity:1;transform:translateY(-50%) translateX(0) scaleX(1)}

/* Novel/Buch: Figuren-Sektion (aus Gutenberg „(Fictitious character)") */
.rs-novchars{margin:.5rem 0}
.rs-novchars__lbl{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55;margin-bottom:.3rem}
.rs-novchars__chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}

/* RagnaBook: Bände-Verlinkung auf der Buch-Detailseite */
.rs-bookvols{margin:.7rem 0}
.rs-bookvols__h{font-size:.9rem;margin:0 0 .45rem;opacity:.85}
.rs-bookvols__list{display:flex;gap:.55rem;flex-wrap:wrap}
.rs-bookvols__item{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:66px;text-decoration:none;color:inherit;opacity:.85}
.rs-bookvols__item:hover{opacity:1}
.rs-bookvols__item--cur{pointer-events:none}
.rs-bookvols__item--cur .rs-bookvols__lbl{color:var(--accent);font-weight:700}
.rs-bookvols__cover{width:66px;height:96px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.12)}
.rs-bookvols__item--cur .rs-bookvols__cover{border-color:var(--accent)}
.rs-bookvols__lbl{font-size:.75rem}
