/* Tsukiro · shared visual system, aligned with PlayerUI.
   A named important layer owns appearance over the legacy unlayered themes.
   Layout/state rules remain in their page modules; .hidden, dialogs, player
   controls and user-selected profile cosmetics are not globally reset. */
@layer tsukiro-appearance {
  html[data-tsukiro-theme="soft"] {
    color-scheme:dark;
    --bg:#0c0d12!important; --surface:#14171d!important;
    --surface-2:#1b1e25!important; --surface-3:#262a33!important;
    --text:#f1f2f5!important; --muted:#a0a5b1!important;
    --accent:#e8bac9!important; --accent-2:#e8bac9!important;
    --accent-soft:#e8bac912!important; --border:#ffffff0b!important;
    --danger:#e994a3!important; --shadow:0 16px 48px #0003!important;
    --radius:18px!important; --radius-sm:10px!important;
    --discovery-accent:#e8bac9!important; --discovery-accent-2:#e8bac9!important;
    --c292-pink:#e8bac9!important; --c292-violet:#e8bac9!important;
    --site-max:1320px; --site-gutter:28px;
    background:var(--bg)!important;
  }
  html[data-tsukiro-theme="soft"] body {
    --accent:#e8bac9!important; --accent-2:#e8bac9!important;
    --discovery-accent:#e8bac9!important; --discovery-accent-2:#e8bac9!important;
    background:var(--bg)!important; color:var(--text)!important;
    font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
    font-weight:400!important; line-height:1.55!important;
  }
  html[data-tsukiro-theme="soft"] body::before,
  html[data-tsukiro-theme="soft"] body::after { content:none!important; }
  :where(.container) { width:min(var(--site-max),calc(100% - var(--site-gutter)*2))!important; }
  :where(.page-main,.schedule-page-main) { padding-top:112px!important; padding-bottom:64px!important; }
  :where(h1,h2,h3,.brand,.brand-text,.card-title,.section-heading strong) {
    text-shadow:none!important; -webkit-text-stroke:0!important;
    font-family:inherit!important; letter-spacing:-.025em!important;
  }
  :where(.page-intro h1,.legal-hero h1,.rooms-hero h1,.premium-hero h1,.catalog-hero-v351 h1) {
    color:var(--text)!important; font-size:clamp(30px,4vw,52px)!important;
    font-weight:620!important; line-height:1.13!important; text-transform:none!important;
  }
  :where(h1 em,.eyebrow,.catalog-live-label,.auth-v355-kicker) {
    background:none!important; color:var(--accent)!important;
    -webkit-text-fill-color:currentColor!important; font-style:normal!important;
    text-shadow:none!important; filter:none!important;
  }
  :where(.eyebrow,.catalog-live-label,.auth-v355-kicker) { font-size:11px!important; letter-spacing:.1em!important; font-weight:550!important; }
  :where(.section-heading h2,.section-heading h3,.info-card h2,.legal-card h2,.admin-section-head h2) {
    color:var(--text)!important; background:none!important; -webkit-text-fill-color:currentColor!important;
    font-size:clamp(20px,2vw,26px)!important; font-weight:600!important; line-height:1.3!important;
  }
  :where(.section-heading) { margin-bottom:22px!important; gap:16px!important; }
  :where(.section) { margin-top:42px!important; }
  :where(.text-link,.collection-back,.auth-forgot-link,.profile-public-link) { color:var(--accent)!important; font-weight:500!important; }

  /* Navigation, global search and drawers. */
  :where(.navbar,.navbar-solid,.navbar.is-scrolled) {
    top:0!important; left:0!important; right:0!important;
    height:76px!important; padding:0 max(28px,calc((100vw - 1360px)/2))!important;
    border:0!important; border-radius:0!important;
    background:#0c0d12ed!important; box-shadow:0 8px 25px #0001!important;
    backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important;
    transform:none!important;
  }
  :where(.brand,.brand-text) { font-size:21px!important; font-weight:650!important; color:var(--text)!important; }
  :where(.brand img) { width:32px!important; height:32px!important; box-shadow:none!important; }
  :where(.nav-links) { gap:5px!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; }
  :where(.nav-links>a) { padding:10px 13px!important; border:0!important; border-radius:9px!important; color:var(--muted)!important; background:transparent!important; font-size:13px!important; font-weight:500!important; box-shadow:none!important; }
  :where(.nav-links>a.active,.nav-links>a:hover) { color:var(--text)!important; background:#ffffff07!important; }
  :where(.nav-links>a.active)::after { content:none!important; }
  :where(.nav-actions) { gap:8px!important; }
  :where(.icon-button,.mobile-menu-button,.back-to-top) {
    min-width:44px!important; min-height:44px!important;
    border:0!important; border-radius:11px!important;
    background:#ffffff06!important; color:var(--text)!important;
    box-shadow:none!important; transform:none!important;
  }
  :where(.icon-button:hover,.back-to-top:hover) { background:#ffffff0d!important; }
  .site-ui-icon { width:21px; height:21px; display:block; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  :where(.search-input,.search-shell.is-open .search-input) { min-height:44px!important; background:var(--surface-2)!important; color:var(--text)!important; border:0!important; border-radius:11px!important; box-shadow:0 10px 30px #0003!important; }
  :where(.search-results,.v19-notification-panel,.profile-menu,.dropdown-menu,.catalog-multi-select__panel,.room-title-results,.modal-card,.modal-dialog,.modal-content) {
    background:#1c1d26fa!important; color:var(--text)!important; border:0!important;
    border-radius:16px!important; box-shadow:0 18px 60px #0006!important;
    backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important;
  }
  :where(.search-result,.v19-notification-item) { border:0!important; border-radius:10px!important; background:transparent!important; box-shadow:none!important; padding:12px!important; }
  :where(.search-result:hover,.v19-notification-item:hover) { background:#ffffff06!important; }
  :where(.search-result strong) { font-size:13px!important; font-weight:550!important; }
  :where(.search-result small,.search-no-results) { color:var(--muted)!important; }
  :where(.mobile-drawer) { background:#15161dfc!important; border:0!important; box-shadow:-20px 0 70px #0005!important; }
  :where(.mobile-drawer>a) { border-radius:10px!important; border:0!important; font-weight:500!important; min-height:44px!important; }
  :where(.drawer-backdrop,.modal-backdrop) { background:#08090db3!important; backdrop-filter:blur(5px)!important; }

  /* Shared controls; native player controls use separate .tp-* selectors. */
  :where(.button,.auth-submit,.premium-buy-button,.premium-trial-action,.room-create-button,.premium-big-button,.file-button,.catalog-roulette-launch,.roulette-spin-button,.roulette-button,.discovery-roulette__spin-button) {
    min-height:44px!important; padding:11px 18px!important; border:0!important;
    border-radius:10px!important; font-size:13px!important; font-weight:550!important;
    line-height:1.4!important; letter-spacing:0!important; text-transform:none!important;
    text-shadow:none!important; box-shadow:none!important; filter:none!important;
    transform:none!important; background:var(--surface-3)!important; color:var(--text)!important;
    transition:background .18s,opacity .18s,box-shadow .18s!important;
  }
  :where(.button-primary,.auth-submit,.premium-buy-button,.premium-trial-action,.room-create-button,.premium-big-button,.roulette-spin-button,.discovery-roulette__spin-button) { background:var(--accent)!important; color:#281d24!important; }
  :where(.button-primary:hover,.auth-submit:hover,.premium-buy-button:hover,.room-create-button:hover) { background:#e8bac9!important; }
  :where(.button-secondary:hover,.button-ghost:hover,.catalog-roulette-launch:hover) { background:#30313c!important; }
  :where(.button-ghost) { background:transparent!important; color:var(--muted)!important; }
  :where(.button,.auth-submit,.premium-buy-button,.premium-trial-action,.catalog-roulette-launch)::before,
  :where(.button,.auth-submit,.premium-buy-button,.premium-trial-action,.catalog-roulette-launch)::after { content:none!important; }
  :where(.button:disabled,.auth-submit:disabled,.premium-buy-button:disabled) { opacity:.45!important; cursor:not-allowed!important; }
  :where(.danger-button,.account-delete-submit) { color:#efb0bb!important; background:#e994a312!important; }
  :where(.premium-badge,.role-badge,.best-label,.premium-inline,.premium-benefit-chip) { background:#e8bac912!important; color:var(--accent)!important; border:0!important; box-shadow:none!important; border-radius:7px!important; font-size:10px!important; text-shadow:none!important; }
  :where(.catalog-search,.room-title-search,.auth-input,.collection-filter-search,.admin-user-search,.admin-anime-search-box,.profile-genre-search) { border:0!important; border-radius:11px!important; background:var(--surface-2)!important; box-shadow:none!important; }
  :where(.catalog-search input,.room-title-search input,.auth-input input,.collection-filter-search input,.admin-user-search input,.profile-genre-search input) { background:transparent!important; border:0!important; color:var(--text)!important; box-shadow:none!important; min-height:44px!important; }
  :where(.room-field,.catalog-filter-field,.profile-edit-form,.appearance-form,.admin-edit-form,.issue-report-form,.auth-reset-form,.room-code-input,.collection-page-edit) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) {
    background:var(--surface-2)!important; color:var(--text)!important; border:1px solid transparent!important; border-radius:10px!important; min-height:44px!important; padding:11px 13px!important; font-size:14px!important; box-shadow:none!important;
  }
  :where(input,textarea)::placeholder { color:#94929f!important; opacity:1!important; }
  :where(input[type="checkbox"],input[type="radio"],input[type="range"]) { accent-color:var(--accent); }
  :where(.catalog-presets-v351 button,.schedule-tabs button,.discovery-schedule-tabs button,.profile-tabs button,.auth-tabs button,.admin-tab,.catalog-quality-pills button,.chip,.chip-row>span) { background:transparent!important; border:0!important; box-shadow:none!important; border-radius:9px!important; color:var(--muted)!important; font-weight:500!important; text-transform:none!important; }
  :where(.catalog-presets-v351 button,.schedule-tabs button,.discovery-schedule-tabs button,.profile-tabs button,.auth-tabs button,.admin-tab) { min-height:44px!important; padding:10px 15px!important; }
  :where(.catalog-presets-v351 button.active,.schedule-tabs button.active,.discovery-schedule-tabs button.active,.profile-tabs button.active,.auth-tabs button.active,.admin-tab.active,.catalog-quality-pills button.active) { color:var(--accent)!important; background:#e8bac90d!important; }

  /* Home and title pages: keep real artwork, reduce decorative overlays. */
  :where(.hero,.hero-v8) { min-height:590px!important; max-height:none!important; border:0!important; background:var(--bg)!important; }
  :where(.hero-overlay) { background:linear-gradient(90deg,#0c0d12ec 0%,#0c0d1280 44%,#0c0d1212 78%),linear-gradient(0deg,#0c0d12 0%,transparent 50%)!important; }
  :where(.hero-content,.hero-content-v8) { padding-top:160px!important; padding-bottom:90px!important; }
  :where(.hero h1) { font-size:clamp(34px,4.4vw,64px)!important; font-weight:620!important; line-height:1.1!important; max-width:740px!important; color:var(--text)!important; background:none!important; -webkit-text-fill-color:currentColor!important; }
  :where(.hero-kicker) { color:var(--accent)!important; background:none!important; border:0!important; box-shadow:none!important; letter-spacing:.1em!important; font-size:11px!important; }
  :where(.hero-description,.detail-description) { color:#c7c4cf!important; font-size:14px!important; line-height:1.75!important; }
  :where(.hero-meta,.detail-meta,.hero-alt-title) { color:var(--muted)!important; font-size:12px!important; }
  :where(.hero-actions) { gap:10px!important; }
  :where(.hero-rotation-progress__track) { height:2px!important; background:#ffffff18!important; }
  :where(.quick-start-card,.quick-start-icon) { background:var(--surface)!important; border:0!important; border-radius:14px!important; box-shadow:none!important; transform:none!important; }
  :where(.quick-start-card strong) { font-weight:550!important; font-size:14px!important; }
  :where(.quick-start-icon,.quick-start-arrow) { color:var(--accent)!important; }
  :where(.anime-grid--home,.anime-grid) { gap:28px 20px!important; }
  :where(.anime-card) { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important; filter:none!important; }
  :where(.card-poster) { background:var(--surface)!important; border:0!important; border-radius:14px!important; box-shadow:none!important; overflow:hidden!important; aspect-ratio:2/3!important; }
  :where(.card-poster-link) { height:100%!important; }
  :where(.card-poster img) { width:100%!important; height:100%!important; object-fit:cover!important; border-radius:inherit!important; transition:transform .25s ease,opacity .2s!important; }
  :where(.anime-card:hover .card-poster img) { transform:scale(1.025)!important; }
  :where(.card-body) { padding:11px 1px 0!important; }
  :where(.card-title) { color:var(--text)!important; font-size:14px!important; line-height:1.45!important; font-weight:550!important; text-transform:none!important; }
  :where(.card-russian,.card-meta,.card-genres) { color:#a4a1ae!important; font-size:11px!important; font-weight:400!important; }
  :where(.card-rating) { border:0!important; border-radius:7px!important; background:#15161dde!important; color:#e4cdaa!important; box-shadow:none!important; font-size:11px!important; font-weight:550!important; padding:5px 8px!important; }
  :where(.card-watch-cta) { border:0!important; border-radius:9px!important; background:var(--accent)!important; color:#281d24!important; box-shadow:none!important; min-height:42px!important; backdrop-filter:blur(6px)!important; }
  :where(.card-watch-cta b) { color:#281d24!important; font-weight:550!important; font-size:12px!important; }
  :where(.card-play-indicator) { background:#15161da8!important; color:var(--text)!important; border:0!important; box-shadow:none!important; }
  :where(.poster-unavailable)::after { content:"Обложка недоступна"; position:absolute; inset:0; display:grid; place-items:center; padding:20px; text-align:center; color:var(--muted); font-size:12px; pointer-events:none; }
  :where(.anime-hero-overlay) { background:linear-gradient(90deg,#0c0d12f2,#0c0d1280),linear-gradient(0deg,#0c0d12,transparent 75%)!important; }
  :where(.detail-poster) { border:0!important; border-radius:16px!important; box-shadow:0 20px 55px #0004!important; }
  :where(.detail-copy h1) { color:var(--text)!important; font-size:clamp(28px,3.5vw,46px)!important; font-weight:620!important; background:none!important; -webkit-text-fill-color:currentColor!important; }
  :where(.info-card,.fold-card,.legal-card,.support-card,.room-builder-card,.room-join-card,.premium-benefit,.profile-editor-card,.collection-create-card,.collection-page-edit,.collection-filters,.friend-requests-panel,.friend-card,.collection-card,.admin-section,.admin-sidebar,.auth-confirm-card,.auth-studio-panel,.empty-state,.collection-starter-grid>a) {
    background:var(--surface)!important; border:0!important; border-radius:18px!important;
    box-shadow:0 12px 35px #0001!important; backdrop-filter:none!important;
  }
  :where(.info-grid>div,.chronology-item,.character-card,.friend-request-group,.admin-user-card) { border-color:#ffffff08!important; box-shadow:none!important; }

  /* Catalog, schedule and collections. Decoration no longer dominates search. */
  :where(.catalog-hero-v351,.rooms-hero,.premium-hero,.discovery-schedule-hero,.collection-page-hero,.legal-hero) { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
  :where(.catalog-hero-v351,.rooms-hero,.premium-hero,.premium-summary-3d)::before,
  :where(.catalog-hero-v351,.rooms-hero,.premium-hero,.premium-summary-3d)::after { content:none!important; }
  :where(.catalog-hero-v351) { min-height:0!important; padding:12px 0 30px!important; }
  :where(.auth-confirm-ambient) { display:none!important; }
  :where(.catalog-hero-v351__copy) { max-width:800px!important; }
  :where(.catalog-hero-v351__stats) { margin-top:18px!important; color:var(--muted)!important; }
  :where(.catalog-command-v351,.catalog-filter-deck,.collection-toolbar,.discovery-schedule-toolbar) { background:var(--surface)!important; border:0!important; border-radius:15px!important; box-shadow:none!important; padding:18px!important; }
  :where(.catalog-filter-deck) { margin-top:12px!important; }
  :where(.catalog-filter-field>span,.room-field>span,.sort-control>span) { color:var(--muted)!important; font-size:12px!important; font-weight:500!important; }
  :where(.catalog-results-head) { margin:30px 0 20px!important; }
  :where(.catalog-results-head h2) { font-size:20px!important; font-weight:550!important; }
  :where(.schedule-item,.schedule-card,.discovery-schedule-card,.discovery-schedule-item,.collection-card) { background:var(--surface)!important; border:0!important; border-radius:14px!important; box-shadow:none!important; }
  :where(.collection-hero-art) { opacity:.4!important; filter:saturate(.35)!important; }

  /* Profile content and settings; user-uploaded banners/avatars/frames remain intact. */
  :where(.profile-hero-card) { border:0!important; border-radius:20px!important; box-shadow:0 16px 50px #0003!important; }
  :where(.profile-hero-shade) { background:linear-gradient(0deg,#101117fa, #10111730 85%)!important; }
  :where(.profile-name-row h1,.profile-main-copy h1) { font-size:clamp(25px,3vw,36px)!important; font-weight:620!important; text-shadow:none!important; }
  :where(.profile-level-card,.profile-watch-summary,.profile-v240-links,.profile-route-state,.selected-frame-card,.premium-profile-card) { background:var(--surface)!important; border:0!important; border-radius:15px!important; box-shadow:none!important; }
  :where(.profile-tabs) { background:transparent!important; border:0!important; padding:8px 0!important; gap:5px!important; box-shadow:none!important; }
  :where(.profile-watch-summary__metrics>div,.profile-watch-summary__row) { background:transparent!important; border-color:#ffffff08!important; box-shadow:none!important; }
  :where(.profile-editor-card h2,.collections-studio-head h2,.profile-media-studio h2) { color:var(--text)!important; font-size:21px!important; font-weight:580!important; }
  :where(.profile-upload-preview,.profile-image-field,.collection-privacy-list>div) { border-color:#ffffff0d!important; border-radius:12px!important; background:var(--surface-2)!important; }
  :where(.level-progress) { background:#ffffff0b!important; height:5px!important; }
  :where(.level-progress>span,.level-progress>div) { background:var(--accent)!important; box-shadow:none!important; }

  /* Premium and rooms: clear offers and quiet surfaces. */
  :where(.premium-hero,.rooms-hero) { padding:16px 0 36px!important; min-height:0!important; gap:36px!important; }
  :where(.premium-summary-card,.premium-summary-3d) { transform:none!important; animation:none!important; perspective:none!important; filter:none!important; }
  :where(.premium-summary-3d) { display:grid!important; gap:12px!important; }
  :where(.premium-summary-card) { border:0!important; background:var(--surface)!important; color:var(--text)!important; border-radius:16px!important; box-shadow:none!important; padding:22px!important; }
  :where(.premium-summary-card) { display:flex!important; align-items:center; gap:18px; }
  :where(.premium-summary-token) { display:grid!important; place-items:center; flex:0 0 58px; width:58px; height:64px; border-radius:14px; background:#252630!important; color:var(--accent)!important; font-size:14px; font-weight:650; box-shadow:inset 0 1px #ffffff14,0 8px 18px #0004!important; transform:perspective(500px) rotateY(-12deg)!important; }
  :where(.premium-summary-card small,.premium-summary-card strong,.premium-summary-card span) { display:block; }
  :where(.premium-summary-card small) { color:var(--accent)!important; font-size:10px!important; letter-spacing:.1em!important; margin-bottom:7px!important; }
  :where(.premium-summary-card strong) { color:var(--text)!important; font-size:16px!important; font-weight:550!important; margin-bottom:6px!important; }
  :where(.premium-summary-card span) { color:var(--muted)!important; font-size:13px!important; line-height:1.6!important; }
  :where(.premium-summary-card)::before,:where(.premium-summary-card)::after { content:none!important; }
  :where(.premium-plan) { background:var(--surface)!important; border:1px solid transparent!important; border-radius:18px!important; padding:27px!important; box-shadow:none!important; transform:none!important; }
  :where(.premium-plan-best) { background:#211c25!important; border-color:#e8bac940!important; }
  :where(.premium-price) { color:var(--text)!important; font-size:42px!important; font-weight:600!important; text-shadow:none!important; background:none!important; -webkit-text-fill-color:currentColor!important; }
  :where(.premium-price small,.premium-plan-rate,.premium-payment-note,.premium-terms-card p,.room-auth-note,.room-episode-note) { color:var(--muted)!important; font-size:12px!important; }
  :where(.premium-benefit strong,.room-card-head h2) { font-weight:550!important; color:var(--text)!important; }
  :where(.rooms-live-pills>span,.room-voice-tip,.room-join-status,.premium-status) { border:0!important; background:#ffffff05!important; color:var(--muted)!important; border-radius:9px!important; box-shadow:none!important; }

  /* Authentication, admin, feedback and footer. */
  :where(.auth-studio,.auth-shell,.auth-confirm-shell) { border:0!important; border-radius:20px!important; box-shadow:none!important; }
  :where(.auth-studio-visual) { background:linear-gradient(150deg,#23212b,#15161d)!important; border:0!important; }
  :where(.auth-studio-visual)::before,:where(.auth-studio-visual)::after { content:none!important; }
  :where(.auth-studio-heading h1,.auth-confirm-card h1) { color:var(--text)!important; font-size:30px!important; font-weight:600!important; background:none!important; -webkit-text-fill-color:currentColor!important; }
  :where(.auth-google-button,.telegram-auth-button) { min-height:48px!important; border:0!important; border-radius:11px!important; background:var(--surface-2)!important; color:var(--text)!important; box-shadow:none!important; }
  :where(.auth-confirm-icon,.auth-studio-brand,.auth-logo,.empty-icon) { background:#e8bac90d!important; color:var(--accent)!important; border:0!important; box-shadow:none!important; border-radius:13px!important; }
  :where(.admin-tab) { text-align:left!important; }
  :where(.admin-list-head,.admin-selected-anime,.auto-sync-panel,.kodik-auto-panel,.admin-warning) { background:var(--surface-2)!important; border:0!important; border-radius:12px!important; box-shadow:none!important; }
  :where(.admin-section table,.rules-commands-table) { color:var(--text)!important; background:transparent!important; border-color:#ffffff0b!important; }
  :where(.admin-section th,.admin-section td,.rules-commands-table td,.rules-commands-table th) { border-color:#ffffff0b!important; padding:13px 15px!important; }
  :where(.admin-section th,.rules-commands-table th) { color:var(--muted)!important; font-weight:500!important; background:#ffffff03!important; }
  :where(.toast,.empty-inline,.auth-message:not(:empty),.issue-report-status:not(:empty),.watch-party-message-empty) { border:0!important; border-radius:12px!important; background:var(--surface-2)!important; color:var(--text)!important; box-shadow:0 12px 36px #0003!important; font-size:13px!important; }
  :where(.toast.error,.auth-message.error,.issue-report-status.error) { color:#efb0bb!important; }
  :where(.community-chat,.party-dock) { background:#15161dfa!important; border:0!important; border-radius:16px!important; box-shadow:0 18px 60px #0005!important; }
  :where(.community-chat-form input,.watch-party-chat-form input) { background:var(--surface-2)!important; border:0!important; color:var(--text)!important; border-radius:10px!important; }
  :where(.community-chat-form button,.watch-party-chat-form button) { background:var(--accent)!important; color:#281d24!important; border:0!important; border-radius:10px!important; box-shadow:none!important; }
  :where(.footer,.footer-modern,.legal-footer) { border:0!important; background:#0a0b10!important; box-shadow:none!important; padding-top:32px!important; padding-bottom:32px!important; color:var(--muted)!important; }
  :where(.footer a) { color:var(--muted)!important; font-size:12px!important; font-weight:450!important; }
  :where(.footer a:hover) { color:var(--text)!important; }
  :where(.skeleton,.skeleton-card,.skeleton-poster,.profile-boot__card) { background:var(--surface-2)!important; border-color:transparent!important; box-shadow:none!important; }
  :where(.loader-line span,.profile-boot__progress span) { background:var(--accent)!important; box-shadow:none!important; }

  :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible { outline:2px solid var(--accent)!important; outline-offset:3px!important; }
  :where(.auth-input,.catalog-search,.room-title-search):focus-within { box-shadow:0 0 0 2px #e8bac966!important; }

  /* Include runtime-created controls and every interaction state. Keep SVG/mask
     icons and pseudo-element content; only remove decorative background images. */
  :where(button,input[type="submit"],input[type="button"],[role="button"],.button,.icon-button,.premium-nav-button,.card-watch-cta,.catalog-roulette-launch,.tsukiro-social-button),
  :where(button,[role="button"],.button,.icon-button,.premium-nav-button,.card-watch-cta,.catalog-roulette-launch,.tsukiro-social-button)::before,
  :where(button,[role="button"],.button,.icon-button,.premium-nav-button,.card-watch-cta,.catalog-roulette-launch,.tsukiro-social-button)::after {
    background-image:none!important; -webkit-text-fill-color:currentColor!important;
  }
  :where(.premium-nav-button,.ts-dm__form button,.party-ready-button,.watch-next-toast button) { background-color:var(--surface-3)!important; color:var(--text)!important; border-color:#ffffff12!important; }
  :where(.premium-nav-button.is-active,.search-type-tabs button.active,.rating-scale button.active,.rating-scale button:hover,.watch-provider-button.active,.episode-button.active,.catalog-presets-v351 button.is-active,.discovery-roulette__speed button.is-active) { background-color:#e8bac920!important; color:var(--accent)!important; }
  :where(.premium-nav-button:hover,.tsukiro-social-button:hover) { background-color:#30313c!important; }

  /* Restore depth independently of the retired Candy decoration scripts. */
  :where(.quick-start-card,.premium-summary-card,.premium-plan,.collection-card,.info-card) {
    box-shadow:inset 0 1px #ffffff0b,0 10px 24px #0003!important;
  }
  :where(.card-poster) { box-shadow:inset 0 1px #ffffff0b,0 9px 24px #0004!important; }
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    :where(.anime-card,.quick-start-card,.premium-summary-card,.premium-plan,.collection-card,.info-card) { transition:transform .2s ease,box-shadow .2s ease!important; }
    [data-site-depth] {
      transform:perspective(1100px) rotateX(var(--site-depth-x,0deg)) rotateY(var(--site-depth-y,0deg)) translateY(-4px)!important;
      transform-origin:center!important;
      box-shadow:0 22px 42px #0005,inset 0 1px #ffffff12!important;
    }
    :where(.button:not(:disabled):not([aria-disabled="true"]):hover,.catalog-roulette-launch:hover) { transform:translateY(-2px)!important; box-shadow:0 7px 16px #0003!important; }
    :where(.button:not(:disabled):active,.catalog-roulette-launch:active) { transform:translateY(0)!important; }
  }
  @media (prefers-reduced-motion:reduce) {
    [data-site-depth] { transform:none!important; }
    :where(.anime-card,.quick-start-card,.premium-summary-card,.premium-plan,.collection-card,.info-card) { transition:none!important; }
  }
  @media (max-width:1100px) {
    :where(.navbar) { padding-left:20px!important; padding-right:20px!important; gap:12px!important; }
    :where(.nav-links>a) { padding:10px 9px!important; font-size:12px!important; }
  }
  @media (max-width:760px) {
    html[data-tsukiro-theme="soft"] { --site-gutter:16px; }
    :where(.navbar) { height:64px!important; padding:0 16px!important; gap:10px!important; }
    :where(.page-main,.schedule-page-main) { padding-top:90px!important; padding-bottom:40px!important; }
    :where(.hero,.hero-v8) { min-height:560px!important; }
    :where(.hero-content,.hero-content-v8) { padding-top:150px!important; padding-bottom:54px!important; }
    :where(.hero h1) { font-size:35px!important; }
    :where(.hero-overlay) { background:linear-gradient(0deg,#0c0d12 0%,#0c0d12b0 45%,#0c0d1240 100%)!important; }
    :where(.hero-description) { font-size:13px!important; }
    :where(.anime-grid,.anime-grid--home) { gap:22px 12px!important; }
    :where(.card-title) { font-size:13px!important; }
    :where(.card-poster) { border-radius:11px!important; }
    :where(.card-rating) { font-size:10px!important; }
    :where(.catalog-command-v351,.catalog-filter-deck,.collection-toolbar) { padding:14px!important; border-radius:13px!important; }
    :where(.premium-hero,.rooms-hero) { gap:20px!important; padding:6px 0 24px!important; }
    :where(.premium-plan) { padding:22px!important; }
    :where(.profile-tabs,.schedule-tabs,.discovery-schedule-tabs) { gap:3px!important; scrollbar-width:none!important; }
    :where(.profile-tabs button,.schedule-tabs button,.discovery-schedule-tabs button) { padding:10px 12px!important; font-size:12px!important; }
    :where(.section) { margin-top:30px!important; }
    :where(.section-heading) { margin-bottom:16px!important; }
    :where(.info-card,.legal-card,.profile-editor-card,.room-builder-card,.room-join-card) { border-radius:15px!important; }
  }
  @media (prefers-reduced-motion:reduce) {
    :where(.button,.icon-button,.card-poster img,.hero,.hero-image-layer,.mobile-drawer,.search-input,.search-results,.premium-summary-card) { transition:none!important; animation:none!important; }
    :where(.loader-line span,.profile-boot__progress span) { animation:none!important; }
  }

  /* Content-first layout. References: underlined navigation, media tilt cards
     and compact sign-in forms on 21st.dev; implemented for our existing DOM. */
  :where(.navbar,.navbar-solid,.navbar.is-scrolled) {
    height:68px!important; padding:0 max(28px,calc((100vw - 1320px)/2))!important;
    background:#0c0d12f5!important; border-bottom:1px solid #ffffff08!important;
    box-shadow:none!important; backdrop-filter:blur(10px)!important;
  }
  :where(.brand,.brand-text) { font-size:20px!important; font-weight:650!important; letter-spacing:-.035em!important; }
  :where(.brand img) { width:28px!important; height:28px!important; }
  :where(.nav-links) { height:100%!important; gap:22px!important; border-radius:0!important; }
  :where(.nav-links>a,.nav-links>button) { display:inline-flex!important; align-items:center!important; height:100%!important; padding:0 2px!important; border-radius:0!important; font-size:13px!important; background:none!important; border-bottom:2px solid transparent!important; }
  :where(.nav-links>a.active,.nav-links>a:hover,.nav-links>button:hover) { background:none!important; color:var(--text)!important; }
  :where(.nav-links>a.active) { border-bottom-color:var(--accent)!important; }
  :where(.icon-button,.premium-nav-button,.button) { border-radius:8px!important; }
  :where(.button-secondary,.premium-nav-button) { border:1px solid #ffffff12!important; background-color:#1b1e25!important; }
  :where(.page-main,.schedule-page-main) { padding-top:112px!important; }
  :where(.page-heading) { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 0 30px; margin:0; }
  :where(.page-heading h1,.page-intro h1) { margin:0!important; font-size:34px!important; font-weight:600!important; line-height:1.2!important; letter-spacing:-.035em!important; }
  :where(.page-heading p,.page-intro p) { margin:10px 0 0!important; max-width:640px; font-size:14px!important; line-height:1.6!important; color:var(--muted)!important; }
  :where(.section-heading h2,.section-heading h3) { font-size:23px!important; font-weight:550!important; letter-spacing:-.025em!important; }
  :where(.section-heading) { margin-bottom:20px!important; }
  :where(.section) { margin-top:42px!important; }
  :where(.section-source-note,.api-label) { display:none!important; }

  :where(body[data-page="home"] .hero) {
    width:min(1320px,calc(100% - 56px))!important; margin:92px auto 0!important;
    height:auto!important; min-height:510px!important; border-radius:16px!important; overflow:hidden!important;
  }
  :where(body[data-page="home"] .hero-content) { width:100%!important; max-width:none!important; padding:94px 42px 72px!important; }
  :where(body[data-page="home"] .hero h1) { font-size:clamp(32px,3.5vw,48px)!important; max-width:660px!important; font-weight:600!important; }
  :where(body[data-page="home"] .hero-description) { max-width:560px!important; font-size:14px!important; -webkit-line-clamp:3!important; }
  :where(body[data-page="home"] .hero-overlay) { background:linear-gradient(90deg,#0c0d12f2,#0c0d12a0 42%,#0c0d1210 82%),linear-gradient(0deg,#0c0d1260,transparent 45%)!important; }
  :where(.hero-alt-title) { margin-top:10px!important; }
  :where(.hero-rotation-progress) { max-width:170px!important; margin-top:30px!important; }
  :where(.home-shortcuts) { display:flex; flex-wrap:wrap; align-items:center; gap:8px 28px; padding:20px 0; border-bottom:1px solid #ffffff0a; }
  :where(.home-shortcuts a,.home-shortcuts button) { padding:8px 0; min-height:40px; display:inline-flex; align-items:center; color:var(--muted); font:inherit; font-size:13px; border:0; background:none; cursor:pointer; }
  :where(.home-shortcuts a:hover,.home-shortcuts button:hover) { color:var(--text); }
  :where(.anime-grid,.anime-grid--home,.anime-grid--small) { grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:26px 20px!important; }
  :where(.card-poster) { border-radius:10px!important; }
  :where(.card-body) { padding:12px 0 0!important; }
  :where(.card-title) { font-size:14px!important; font-weight:550!important; line-height:1.45!important; }
  :where(.card-russian) { color:var(--muted)!important; font-size:11px!important; opacity:.75!important; }
  :where(.card-rating) { color:#e2e3e9!important; background:#0c0d12d9!important; padding:4px 7px!important; font-size:11px!important; }
  /* The native player and late legacy styles use the same pastel accent. */
  body[data-page="watch"], .tp-player { --tp-accent:#e8bac9!important; }
  :where(.button-primary:hover,.card-watch-cta:hover) { background:#f0cbd7!important; }
  :where(.back-to-top) {
    width:46px!important; height:46px!important; min-width:46px!important; min-height:46px!important;
    display:grid!important; place-items:center!important; padding:0!important;
    border:0!important; border-radius:12px!important;
    background:#e8bac9!important; color:#281d24!important;
    box-shadow:0 8px 22px #0005!important;
    outline:none!important;
  }
  :where(.back-to-top:focus-visible) { outline:none!important; box-shadow:inset 0 0 0 2px #281d24,0 8px 22px #0005!important; }
  :where(.back-to-top:hover) { background:#f0cbd7!important; }
  :where(.back-to-top)::before, :where(.back-to-top)::after { content:none!important; }
  :where(.back-to-top svg) { width:20px!important; height:20px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; }
  :where(.card-episode-count) {
    position:absolute; top:10px; right:10px; z-index:3;
    padding:4px 7px; border-radius:7px;
    color:#f2edf0; background:#0c0d12dc;
    font-size:11px; font-weight:650; line-height:1.2;
    pointer-events:none;
  }
  :where(.card-genres) { font-size:11px!important; color:var(--muted)!important; }
  :where(.card-watch-cta) { min-height:40px!important; font-size:12px!important; }
  :where(.level-leaderboard) { border-top:1px solid #ffffff0a; padding-top:18px; }

  :where(.catalog-command-v351) { padding:0!important; background:none!important; }
  :where(.catalog-command-v351__row) { display:grid!important; grid-template-columns:minmax(0,1fr) 240px!important; gap:16px!important; }
  :where(.catalog-search-v351) { min-height:50px!important; padding:0 16px!important; border:1px solid #ffffff12!important; background:var(--surface)!important; border-radius:10px!important; }
  :where(.catalog-search-v351 input) { font-size:15px!important; }
  :where(.sort-control-v351) { display:flex!important; align-items:center!important; min-width:0!important; height:50px!important; border:1px solid #ffffff12!important; background:var(--surface)!important; border-radius:10px!important; padding:0!important; }
  :where(.sort-control-v351>span) { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
  :where(.sort-control-v351 select) { width:100%!important; min-width:0!important; max-width:none!important; height:48px!important; min-height:0!important; margin:0!important; padding:0 14px!important; border:0!important; border-radius:inherit!important; box-shadow:none!important; font:inherit!important; font-size:13px!important; font-weight:400!important; text-transform:none!important; letter-spacing:normal!important; background:transparent!important; color:var(--text)!important; }
  :where(.sort-control-v351 option) { background:var(--surface)!important; color:var(--text)!important; font-weight:400!important; }
  :where(.catalog-filters) { margin-top:14px; border:1px solid #ffffff0d; border-radius:10px; background:var(--surface); }
  :where(.catalog-filters>summary) { display:flex; align-items:center; gap:16px; min-height:52px; padding:14px 18px; cursor:pointer; list-style:none; }
  :where(.catalog-filters>summary)::marker { content:""; }
  :where(.catalog-filters>summary)::-webkit-details-marker { display:none; }
  :where(.catalog-filters>summary strong) { font-size:14px; font-weight:550; }
  :where(.catalog-filters>summary span) { font-size:12px; color:var(--muted); }
  :where(.catalog-filters>summary svg) { margin-left:auto; width:16px; height:16px; }
  :where(.catalog-filters[open]>summary svg) { transform:rotate(180deg); }
  :where(.catalog-filter-deck) { position:static!important; inset:auto!important; width:auto!important; max-width:none!important; max-height:none!important; height:auto!important; padding:18px!important; margin:0!important; border-radius:0 0 10px 10px!important; box-shadow:none!important; transform:none!important; opacity:1!important; visibility:visible!important; }
  :where(.catalog-filter-deck__head) { padding:0 0 18px!important; border-bottom:1px solid #ffffff0b!important; margin-bottom:18px!important; }
  :where(.catalog-filter-deck__head h2) { font-size:16px!important; margin:0!important; }
  :where(.catalog-filter-grid) { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:18px!important; }
  :where(.catalog-filter-field) { min-width:0!important; background:none!important; border:0!important; box-shadow:none!important; padding:0!important; }
  :where(.catalog-filter-field>span) { font-size:12px!important; }
  :where(.catalog-filter-field--genre) { grid-column:auto!important; }
  :where(.catalog-results-head) { margin:28px 0 18px!important; }

  :where(.rooms-layout) { grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)!important; gap:24px!important; }
  :where(.room-builder-card,.room-join-card) { padding:28px!important; border:1px solid #ffffff0b!important; border-radius:12px!important; background:var(--surface)!important; box-shadow:none!important; }
  :where(.room-card-head h2,.room-join-card h2) { font-size:21px!important; margin-top:0!important; }
  :where(.room-card-head p,.room-join-card>p) { font-size:13px!important; }
  :where(.room-selected-title) { background:var(--surface-2)!important; border:0!important; border-radius:10px!important; }
  :where(.room-join-status,.room-voice-tip) { background:none!important; padding:14px 0!important; border-top:1px solid #ffffff0b!important; }
  :where(.room-voice-tip p) { font-size:12px!important; line-height:1.7!important; }

  :where(.premium-page) { max-width:1120px!important; }
  :where(.premium-plans) { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; margin:0!important; }
  :where(.premium-plan) { padding:28px!important; border:1px solid #ffffff12!important; border-radius:12px!important; background:var(--surface)!important; }
  :where(.premium-plan-best) { border-color:#e8bac966!important; background:var(--surface)!important; }
  :where(.premium-plan h3) { font-size:18px!important; font-weight:550!important; margin:0!important; }
  :where(.premium-price) { margin:20px 0 5px!important; }
  :where(.premium-price strong) { font-size:36px!important; font-weight:600!important; color:var(--text)!important; letter-spacing:-.04em!important; }
  :where(.premium-plan p) { font-size:13px!important; line-height:1.65!important; margin:16px 0 24px!important; }
  :where(.premium-plan .button) { width:100%!important; }
  :where(.premium-features-heading) { font-size:23px; font-weight:550; margin:48px 0 8px; scroll-margin-top:100px; }
  :where(.premium-benefits--top) { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:0 36px!important; margin:0!important; }
  :where(.premium-benefits--top .premium-benefit:nth-child(n)) { grid-column:auto!important; min-height:0!important; padding:24px 0!important; border:0!important; border-bottom:1px solid #ffffff0b!important; border-radius:0!important; background:none!important; box-shadow:none!important; transform:none!important; }
  :where(.premium-benefit)::before,:where(.premium-benefit)::after { content:none!important; }
  :where(.premium-benefit h3) { margin:0 0 8px!important; font-size:16px!important; font-weight:550!important; }
  :where(.premium-benefit p) { font-size:13px!important; color:var(--muted)!important; line-height:1.65!important; margin:0!important; }
  :where(.premium-payment-note) { background:none!important; border:0!important; margin:24px 0!important; padding:0!important; }
  :where(.premium-terms-card) { margin-top:32px!important; padding:24px!important; border:1px solid #ffffff0b!important; border-radius:12px!important; background:none!important; }
  :where(.premium-terms-card h2) { font-size:18px!important; }
  :where(.premium-status) { display:inline-flex; margin-top:16px!important; padding:0!important; background:none!important; font-size:12px!important; }

  :where(#authGuest) { width:min(100%,460px)!important; max-width:460px!important; margin:20px auto 64px!important; grid-template-columns:minmax(0,1fr)!important; background:none!important; }
  :where(.auth-studio-panel) { padding:30px!important; border:1px solid #ffffff12!important; border-radius:14px!important; box-shadow:0 16px 45px #0003!important; }
  :where(.auth-studio-heading h2) { font-size:25px!important; font-weight:600!important; margin:0 0 24px!important; }
  :where(.auth-tabs) { padding:4px!important; border:0!important; border-radius:8px!important; background:var(--surface-2)!important; }
  :where(.auth-tabs button.active) { background:var(--surface-3)!important; color:var(--text)!important; }
  :where(.auth-google-button,.telegram-auth-button) { min-height:48px!important; padding:12px 14px!important; border:1px solid #ffffff12!important; background:none!important; }
  :where(.auth-provider-copy small,.telegram-auth-button small,.auth-provider-arrow,.telegram-auth-button>i,.auth-studio-foot>span) { display:none!important; }
  :where(.auth-google-button b,.telegram-auth-button b) { font-size:13px!important; font-weight:500!important; }
  :where(.auth-input) { border:1px solid #ffffff12!important; border-radius:8px!important; }
  :where(.auth-card label>span) { font-size:13px!important; color:var(--text)!important; font-weight:500!important; }
  :where(.auth-studio-foot) { justify-content:center!important; border:0!important; margin-top:22px!important; }
  :where(.profile-editor-card,.collection-create-card,.info-card,.legal-card,.support-card,.admin-section) { border-radius:12px!important; }
  :where(.profile-tabs) { gap:18px!important; border-bottom:1px solid #ffffff0b!important; border-radius:0!important; }
  :where(.profile-tabs button) { border-radius:0!important; padding:12px 0!important; border-bottom:2px solid transparent!important; background:none!important; }
  :where(.profile-tabs button.active) { border-bottom-color:#e8bac9!important; color:var(--text)!important; background:none!important; }
  :where(.discovery-schedule-hero) { padding:0 0 28px!important; margin:0!important; min-height:0!important; }
  :where(.discovery-schedule-toolbar) { padding:16px!important; border:1px solid #ffffff0b!important; border-radius:10px!important; }
  :where(.discovery-schedule-tabs) { margin:20px 0!important; }
  :where(.anime-hero-content) { padding-top:110px!important; padding-bottom:40px!important; }
  :where(.detail-copy h1) { font-size:clamp(28px,3vw,40px)!important; font-weight:600!important; }
  :where(.detail-copy h2) { font-size:14px!important; font-weight:400!important; color:var(--muted)!important; }
  :where(.anime-primary-actions) { gap:8px!important; }
  :where(.discovery-roulette__idle-orbit,.discovery-roulette__head-icon) { border-radius:12px!important; background:var(--surface-2)!important; box-shadow:none!important; }
  :where(.discovery-roulette__idle-orbit)::before,:where(.discovery-roulette__idle-orbit)::after,:where(.discovery-roulette__head-icon)::before,:where(.discovery-roulette__card)::before { content:none!important; }
  :where(.discovery-roulette__card) { background:var(--surface)!important; border:1px solid #ffffff12!important; border-radius:14px!important; }
  :where(.discovery-roulette__form-group) { background:none!important; border:1px solid #ffffff0b!important; border-radius:10px!important; }

  @media (max-width:1050px) {
    :where(.nav-links) { gap:14px!important; }
    :where(.anime-grid,.anime-grid--home,.anime-grid--small) { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
    :where(.catalog-filter-grid) { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
    :where(.rooms-layout) { grid-template-columns:1fr!important; }
  }
  @media (max-width:760px) {
    :where(.navbar) { height:64px!important; padding:0 16px!important; }
    :where(.page-main,.schedule-page-main) { padding-top:88px!important; }
    :where(.page-heading) { align-items:flex-start; gap:16px; padding-bottom:24px; }
    :where(.page-heading h1,.page-intro h1) { font-size:28px!important; }
    :where(.page-heading p,.page-intro p) { font-size:13px!important; }
    :where(.page-heading>.button,.page-heading>.text-link) { font-size:12px!important; flex-shrink:0; }
    :where(body[data-page="home"] .hero) { width:calc(100% - 24px)!important; min-height:470px!important; margin-top:76px!important; border-radius:12px!important; }
    :where(body[data-page="home"] .hero-content) { padding:116px 22px 34px!important; }
    :where(body[data-page="home"] .hero h1) { font-size:32px!important; }
    :where(body[data-page="home"] .hero-overlay) { background:linear-gradient(0deg,#0c0d12f0 2%,#0c0d12b0 48%,#0c0d1220)!important; }
    :where(.home-shortcuts) { gap:4px 20px; padding:12px 0; }
    :where(.home-shortcuts a,.home-shortcuts button) { font-size:12px; }
    :where(.anime-grid,.anime-grid--home,.anime-grid--small) { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px 12px!important; }
    :where(.catalog-command-v351__row) { grid-template-columns:1fr!important; gap:10px!important; }
    :where(.sort-control-v351) { display:flex!important; justify-content:space-between!important; align-items:center!important; min-height:44px!important; }
    :where(.catalog-filter-grid) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    :where(.catalog-filters>summary) { gap:10px; padding:14px; }
    :where(.catalog-filters>summary span) { font-size:11px; }
    :where(.premium-plans,.premium-benefits--top) { grid-template-columns:1fr!important; }
    :where(.premium-plan) { padding:24px!important; }
    :where(.room-builder-card,.room-join-card) { padding:20px!important; }
    :where(.auth-studio-panel) { padding:24px 20px!important; }
    :where(#authGuest) { margin-top:0!important; }
    :where(.anime-hero-content) { padding-top:92px!important; }
    :where(.profile-tabs) { gap:16px!important; }
    :where(.section-heading h2,.section-heading h3) { font-size:20px!important; }
  }
  @media (max-width:480px) {
    :where(.anime-grid,.anime-grid--home,.anime-grid--small) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    :where(.page-heading) { flex-wrap:wrap; }
    :where(.catalog-filter-grid) { grid-template-columns:1fr!important; }
    :where(.catalog-filters>summary span) { max-width:170px; }
  }
  /* Wrappers own focus for compound fields; an inner outline used to draw a
     second rounded rectangle on top of the search field and sorting label. */
  :where(.catalog-search input,.auth-input input,.room-title-search input,.sort-control-v351 select):focus-visible { outline:none!important; box-shadow:none!important; }
  :where(.catalog-search,.auth-input,.room-title-search,.sort-control-v351):focus-within { box-shadow:0 0 0 2px #e8bac966!important; }
  :where(.catalog-search input) { flex:1!important; min-width:0!important; width:100%!important; padding:0!important; border-radius:0!important; }
  :where(.catalog-search kbd) { display:none!important; }
  /* Legacy late reveal classes caused content to blink when scrolling or rerendering. */
  :where(.reveal,.candy284-reveal,.tsukiro-scroll-reveal,.tsukiro-scroll-reveal:not(.is-depth-visible)) {
    opacity:1!important; transform:none!important;
    translate:none!important; filter:none!important;
    transition:none!important; animation:none!important;
  }
  :where(.app-loader) { background:var(--bg)!important; transition:opacity .12s ease,visibility .12s ease!important; }
  :where(.app-loader.is-hidden) { pointer-events:none!important; }
  :where(body[data-page="home"] #homeAboutTsukiro) { display:none!important; }
  :where(body[data-page="home"] .home-sections>.section) { padding:0!important; padding-block:0!important; margin-top:36px!important; margin-bottom:0!important; min-height:0!important; }
  :where(body[data-page="home"] .home-sections) { padding-bottom:24px!important; }
  :where(body[data-page="home"]>.footer) { margin-top:24px!important; }
  :where(#profileAvatar>img,#profileAvatar>video) { width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; border-radius:inherit!important; opacity:1!important; visibility:visible!important; }
  :where(#profileAvatar>span) { display:grid!important; place-items:center!important; width:100%!important; height:100%!important; border-radius:inherit!important; color:var(--text)!important; background:var(--surface-2)!important; }
  :where(.community-chat-fab) {
    right:20px!important; bottom:20px!important; min-height:48px!important;
    border:1.5px solid #e8bac9!important; border-radius:14px!important;
    background:#17141bef!important; color:#f6dce5!important;
    box-shadow:inset 0 0 0 1px #e8bac91c,0 8px 26px #0007!important;
  }
  :where(.community-chat-fab:hover,.community-chat-fab:focus-visible) {
    border-color:#f4d5df!important; background:#211922!important;
    box-shadow:inset 0 0 0 1px #f4d5df4d,0 10px 28px #0008!important;
  }
  :where(.community-chat-fab:focus-visible) { outline:2px solid #e8bac9!important; outline-offset:3px!important; }
  :where(.back-to-top) { right:20px!important; bottom:94px!important; }
  @media(max-width:760px) {
    :where(html,body) { max-width:100%; overflow-x:clip; }
    :where(.community-chat-fab) { right:calc(12px + env(safe-area-inset-right))!important; bottom:calc(12px + env(safe-area-inset-bottom))!important; min-height:48px!important; }
    :where(.back-to-top) { right:calc(12px + env(safe-area-inset-right))!important; bottom:calc(84px + env(safe-area-inset-bottom))!important; }
    :where(.watch-main) { padding-top:78px!important; padding-bottom:32px!important; }
    :where(.watch-container) { width:calc(100% - 24px)!important; }
    :where(.watch-titlebar) { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; }
    :where(.watch-title-copy) { min-width:0!important; }
    :where(.watch-title-copy h1) { font-size:clamp(20px,6vw,30px)!important; overflow-wrap:anywhere; }
    :where(.watch-player-shell) { width:100%!important; aspect-ratio:16/9!important; max-height:none!important; border-radius:12px!important; }
    :where(.watch-center-play) { width:58px!important; height:50px!important; border-radius:14px!important; }
    :where(.watch-controls) { padding:48px 9px 10px!important; }
    :where(.watch-control-button) { min-width:40px!important; height:40px!important; padding:0 6px!important; }
    :where(.watch-controls-left,.watch-controls-right) { gap:3px!important; }
    :where(.watch-volume) { display:none!important; }
    :where(.watch-options-card) { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; padding:12px!important; }
    :where(.watch-episodes-grid) { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
    :where(.watch-episode-card) { min-width:0!important; grid-template-columns:36px minmax(0,1fr)!important; gap:8px!important; padding:8px!important; }
    :where(.watch-episode-number) { width:34px!important; height:34px!important; }
    :where(.watch-episode-card em) { display:none!important; }
    :where(.profile-tabs,.schedule-tabs,.discovery-schedule-tabs,.watch-episode-nav) { max-width:100%!important; overflow-x:auto!important; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; }
    :where(input,select,textarea) { font-size:16px!important; }
    :where(.community-chat-panel) { padding-bottom:env(safe-area-inset-bottom)!important; }
  }
  @media(max-width:760px) and (orientation:landscape) {
    :where(.watch-player-shell) { max-height:calc(100svh - 88px)!important; aspect-ratio:auto!important; height:calc(100svh - 88px)!important; }
  }
  @media(max-width:380px) {
    :where(.watch-titlebar) { grid-template-columns:minmax(0,1fr)!important; }
    :where(.watch-xp-badge) { justify-self:start; }
    :where(.watch-episode-card strong) { font-size:11px!important; }
  }
  :where(.tp-panel,.tp-panel-body,.tp-episode) { min-width:0!important; box-sizing:border-box!important; }
  :where(.tp-episode) { gap:9px!important; padding-inline:4px!important; }
  :where(.tp-episode-image) { flex:0 0 auto!important; }
  :where(.tp-episode-copy) { min-width:0!important; max-width:100%!important; overflow:hidden!important; }
  @media(max-width:700px) {
    :where(.tp-panel) { left:0!important; right:0!important; width:100%!important; max-width:100%!important; }
    :where(.tp-panel-body) { width:100%!important; padding-inline:12px!important; }
    :where(.tp-episode-image) { width:clamp(68px,24vw,92px)!important; height:auto!important; aspect-ratio:16/9!important; }
    :where(.tp-episode-copy strong) {
      display:-webkit-box!important; overflow:hidden!important; white-space:normal!important;
      -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important;
      overflow-wrap:anywhere!important; line-height:1.25!important;
    }
  }
}
