@charset "UTF-8";

/* ---- inline block 1/6 #supreme-theme-v410 ---- */

  :root[data-theme="supreme"]{
    --on-accent:#021018; --on-rose:#021018; /* V6.7.13 审查#18：supreme 给 .grade/.learn-next/.desktop-start 做了玻璃态覆盖，但漏了 .ws-quiz-submit 等——白字压 #69E6FF 只有 1.3:1；深墨实测 强调色 13.18:1 / 玫红 7.01:1 */
    --bg:#05070C;
    --bg-secondary:#090D14;
    --bg-elevated:#0E141D;
    --card:rgba(18,26,36,.72);
    --card-strong:rgba(25,34,48,.86);
    --glass:rgba(255,255,255,.06);
    --border:rgba(168,213,255,.16);
    --border-strong:rgba(119,211,255,.32);
    --text:#F3F7FF;
    --text-muted:#9AA8BA;
    --text-subtle:#7C8A9E;
    --primary:#69E6FF;
    --primary-strong:#38BDF8;
    --success:#5FF2B2;
    --warning:#FFB86B;
    --gold:#D8B76A;
    --gold-soft:#F2D68A;
    --danger:#FF6B7A;
    --glow-blue:0 0 24px rgba(105,230,255,.28);
    --glow-gold:0 0 24px rgba(216,183,106,.24);
    --shadow-card:0 18px 60px rgba(0,0,0,.45);
    --paper:var(--bg);
    --paper-2:var(--bg-secondary);
    --card-ink:var(--card);
    --ink:var(--text);
    --ink-soft:var(--text-muted);
    --ink-faint:var(--text-subtle);
    --line:var(--border);
    --line-strong:var(--border-strong);
    --accent:var(--primary);
    --accent-soft:rgba(105,230,255,.12);
    --terra:var(--warning);
    --amber:var(--gold);
    --rose:var(--danger);
    --mint:var(--success);
    --solid:#69E6FF;
    --solid-text:#021018;
    --shadow:0 1px 2px rgba(0,0,0,.28),0 18px 52px rgba(0,0,0,.34);
    --shadow-lg:var(--shadow-card);
    color-scheme:dark;
  }
  :root[data-theme="supreme"] body{
    color:var(--text);
    background:
      radial-gradient(circle at 18% 2%,rgba(56,189,248,.20),transparent 28rem),
      radial-gradient(circle at 82% 8%,rgba(216,183,106,.10),transparent 22rem),
      radial-gradient(circle at 54% 92%,rgba(95,242,178,.09),transparent 24rem),
      repeating-linear-gradient(90deg,rgba(168,213,255,.045) 0 1px,transparent 1px 72px),
      repeating-linear-gradient(0deg,rgba(168,213,255,.035) 0 1px,transparent 1px 72px),
      linear-gradient(180deg,#05070C 0%,#080C13 54%,#05070C 100%);
    background-attachment:fixed;
  }
  :root[data-theme="supreme"] body::before{
    opacity:.32;
    background-image:
      radial-gradient(circle at 18px 22px,rgba(105,230,255,.42) 0 1px,transparent 1.7px),
      radial-gradient(circle at 78px 54px,rgba(216,183,106,.32) 0 1px,transparent 1.6px),
      radial-gradient(circle at 118px 96px,rgba(243,247,255,.22) 0 1px,transparent 1.5px),
      linear-gradient(115deg,transparent 0 48%,rgba(105,230,255,.08) 49%,transparent 51% 100%);
    background-size:152px 152px,186px 186px,236px 236px,360px 360px;
  }
  :root[data-theme="supreme"] :where(header,nav,.desktop-topbar,.desktop-goal-card,.desktop-side-footer,.card,.share-hero,.quote-panel,.ad-panel,.tasknum,.today-meter,.today-eta,.vocab-note,.stat,.book-card,.plan-day,.daycard,.page-item,.record-card,.stats-hero-card,.stats-card,.stats-side-card,.stats-panel,.ach-card,.achievement-card,.achievement-unlock-item,.settings-hero,.settings-subnav,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,.settings-sync-box,.settings-stepper,.settings-toggle-line,.mobile-home-shell,.mobile-tip-card,.mobile-home-section,.mobile-streak-card,.mobile-plan-card,.mobile-wordbook-card,.mobile-settings-cell,.mobile-account-card,.auth-modal-dialog,.auth-form-panel,.contact-dialog,.theme-dialog,.share-dialog,.reward-card,.invite-card,.account-box,.online-def,.flash){
    background:linear-gradient(145deg,rgba(18,26,36,.76),rgba(9,13,20,.58));
    border-color:var(--border);
    box-shadow:var(--shadow-card);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  :root[data-theme="supreme"] :where(.card,.share-hero,.settings-card,.stats-card,.ach-card,.theme-dialog,.auth-modal-dialog,.contact-dialog,.flash){
    position:relative;
    overflow:hidden;
  }
  :root[data-theme="supreme"] :where(.card,.share-hero,.settings-card,.stats-card,.ach-card,.theme-dialog,.auth-modal-dialog,.contact-dialog,.flash)::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(105,230,255,.55),rgba(216,183,106,.25),transparent);
    pointer-events:none;
  }
  :root[data-theme="supreme"] :where(.card,.share-hero,.settings-card,.settings-theme-card,.settings-icon-card,.book-card,.record-card,.plan-day,.daycard,.stats-card,.ach-card,.achievement-card,.mobile-streak-card,.mobile-plan-card,.mobile-wordbook-card,.mobile-settings-cell):hover{
    border-color:var(--border-strong);
    box-shadow:0 20px 64px rgba(0,0,0,.48),var(--glow-blue);
  }
  :root[data-theme="supreme"] nav{
    background:rgba(9,13,20,.82);
  }
  :root[data-theme="supreme"] nav button,
  :root[data-theme="supreme"] :where(.desktop-pill,.mobile-home-pill,.settings-subnav button,.settings-segment button,.theme-preview-actions .ghost,.share-action.ghost,.settings-soft-btn){
    color:var(--text-muted);
    border-color:var(--border);
    background:rgba(255,255,255,.04);
  }
  :root[data-theme="supreme"] nav button.active,
  :root[data-theme="supreme"] :where(.settings-subnav button.active,.settings-segment button.active,.desktop-pill:hover,.mobile-home-pill:hover){
    color:var(--primary);
    background:rgba(105,230,255,.12);
    box-shadow:inset 0 0 0 1px rgba(105,230,255,.22),var(--glow-blue);
  }
  :root[data-theme="supreme"] :where(.logo,.share-hero h1,.hero h2,.hero-slide h2,.sec-title,.settings-hero h2,.stats-title-row h2,.ach-hero h2,.word){
    color:var(--text);
    font-weight:600;
    text-shadow:0 0 26px rgba(105,230,255,.16);
  }
  :root[data-theme="supreme"] :where(.tagline,.sec-desc,.share-hero p,.hero-slide p,.quote-meta,.settings-card p,.settings-theme-system-head small,.settings-theme-card small,.settings-icon-card small,.online-def-body,.info,.def,.sub,.l){
    color:var(--text-muted);
  }
  :root[data-theme="supreme"] :where(.share-eyebrow,.quote-eyebrow,.ad-label,.kicker,.online-def-title,.preview-title){
    color:var(--gold-soft);
  }
  :root[data-theme="supreme"] :where(.btn-primary,.learn-next,.desktop-start,.share-action.primary,.auth-form button,.auth-modal-primary,.theme-preview-actions .primary,.settings-primary-btn,.settings-bottom-bar .primary,.ad-mail,.feedback-send,.reward-actions .primary){
    background:linear-gradient(135deg,#69E6FF 0%,#5FF2B2 100%);
    color:#021018;
    border:1px solid rgba(255,255,255,.20);
    box-shadow:0 14px 36px rgba(105,230,255,.22),0 0 0 1px rgba(105,230,255,.14);
    font-weight:850;
  }
  :root[data-theme="supreme"] :where(.btn-primary,.learn-next,.desktop-start,.share-action.primary,.auth-form button,.theme-preview-actions .primary,.settings-primary-btn,.settings-bottom-bar .primary):hover{
    filter:brightness(1.06);
    transform:translateY(-1px);
  }
  :root[data-theme="supreme"] :where(.btn-primary,.learn-next,.desktop-start,.share-action.primary,.auth-form button,.theme-preview-actions .primary,.settings-primary-btn,.settings-bottom-bar .primary)[disabled]{
    color:var(--text-subtle);
    background:rgba(255,255,255,.08);
    border-color:var(--border);
    box-shadow:none;
    filter:none;
  }
  :root[data-theme="supreme"] :where(.show-btn,.share-action.ghost,.theme-preview-actions .ghost,.settings-soft-btn,.quote-refresh,.top-install-btn,.top-account-btn,.settings-stepper button){
    color:var(--text);
    background:rgba(255,255,255,.055);
    border:1px solid var(--border);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }
  :root[data-theme="supreme"] :where(.show-btn,.share-action.ghost,.theme-preview-actions .ghost,.settings-soft-btn,.quote-refresh,.top-install-btn,.top-account-btn,.settings-stepper button):hover{
    color:var(--primary);
    border-color:var(--border-strong);
    box-shadow:var(--glow-blue);
  }
  :root[data-theme="supreme"] :where(.settings-danger-btn,.danger,.book-reset,.logout-btn){
    color:var(--danger);
    background:rgba(255,107,122,.06);
    border-color:rgba(255,107,122,.34);
  }
  :root[data-theme="supreme"] :where(.cost,.theme-cost-pill,.settings-theme-state,.settings-icon-state,.coin-chip,.desktop-pill,.mobile-section-link,.status,.badge,.pill,.achievement-reward,.streak-badge){
    min-height:22px;
    padding:5px 9px;
    border-radius:999px;
    color:var(--primary);
    background:rgba(105,230,255,.10);
    border:1px solid rgba(105,230,255,.18);
    font-size:12px;
    font-weight:850;
  }
  :root[data-theme="supreme"] :where(.coin-chip b,.plan-total b,.tasknum .n,.stat .v,.usage-metric b,.preview-stat b){
    color:var(--primary);
    text-shadow:0 0 18px rgba(105,230,255,.28);
  }
  :root[data-theme="supreme"] :where(.tasknum.recallc .n,.tasknum.newc .n,.streak-fire,.fire,.achievement-medal,.achievement-reward,.coin-chip){
    color:var(--gold-soft);
    border-color:rgba(216,183,106,.24);
    text-shadow:0 0 18px rgba(216,183,106,.20);
  }
  :root[data-theme="supreme"] :where(input,textarea,select,.auth-form input,.settings-stepper input){
    color:var(--text);
    background:rgba(3,8,15,.62);
    border-color:var(--border);
    outline:none;
  }
  :root[data-theme="supreme"] :where(input,textarea,select,.auth-form input,.settings-stepper input):focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(105,230,255,.14);
  }
  :root[data-theme="supreme"] #study.on{
    background:transparent;
  }
  :root[data-theme="supreme"] #study.on .flash{
    background:linear-gradient(165deg,rgba(18,26,36,.86),rgba(9,13,20,.72));
    border-color:rgba(105,230,255,.22);
    box-shadow:0 22px 72px rgba(0,0,0,.50),0 0 42px rgba(105,230,255,.12);
  }
  :root[data-theme="supreme"] #study.on :where(.word,.def,.ex,.info){
    color:var(--text);
  }
  :root[data-theme="supreme"] #study.on .online-def{
    display:block!important;
    visibility:visible!important;
    background:rgba(8,14,22,.86);
    border-color:rgba(105,230,255,.24);
    box-shadow:0 14px 42px rgba(0,0,0,.32);
  }
  :root[data-theme="supreme"] #study.on .online-def-title{
    color:var(--gold-soft);
  }
  :root[data-theme="supreme"] #study.on .online-def-link{
    color:var(--primary);
  }
  :root[data-theme="supreme"] #study.on .online-def-body,
  :root[data-theme="supreme"] #study.on .online-def-loading{
    color:var(--text-muted);
  }
  :root[data-theme="supreme"] :where(.grade){
    background:rgba(255,255,255,.06);
    border:1px solid var(--border);
    color:var(--text);
    box-shadow:none;
  }
  :root[data-theme="supreme"] :where(.grade.forgot){
    color:#FFD5DA;
    border-color:rgba(255,107,122,.36);
    background:linear-gradient(145deg,rgba(255,107,122,.14),rgba(255,255,255,.04));
  }
  :root[data-theme="supreme"] :where(.grade.good){
    color:var(--primary);
    border-color:rgba(105,230,255,.36);
    background:linear-gradient(145deg,rgba(105,230,255,.16),rgba(255,255,255,.04));
  }
  :root[data-theme="supreme"] :where(.grade.master){
    color:var(--gold-soft);
    border-color:rgba(216,183,106,.40);
    background:linear-gradient(145deg,rgba(216,183,106,.16),rgba(255,255,255,.04));
  }
  :root[data-theme="supreme"] :where(.bottom-nav,.mobile-bottom-nav,.tabbar){
    background:rgba(5,7,12,.90);
    border-color:rgba(105,230,255,.18);
    box-shadow:0 -16px 40px rgba(0,0,0,.46);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  :root[data-theme="supreme"] :where(.bottom-nav button.active,.mobile-bottom-nav button.active,.tabbar button.active){
    color:var(--primary);
  }
  .settings-theme-preview.supreme{
    background:
      radial-gradient(circle at 72% 18%,rgba(105,230,255,.38),transparent 30px),
      radial-gradient(circle at 28% 72%,rgba(216,183,106,.24),transparent 34px),
      repeating-linear-gradient(90deg,rgba(168,213,255,.12) 0 1px,transparent 1px 14px),
      linear-gradient(135deg,#05070C,#0E141D);
    border-color:rgba(105,230,255,.34);
  }
  .settings-theme-preview.supreme:before{
    background:linear-gradient(90deg,#69E6FF,#5FF2B2);
    box-shadow:var(--glow-blue,0 0 18px rgba(105,230,255,.28));
  }
  .settings-theme-preview.supreme:after{
    background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(216,183,106,.18));
  }
  .theme-preview-shell[data-preview-theme="supreme"]{
    --preview-ink:#F3F7FF;
    --preview-soft:#9AA8BA;
    --preview-accent:#69E6FF;
    --preview-terra:#FFB86B;
    --preview-line:rgba(119,211,255,.32);
    --preview-card:rgba(18,26,36,.72);
    color:#F3F7FF;
    background:
      radial-gradient(circle at 18% 10%,rgba(105,230,255,.26),transparent 34%),
      radial-gradient(circle at 82% 18%,rgba(216,183,106,.14),transparent 30%),
      repeating-linear-gradient(90deg,rgba(168,213,255,.08) 0 1px,transparent 1px 28px),
      linear-gradient(145deg,#05070C,#0E141D);
    border-color:rgba(119,211,255,.32);
    box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 30px rgba(105,230,255,.16);
  }
  .theme-preview-shell[data-preview-theme="supreme"]:after{
    border-color:rgba(105,230,255,.16);
    box-shadow:0 0 30px rgba(105,230,255,.14);
  }
  .theme-preview-shell[data-preview-theme="supreme"] .preview-stat{
    background:rgba(255,255,255,.06);
    border-color:rgba(119,211,255,.26);
  }
  .theme-preview-shell[data-preview-theme="supreme"] .preview-line i{
    background:linear-gradient(90deg,#FFB86B,#69E6FF,#5FF2B2);
    box-shadow:0 0 18px rgba(105,230,255,.30);
  }
  :root[data-theme="supreme"] .share-report-card,
  :root[data-theme="supreme"] .share-card-preview{
    background:linear-gradient(145deg,rgba(5,7,12,.95),rgba(14,20,29,.86));
    border-color:rgba(216,183,106,.24);
  }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    :root[data-theme="supreme"] :where(.card,.settings-card,.book-card,.record-card,.stats-card,.ach-card,.auth-modal-dialog,.contact-dialog,.theme-dialog,.flash){
      background:#0E141D;
    }
  }
  @media(max-width:760px){
    :root[data-theme="supreme"] body{
      background-attachment:scroll;
      background:
        radial-gradient(circle at 18% 0%,rgba(56,189,248,.16),transparent 18rem),
        radial-gradient(circle at 90% 12%,rgba(216,183,106,.08),transparent 16rem),
        linear-gradient(180deg,#05070C 0%,#080C13 100%);
    }
    :root[data-theme="supreme"] body::before{
      opacity:.18;
      background-size:118px 118px,148px 148px,186px 186px,260px 260px;
    }
    :root[data-theme="supreme"] :where(.card,.share-hero,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,.mobile-home-section,.mobile-streak-card,.mobile-wordbook-card,.mobile-settings-cell,.auth-modal-dialog,.theme-dialog,.contact-dialog,.flash,.online-def){
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      box-shadow:0 12px 34px rgba(0,0,0,.34);
    }
    :root[data-theme="supreme"] :where(.bottom-nav,.mobile-bottom-nav,.tabbar){
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    :root[data-theme="supreme"] :where(.settings-theme-state,.settings-icon-state,.cost,.theme-cost-pill,.coin-chip){
      font-size:11px;
      min-height:22px;
      padding:4px 8px;
    }
  }
  @media(prefers-reduced-motion:reduce){
    :root[data-theme="supreme"] *,
    .theme-preview-shell[data-preview-theme="supreme"] *{
      animation:none!important;
      transition:none!important;
      scroll-behavior:auto!important;
    }
  }
  /* Product layout pass V4.1.5: IA and visual hierarchy only. */
  @media (min-width: 769px){
    nav{
      gap:8px;
    }
    nav button[data-tab="home"]::after{content:"今日计划 / 开始练习";}
    nav button[data-tab="donate"]{margin-top:10px;}
    #view-lib .book-reset,
    #view-lib button[class*="reset"],
    #view-plan .danger,
    #view-plan [data-mobile-plan-tool="reset"]{
      background:transparent!important;
      color:var(--rose)!important;
      border:1px dashed color-mix(in srgb,var(--rose) 42%,var(--line))!important;
      box-shadow:none!important;
      font-size:12px!important;
      font-weight:800!important;
    }
    #view-settings .settings-card,
    #view-settings .card,
    #view-account .mobile-my-group,
    #view-account .account-box{
      box-shadow:0 10px 30px rgba(58,45,28,.07);
    }
  }
  @media (max-width: 768px){
    nav{
      grid-template-columns:repeat(5,minmax(0,1fr))!important;
      gap:4px!important;
    }
    nav button[data-tab]:not([data-tab="home"]):not([data-tab="lib"]):not([data-tab="plan"]):not([data-tab="stats"]):not([data-tab="account"]){
      display:none!important;
      visibility:hidden!important;
    }
    nav button[data-tab="home"]{order:1;}
    nav button[data-tab="lib"]{order:2;}
    nav button[data-tab="plan"]{order:3;}
    nav button[data-tab="stats"]{order:4;}
    nav button[data-tab="account"]{order:5;}
    nav button[data-tab="home"]::after{content:"今日"!important;}
    nav button[data-tab="lib"]::after{content:"词库"!important;}
    nav button[data-tab="plan"]::after{content:"计划表"!important;}
    nav button[data-tab="stats"]::after{content:"统计"!important;}
    nav button[data-tab="account"]::after{content:"我的"!important;}
    body:has(#study.on) nav{
      display:none!important;
    }
    #view-account .mobile-my-groups{
      gap:12px!important;
      padding-bottom:calc(92px + env(safe-area-inset-bottom));
    }
    #view-account .mobile-my-group,
    #view-settings .settings-card,
    #view-settings .card{
      border-radius:18px!important;
      padding:14px!important;
      box-shadow:0 8px 22px rgba(58,45,28,.07)!important;
    }
    #view-account .mobile-my-group h3,
    #view-settings .sec-title,
    #view-settings h3{
      font-size:17px!important;
      line-height:1.25!important;
    }
    #view-account .mobile-my-group button,
    #view-settings .settings-list button,
    #view-settings .settings-soft-btn{
      min-height:38px!important;
      font-size:12px!important;
    }
    #view-lib .mobile-book-card,
    #view-lib .book-card{
      border-radius:18px!important;
      box-shadow:0 8px 22px rgba(58,45,28,.06)!important;
    }
    #view-lib .book-reset,
    #view-lib button[class*="reset"]{
      background:transparent!important;
      color:var(--rose)!important;
      border:1px dashed color-mix(in srgb,var(--rose) 38%,var(--line))!important;
      box-shadow:none!important;
    }
    .status,.badge,.pill,.cost,.theme-cost-pill,.settings-theme-state,.settings-icon-state{
      min-height:22px!important;
      padding:3px 8px!important;
      font-size:11px!important;
      line-height:1.25!important;
    }
    .install-download-dialog{
      max-height:min(78vh,640px)!important;
      overflow:auto!important;
    }
    .install-download-dialog .install-actions{
      position:sticky;
      bottom:0;
      background:var(--card);
      border-top:1px solid var(--line);
    }
  }


/* ---- inline block 2/6 #ws-pwa-retention-v1-layout ---- */

  #installAppTop{
    display:none!important;
  }
  #pwaRetentionModal .ws-reg-card{
    max-width:430px;
  }
  #pwaRetentionModal .retention-soft-card{
    min-height:82px;
  }
  #installModal .install-download-dialog{
    max-width:680px;
  }
  @media (max-width:768px){
    #pwaRetentionModal{
      align-items:flex-end!important;
      padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;
    }
    #pwaRetentionModal .ws-reg-card{
      width:min(380px,calc(100vw - 24px))!important;
      max-height:min(78dvh,680px)!important;
      overflow:auto!important;
      border-radius:24px!important;
      padding:24px 18px calc(18px + env(safe-area-inset-bottom))!important;
    }
    #pwaRetentionModal .ws-reg-title{
      font-size:23px!important;
      line-height:1.22!important;
    }
    #pwaRetentionModal .ws-reg-body{
      font-size:14px!important;
      line-height:1.7!important;
    }
    #pwaRetentionModal .ws-reg-primary{
      min-height:52px!important;
    }
    #pwaRetentionModal .ws-reg-ghost{
      min-height:44px!important;
    }
    #installModal .install-download-dialog{
      width:calc(100vw - 24px)!important;
      max-height:min(82dvh,680px)!important;
      border-radius:24px!important;
      padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
    }
  }


/* ---- inline block 3/6 #ws-mobile-nav-readable-v415 ---- */

  @media (max-width: 768px){
    body nav.ws-mobile-bottom-nav,
    body nav.ws-v4-mobile-nav,
    body nav{
      display:grid!important;
      grid-template-columns:repeat(5,minmax(0,1fr))!important;
      align-items:center!important;
      min-height:68px!important;
      height:72px!important;
      padding:8px 10px!important;
      overflow:hidden!important;
    }
    body nav button[data-tab]{
      min-width:0!important;
      height:52px!important;
      min-height:52px!important;
      display:flex!important;
      flex-direction:column!important;
      align-items:center!important;
      justify-content:center!important;
      gap:4px!important;
      overflow:hidden!important;
      writing-mode:horizontal-tb!important;
      text-orientation:mixed!important;
    }
    body nav button[data-tab]::before,
    body nav button[data-tab]::after{
      display:block!important;
      writing-mode:horizontal-tb!important;
      text-orientation:mixed!important;
      white-space:nowrap!important;
      letter-spacing:0!important;
      color:currentColor!important;
      opacity:1!important;
      transform:none!important;
    }
    body nav button[data-tab]::before{
      font-size:18px!important;
      line-height:18px!important;
      min-width:18px!important;
      height:18px!important;
    }
    body nav button[data-tab]::after{
      max-width:100%!important;
      width:auto!important;
      height:auto!important;
      font-size:11px!important;
      line-height:1.05!important;
      font-weight:900!important;
      overflow:hidden!important;
      text-overflow:clip!important;
    }
    body nav button[data-tab="home"]::after{content:"今日学习"!important;}
    body nav button[data-tab="lib"]::after{content:"词库"!important;}
    body nav button[data-tab="plan"]::after{content:"计划表"!important;}
    body nav button[data-tab="stats"]::after{content:"统计"!important;}
    body nav button[data-tab="account"]::after{content:"我的"!important;}
    body .desktop-goal-card .desktop-goal-top span,
    body .desktop-goal-card .desktop-goal-row span{
      display:flex!important;
      flex-flow:row nowrap!important;
      align-items:center!important;
      gap:6px!important;
      writing-mode:horizontal-tb!important;
      text-orientation:mixed!important;
      white-space:nowrap!important;
      word-break:keep-all!important;
    }
    #view-home .hero-dots{
      display:flex!important;
      align-items:center!important;
      gap:8px!important;
      min-height:12px!important;
    }
    #view-home .hero-dots button{
      width:9px!important;
      min-width:9px!important;
      height:9px!important;
      min-height:9px!important;
      padding:0!important;
      border-radius:50%!important;
      aspect-ratio:1/1!important;
      opacity:.72!important;
    }
    #view-home .hero-dots button.active{
      width:18px!important;
      min-width:18px!important;
      height:9px!important;
      border-radius:999px!important;
      opacity:1!important;
    }
    #mobileTipDots.mobile-tip-dots{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:8px!important;
      min-height:12px!important;
    }
    #mobileTipDots.mobile-tip-dots button{
      width:9px!important;
      min-width:9px!important;
      max-width:9px!important;
      height:9px!important;
      min-height:9px!important;
      max-height:9px!important;
      padding:0!important;
      border-radius:50%!important;
      aspect-ratio:1/1!important;
      opacity:.72!important;
    }
    #mobileTipDots.mobile-tip-dots button.active{
      width:18px!important;
      min-width:18px!important;
      max-width:18px!important;
      height:9px!important;
      min-height:9px!important;
      max-height:9px!important;
      border-radius:999px!important;
      opacity:1!important;
    }
    :root[data-theme="supreme"] body nav.ws-mobile-bottom-nav,
    :root[data-theme="supreme"] body nav.ws-v4-mobile-nav,
    :root[data-theme="supreme"] body nav{
      background:linear-gradient(180deg,rgba(12,18,28,.96),rgba(5,7,12,.94))!important;
      border:1px solid rgba(105,230,255,.24)!important;
      box-shadow:0 -16px 42px rgba(0,0,0,.48),0 0 28px rgba(105,230,255,.10)!important;
      backdrop-filter:blur(16px) saturate(1.15)!important;
      -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
    }
    :root[data-theme="supreme"] body nav button[data-tab]{
      color:#BFD0E2!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
    }
    :root[data-theme="supreme"] body nav button[data-tab].active,
    :root[data-theme="supreme"] body.mobile-home-active nav button[data-tab="home"],
    :root[data-theme="supreme"] body.mobile-lib-active nav button[data-tab="lib"],
    :root[data-theme="supreme"] body.mobile-plan-active nav button[data-tab="plan"],
    :root[data-theme="supreme"] body.mobile-stats-active nav button[data-tab="stats"],
    :root[data-theme="supreme"] body.mobile-account-active nav button[data-tab="account"]{
      color:#F3FBFF!important;
      background:linear-gradient(135deg,rgba(105,230,255,.28),rgba(95,242,178,.16))!important;
      box-shadow:inset 0 0 0 1px rgba(105,230,255,.28),0 0 18px rgba(105,230,255,.18)!important;
    }
    :root[data-theme="supreme"] #view-home .hero-dots button{
      background:rgba(154,168,186,.56)!important;
    }
    :root[data-theme="supreme"] #view-home .hero-dots button.active{
      background:#69E6FF!important;
      box-shadow:0 0 14px rgba(105,230,255,.38)!important;
    }
    :root[data-theme="supreme"] #mobileTipDots.mobile-tip-dots button{
      background:rgba(154,168,186,.46)!important;
    }
    :root[data-theme="supreme"] #mobileTipDots.mobile-tip-dots button.active{
      background:#69E6FF!important;
      box-shadow:0 0 14px rgba(105,230,255,.38)!important;
    }
  }


/* ---- inline block 4/6 #ws-theme-readability-v417 ---- */

  :root{
    --ws-readable-panel:color-mix(in srgb,var(--card) 92%,var(--paper));
    --ws-readable-panel-strong:color-mix(in srgb,var(--card) 78%,var(--ink) 4%);
    --ws-readable-panel-soft:color-mix(in srgb,var(--accent-soft) 26%,var(--card));
    --ws-readable-muted:color-mix(in srgb,var(--ink-soft) 72%,var(--ink));
    --ws-readable-faint:color-mix(in srgb,var(--ink-faint) 68%,var(--ink-soft));
    --ws-readable-line:color-mix(in srgb,var(--line) 86%,var(--ink) 8%);
  }
  :root[data-theme="dark"],
  :root[data-theme="minimal-dark"],
  :root[data-theme="supreme"],
  :root[data-theme="pixel"]{
    --ws-readable-panel:color-mix(in srgb,var(--card) 88%,#000 12%);
    --ws-readable-panel-strong:color-mix(in srgb,var(--card) 78%,#000 22%);
    --ws-readable-panel-soft:color-mix(in srgb,var(--accent-soft) 30%,var(--card));
    --ws-readable-muted:color-mix(in srgb,var(--ink-soft) 82%,var(--ink));
    --ws-readable-faint:color-mix(in srgb,var(--ink-faint) 64%,var(--ink));
    --ws-readable-line:color-mix(in srgb,var(--line) 80%,var(--ink) 12%);
  }
  :root[data-theme="supreme"]{
    --ws-readable-panel:rgba(18,26,36,.82);
    --ws-readable-panel-strong:rgba(9,13,20,.92);
    --ws-readable-panel-soft:rgba(18,46,60,.70);
    --ws-readable-muted:#B8C7D8;
    --ws-readable-faint:#8FA1B7;
    --ws-readable-line:rgba(168,213,255,.24);
  }
  body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.account-box,.account-profile-card,.account-strip,.profile-stat,
  .settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,
  .app-icon-panel,.app-icon-option,.reward-strip,.theme-switch,
  .book-btn,.book-upload,.book-reset,.mobile-import-entry,
  .plan-chip,.plan-shell,.schedule-summary,.schedule-day,.plan-total,.today-meter,.mini-prog,
  .stats-hero-card,.stats-overview-card,.stats-panel,.stats-card,.stats-book-row,.stats-recent-panel,
  .ach-hero,.ach-summary-card,.ach-controls,.ach-card,.achievement-mini,
  .record-card,.word-row,.empty-note,.pill,.reason-tag,
  .qr-card,.contact-info-card,.contact-qr-card,.support-section,.feedback-box,
  .announcement-card,.ad-hero-card,.quote-panel,.ad-panel,
  .contact-dialog,.theme-dialog,.profile-center-panel,.profile-center-stat,.profile-center-mini){
    color:var(--ink)!important;
    border-color:var(--ws-readable-line)!important;
    text-shadow:none!important;
  }
  :root[data-theme="dark"] body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.account-box,.account-profile-card,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,
  .app-icon-panel,.app-icon-option,.reward-strip,.theme-switch,.book-btn,.book-upload,.book-reset,.mobile-import-entry,
  .plan-chip,.plan-shell,.schedule-summary,.schedule-day,.plan-total,.today-meter,.mini-prog,
  .stats-hero-card,.stats-overview-card,.stats-panel,.stats-card,.stats-book-row,.stats-recent-panel,
  .ach-hero,.ach-summary-card,.ach-controls,.ach-card,.achievement-mini,.record-card,.word-row,.empty-note,
  .qr-card,.contact-info-card,.contact-qr-card,.support-section,.feedback-box,.announcement-card,.ad-hero-card,.quote-panel,.ad-panel),
  :root[data-theme="minimal-dark"] body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.account-box,.account-profile-card,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,
  .app-icon-panel,.app-icon-option,.reward-strip,.theme-switch,.book-btn,.book-upload,.book-reset,.mobile-import-entry,
  .plan-chip,.plan-shell,.schedule-summary,.schedule-day,.plan-total,.today-meter,.mini-prog,
  .stats-hero-card,.stats-overview-card,.stats-panel,.stats-card,.stats-book-row,.stats-recent-panel,
  .ach-hero,.ach-summary-card,.ach-controls,.ach-card,.achievement-mini,.record-card,.word-row,.empty-note,
  .qr-card,.contact-info-card,.contact-qr-card,.support-section,.feedback-box,.announcement-card,.ad-hero-card,.quote-panel,.ad-panel),
  :root[data-theme="supreme"] body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.account-box,.account-profile-card,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,
  .app-icon-panel,.app-icon-option,.reward-strip,.theme-switch,.book-btn,.book-upload,.book-reset,.mobile-import-entry,
  .plan-chip,.plan-shell,.schedule-summary,.schedule-day,.plan-total,.today-meter,.mini-prog,
  .stats-hero-card,.stats-overview-card,.stats-panel,.stats-card,.stats-book-row,.stats-recent-panel,
  .ach-hero,.ach-summary-card,.ach-controls,.ach-card,.achievement-mini,.record-card,.word-row,.empty-note,
  .qr-card,.contact-info-card,.contact-qr-card,.support-section,.feedback-box,.announcement-card,.ad-hero-card,.quote-panel,.ad-panel),
  :root[data-theme="pixel"] body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.account-box,.account-profile-card,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,
  .app-icon-panel,.app-icon-option,.reward-strip,.theme-switch,.book-btn,.book-upload,.book-reset,.mobile-import-entry,
  .plan-chip,.plan-shell,.schedule-summary,.schedule-day,.plan-total,.today-meter,.mini-prog,
  .stats-hero-card,.stats-overview-card,.stats-panel,.stats-card,.stats-book-row,.stats-recent-panel,
  .ach-hero,.ach-summary-card,.ach-controls,.ach-card,.achievement-mini,.record-card,.word-row,.empty-note,
  .qr-card,.contact-info-card,.contact-qr-card,.support-section,.feedback-box,.announcement-card,.ad-hero-card,.quote-panel,.ad-panel){
    background:linear-gradient(145deg,var(--ws-readable-panel),var(--ws-readable-panel-strong))!important;
  }
  :root[data-theme="supreme"] body :is(.mobile-settings-member-card,.stats-hero-card,.ach-hero,.share-hero){
    background:
      radial-gradient(circle at 12% 0%,rgba(105,230,255,.16),transparent 34%),
      radial-gradient(circle at 92% 10%,rgba(216,183,106,.12),transparent 30%),
      linear-gradient(145deg,rgba(18,26,36,.88),rgba(5,7,12,.96))!important;
    border-color:rgba(168,213,255,.24)!important;
  }
  body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.account-box,.account-profile-card,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,
  .app-icon-panel,.app-icon-option,.reward-strip,.book-btn,.plan-chip,.stats-hero-card,.stats-overview-card,.stats-panel,.stats-card,
  .ach-card,.achievement-mini,.record-card,.word-row) :is(h1,h2,h3,h4,b,strong,.n,.metric-value,.stats-value,.ach-value){
    color:var(--ink)!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.account-box,.account-profile-card,.settings-card,.settings-theme-system,.settings-theme-card,.settings-icon-card,
  .app-icon-panel,.app-icon-option,.reward-strip,.book-btn,.plan-chip,.stats-hero-card,.stats-overview-card,.stats-panel,.stats-card,
  .ach-card,.achievement-mini,.record-card,.word-row) :is(p,small,span,em,li,.sec-desc,.desc,.hint,.sub,.muted){
    color:var(--ws-readable-muted)!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body :is(a,.mobile-settings-link,.achievement-link-btn,.online-def-link,.settings-theme-badge,.settings-theme-state,.settings-icon-state,
  .mobile-settings-badge,.mobile-settings-status,.wr-badge,.invite-code,.cost,.pill b){
    color:var(--accent)!important;
    opacity:1!important;
  }
  body :is(.btn,.show-btn,.ghost,.theme-preview-actions .ghost,.theme-switch button,
  .mobile-settings-cell,.mobile-settings-app-icon,.settings-theme-card,.settings-icon-card,.app-icon-option,
  .book-upload,.book-reset,.promo-nav,.achievement-unlock-actions button){
    color:var(--ink)!important;
    background:var(--ws-readable-panel)!important;
    border-color:var(--ws-readable-line)!important;
    text-shadow:none!important;
  }
  body :is(.mobile-settings-cell,.settings-theme-card,.settings-icon-card,.app-icon-option,.book-btn,.mobile-settings-app-icon) :is(small,span){
    color:var(--ws-readable-muted)!important;
  }
  body :is(.mobile-settings-cell-icon,.mobile-my-icon,.profile-center-mini i){
    color:var(--accent)!important;
    background:var(--ws-readable-panel-soft)!important;
    border-color:var(--ws-readable-line)!important;
  }
  body :is(.locked,[disabled],.disabled,.book-reset:disabled,.promo-nav:disabled){
    opacity:1!important;
    color:var(--ws-readable-faint)!important;
    background:color-mix(in srgb,var(--ws-readable-panel) 82%,transparent)!important;
    border-color:var(--ws-readable-line)!important;
    box-shadow:none!important;
    filter:none!important;
  }
  body :is(.locked,[disabled],.disabled,.book-reset:disabled,.promo-nav:disabled) :is(span,small,b,strong){
    color:var(--ws-readable-faint)!important;
    opacity:1!important;
  }
  body .btn-primary[disabled]{
    background:color-mix(in srgb,var(--line-strong) 42%,var(--card))!important;
    color:var(--ws-readable-muted)!important;
    border:1px solid var(--ws-readable-line)!important;
  }
  body :is(input,textarea,select){
    color:var(--ink)!important;
    background:var(--ws-readable-panel)!important;
    border-color:var(--ws-readable-line)!important;
  }
  body :is(input,textarea)::placeholder{
    color:var(--ws-readable-faint)!important;
    opacity:1!important;
  }
  :root[data-theme="supreme"] body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile,
  .mobile-my-group,.settings-theme-system,.settings-theme-card,.settings-icon-card,.app-icon-panel,.app-icon-option,.theme-switch,
  .book-btn,.plan-chip,.stats-overview-card,.stats-panel,.ach-card,.achievement-mini,.record-card,.word-row){
    box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 22px rgba(105,230,255,.07)!important;
    backdrop-filter:blur(14px) saturate(1.12);
    -webkit-backdrop-filter:blur(14px) saturate(1.12);
  }
  @media(max-width:768px){
    body :is(.mobile-settings-card,.mobile-settings-member-card,.mobile-settings-section,.mobile-settings-profile){
      background:linear-gradient(145deg,var(--ws-readable-panel),var(--ws-readable-panel-strong))!important;
    }
    body .mobile-settings-title p,
    body .desktop-title p,
    body .tagline,
    body .ftr{
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
    }
    body .mobile-settings-member-card :is(b,span,small),
    body .mobile-settings-member-card .mobile-settings-link{
      color:var(--ink)!important;
      opacity:1!important;
    }
    :root[data-theme="dark"] body .mobile-settings-member-card :is(b,span,small),
    :root[data-theme="minimal-dark"] body .mobile-settings-member-card :is(b,span,small),
    :root[data-theme="supreme"] body .mobile-settings-member-card :is(b,span,small),
    :root[data-theme="pixel"] body .mobile-settings-member-card :is(b,span,small){
      color:var(--ink)!important;
    }
    body .mobile-settings-icon-strip{
      background:transparent!important;
      color:var(--ink)!important;
    }
    body .mobile-settings-app-icon{
      min-width:70px!important;
      color:var(--ws-readable-muted)!important;
      background:var(--ws-readable-panel-strong)!important;
      border:1px solid var(--ws-readable-line)!important;
    }
    body .mobile-settings-app-icon.active{
      color:var(--accent)!important;
      border-color:var(--accent)!important;
      box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)!important;
    }
    body .plan-chip :is(small,.chip-stage),
    body .schedule-day :is(small,span),
    body .stats-overview-card :is(small,span),
    body .mobile-week-day.future{
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
    }
    body nav button[data-tab]::after{
      font-size:11px!important;
      color:currentColor!important;
      opacity:1!important;
    }
  }
  body :is(.contact-modal,.auth-modal){
    background:color-mix(in srgb,#000 54%,transparent)!important;
    backdrop-filter:blur(12px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  }
  body :is(.contact-dialog,.theme-dialog,.done-dialog,.achievement-unlock-dialog,
  .achievement-dialog,.auth-modal-dialog,.profile-center-dialog,.policy-dialog,.install-download-dialog){
    color:var(--ink)!important;
    background:linear-gradient(145deg,var(--ws-readable-panel),var(--ws-readable-panel-strong))!important;
    border:1px solid var(--ws-readable-line)!important;
    box-shadow:0 26px 80px color-mix(in srgb,#000 28%,transparent)!important;
    max-width:min(94vw,920px)!important;
    max-height:min(88dvh,860px)!important;
    overflow:hidden!important;
    text-shadow:none!important;
  }
  body :is(.contact-dialog,.theme-dialog,.done-dialog,.achievement-unlock-dialog,.policy-dialog,.install-download-dialog){
    overflow:auto!important;
  }
  body .achievement-dialog.share-report-dialog{
    width:min(94vw,1120px)!important;
    max-width:min(94vw,1120px)!important;
    overflow:auto!important;
  }
  body :is(.contact-dialog,.theme-dialog,.done-dialog,.achievement-unlock-dialog,
  .achievement-dialog,.auth-modal-dialog,.profile-center-dialog,.policy-dialog,.install-download-dialog)
  :is(h1,h2,h3,h4,b,strong,label){
    color:var(--ink)!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body :is(.contact-dialog,.theme-dialog,.done-dialog,.achievement-unlock-dialog,
  .achievement-dialog,.auth-modal-dialog,.profile-center-dialog,.policy-dialog,.install-download-dialog)
  :is(p,small,span,li,.sec-desc,.modal-lines,.contact-lines,.policy-body,.auth-check,.auth-divider){
    color:var(--ws-readable-muted)!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body :is(.modal-close,.auth-close){
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    border:1px solid var(--ws-readable-line)!important;
    background:var(--ws-readable-panel)!important;
    color:var(--ink)!important;
    opacity:1!important;
    box-shadow:0 10px 24px color-mix(in srgb,#000 16%,transparent)!important;
    z-index:8!important;
  }
  body :is(.modal-close,.auth-close):hover,
  body :is(.modal-close,.auth-close):focus-visible{
    color:var(--accent)!important;
    border-color:var(--accent)!important;
    outline:none!important;
  }
  body :is(.auth-info-panel,.auth-form-panel,.auth-device-art,.auth-device-screen,.auth-device-phone,
  .auth-privacy-box,.auth-guest-card,.auth-sync-choice,.auth-sync-option,.auth-sync-note,
  .profile-center-panel,.profile-center-stat,.profile-center-mini,.profile-center-file,
  .policy-body,.install-step,.install-note,.share-report-panel,.promo-share-panel,.promo-preview-wrap){
    color:var(--ink)!important;
    background:var(--ws-readable-panel)!important;
    border-color:var(--ws-readable-line)!important;
    text-shadow:none!important;
  }
  body :is(.auth-info-panel,.auth-form-panel,.auth-privacy-box,.auth-guest-card,.auth-sync-choice,
  .profile-center-panel,.profile-center-stat,.profile-center-mini,.install-step,.share-report-panel,.promo-share-panel)
  :is(p,small,span,li){
    color:var(--ws-readable-muted)!important;
  }
  body .share-report-footer{
    background:linear-gradient(180deg,transparent,var(--ws-readable-panel-strong))!important;
    border-top:1px solid var(--ws-readable-line)!important;
  }
  body .share-report-footer .reward-actions button,
  body .theme-preview-actions button,
  body .install-actions button{
    min-height:42px!important;
    color:var(--ink)!important;
    border:1px solid var(--ws-readable-line)!important;
    background:var(--ws-readable-panel)!important;
  }
  body .share-report-footer .reward-actions .primary,
  body .theme-preview-actions .primary,
  body .install-actions .primary,
  body .auth-submit{
    color:var(--solid-text)!important;
    background:var(--solid)!important;
    border-color:var(--solid)!important;
  }
  @media(max-width:768px){
    body :is(.contact-modal,.auth-modal){
      align-items:center!important;
      justify-content:center!important;
      padding:12px!important;
    }
    body :is(.contact-dialog,.theme-dialog,.done-dialog,.achievement-unlock-dialog,
    .achievement-dialog,.auth-modal-dialog,.profile-center-dialog,.policy-dialog,.install-download-dialog){
      width:calc(100vw - 24px)!important;
      max-width:calc(100vw - 24px)!important;
      max-height:calc(100dvh - 48px)!important;
      border-radius:24px!important;
      padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;
      overflow:auto!important;
      position:relative!important;
    }
    body .achievement-dialog.share-report-dialog{
      width:calc(100vw - 24px)!important;
      max-width:calc(100vw - 24px)!important;
      max-height:calc(100dvh - 48px)!important;
      padding:16px 12px calc(18px + env(safe-area-inset-bottom))!important;
    }
    body.mobile-auth-active .auth-modal-dialog{
      width:100%!important;
      max-width:100%!important;
      height:100dvh!important;
      max-height:100dvh!important;
      border-radius:0!important;
      overflow:auto!important;
    }
    body :is(.modal-close,.auth-close){
      position:absolute!important;
      top:12px!important;
      right:12px!important;
      margin-left:auto!important;
      margin-bottom:8px!important;
    }
    body .achievement-dialog.share-report-dialog .modal-close,
    body .theme-dialog .modal-close,
    body .profile-center-dialog .modal-close,
    body .policy-dialog .modal-close{
      position:absolute!important;
      top:12px!important;
      right:12px!important;
      margin:0!important;
    }
    body .share-report-header,
    body .theme-preview-top,
    body .profile-center-head{
      padding-right:46px!important;
    }
    body .theme-preview-top{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:8px!important;
      align-items:start!important;
    }
    body .theme-preview-top h2{
      font-size:24px!important;
      line-height:1.18!important;
      word-break:keep-all!important;
      overflow-wrap:normal!important;
    }
    body .theme-preview-top p{
      max-width:none!important;
      font-size:12px!important;
      line-height:1.55!important;
      margin-top:4px!important;
    }
    body .theme-cost-pill{
      justify-self:start!important;
      max-width:100%!important;
      white-space:normal!important;
      text-align:left!important;
      line-height:1.35!important;
      padding:7px 10px!important;
    }
    body .share-report-footer .reward-actions,
    body .theme-preview-actions,
    body .install-actions{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:8px!important;
    }
    body .share-report-footer .reward-actions button,
    body .theme-preview-actions button,
    body .install-actions button{
      width:100%!important;
      min-height:44px!important;
    }
    html body .mobile-settings-shell .mobile-settings-title p,
    html body .mobile-settings-shell .mobile-settings-profile p,
    html body .mobile-settings-shell .mobile-settings-profile small,
    html body .mobile-settings-shell .mobile-settings-profile span,
    html body .mobile-settings-shell .mobile-settings-member span,
    html body .mobile-settings-shell .mobile-settings-member small,
    html body .mobile-settings-shell .mobile-settings-cell small,
    html body .mobile-settings-shell .mobile-settings-cell span:not(.mobile-settings-cell-icon),
    html body .mobile-settings-shell .mobile-settings-app-icon,
    html body .mobile-settings-shell .mobile-settings-app-icon span,
    html body .mobile-settings-shell .mobile-settings-app-icon small{
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
      text-shadow:none!important;
    }
    html body .mobile-settings-shell .mobile-settings-member b,
    html body .mobile-settings-shell .mobile-settings-section h3,
    html body .mobile-settings-shell .mobile-settings-profile h3,
    html body .mobile-settings-shell .mobile-settings-cell b{
      color:var(--ink)!important;
      opacity:1!important;
    }
    html body #mobileFlashHint,
    html body #mobileFireHint,
    html body #mobilePlanNewEta,
    html body #mobilePlanReviewEta,
    html body #mobilePlanTotalEta,
    html body .mobile-week-day.future,
    html body .mobile-week-day.future span,
    html body .plan-chip .chip-stage,
    html body .plan-chip small,
    html body .schedule-day small,
    html body .schedule-day span,
    html body .stats-overview-card small,
    html body .stats-overview-card span{
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
      text-shadow:none!important;
    }
    html body .plan-chip,
    html body .plan-chip.review,
    html body .plan-chip.total{
      background:var(--ws-readable-panel)!important;
      border-color:var(--ws-readable-line)!important;
      color:var(--ink)!important;
    }
  }
  @media(max-width:768px){
    html body :is(.mobile-home-shell,.mobile-wordbook-shell,.mobile-plan-shell,.mobile-stats-shell,.mobile-settings-shell)
    :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current,
    .mobile-settings-title,.mobile-settings-profile,.mobile-settings-member,.mobile-settings-cell,
    .mobile-plan-progress,.mobile-plan-row,.mobile-streak-copy,.mobile-ach-copy,.mobile-wordbook-copy,
    .mobile-current-book,.mobile-book-meta,.mobile-book-extra){
      color:var(--ink)!important;
      text-shadow:none!important;
    }
    html body :is(.mobile-home-shell,.mobile-wordbook-shell,.mobile-plan-shell,.mobile-stats-shell,.mobile-settings-shell)
    :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current,
    .mobile-settings-title,.mobile-settings-profile,.mobile-settings-member,.mobile-settings-cell,
    .mobile-plan-progress,.mobile-plan-row,.mobile-streak-copy,.mobile-ach-copy,.mobile-wordbook-copy,
    .mobile-current-book,.mobile-book-meta,.mobile-book-extra)
    :is(p,small,span,em,li){
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
      text-shadow:none!important;
    }
    html body :is(.mobile-home-shell,.mobile-wordbook-shell,.mobile-plan-shell,.mobile-stats-shell,.mobile-settings-shell)
    :is(h1,h2,h3,h4,b,strong,label){
      color:var(--ink)!important;
      opacity:1!important;
      text-shadow:none!important;
    }
    html body :is(#view-home,#view-lib,#view-plan,#view-stats,#view-account)
    :is(small,.hint,.sub,.muted,.sec-desc,.chip-stage,.book-subtitle,.book-meta,.book-size,.book-progress-text){
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
      text-shadow:none!important;
    }
    html body :is(.mobile-start-btn,.mobile-schedule-start,.mobile-current-action,.mobile-book-primary,.mobile-book-card .primary){
      min-height:44px!important;
      color:var(--solid-text)!important;
      background:var(--solid)!important;
      border-color:var(--solid)!important;
      text-shadow:none!important;
      box-shadow:0 10px 24px color-mix(in srgb,var(--solid) 20%,transparent)!important;
    }
    html[data-theme="supreme"] body :is(.mobile-start-btn,.mobile-schedule-start,.mobile-current-action,.mobile-book-primary,.mobile-book-card .primary){
      color:#041016!important;
      background:linear-gradient(135deg,#69E6FF,#5FF2B2)!important;
      border-color:rgba(105,230,255,.68)!important;
      box-shadow:0 0 22px rgba(105,230,255,.24)!important;
    }
    html body :is(.mobile-book-cover,.mobile-current-cover,.mobile-ach-icon,.mobile-plan-icon,.mobile-streak-icon){
      color:var(--solid-text)!important;
      background:linear-gradient(145deg,var(--solid),color-mix(in srgb,var(--accent) 72%,var(--solid)))!important;
      border-color:color-mix(in srgb,var(--solid) 42%,transparent)!important;
      text-shadow:none!important;
    }
    html[data-theme="dark"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current),
    html[data-theme="minimal-dark"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current),
    html[data-theme="supreme"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current),
    html[data-theme="pixel"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current){
      color:var(--ink)!important;
    }
    html[data-theme="dark"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current) :is(p,small,span,em),
    html[data-theme="minimal-dark"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current) :is(p,small,span,em),
    html[data-theme="supreme"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current) :is(p,small,span,em),
    html[data-theme="pixel"] body :is(.mobile-section-head,.mobile-book-title-row,.mobile-stats-ranges,.mobile-intensity-current) :is(p,small,span,em){
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
    }
    html body .mobile-settings-title p,
    html body .mobile-settings-profile :is(p,small,span),
    html body .mobile-settings-member :is(span,small),
    html body .mobile-settings-cell :is(small,span:not(.mobile-settings-cell-icon)),
    html body .mobile-settings-app-icon :is(span,small){
      color:var(--ws-readable-muted)!important;
      opacity:1!important;
    }
    html body .mobile-settings-cell .mobile-settings-cell-icon{
      color:var(--accent)!important;
    }
    html body .mobile-settings-member b,
    html body .mobile-settings-profile h3,
    html body .mobile-settings-cell b{
      color:var(--ink)!important;
      opacity:1!important;
    }
  }
  @media(max-width:768px){
    body.mobile-auth-active .auth-modal,
    body.mobile-auth-active .auth-modal.on{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      padding:12px!important;
      overflow:hidden!important;
    }
    body.mobile-auth-active .auth-modal-dialog{
      width:calc(100vw - 24px)!important;
      max-width:calc(100vw - 24px)!important;
      height:auto!important;
      min-height:0!important;
      max-height:calc(100dvh - 24px)!important;
      border-radius:24px!important;
      border:1px solid var(--ws-readable-line)!important;
      overflow:auto!important;
      margin:0!important;
      padding:0!important;
    }
    body.mobile-auth-active .auth-modal-frame{
      min-height:0!important;
      max-height:none!important;
    }
    body.mobile-auth-active .auth-modal-main{
      min-height:0!important;
    }
    body.mobile-auth-active .auth-close{
      position:absolute!important;
      top:12px!important;
      right:12px!important;
      z-index:12!important;
    }
    body #hardWordModal .hardword-dialog{
      min-height:148px!important;
      padding-top:54px!important;
    }
    body #hardWordModal :is(.modal-close,.contact-close){
      position:absolute!important;
      top:12px!important;
      right:12px!important;
      width:38px!important;
      height:38px!important;
      min-width:38px!important;
      min-height:38px!important;
      display:grid!important;
      place-items:center!important;
      border-radius:999px!important;
      color:var(--ink)!important;
      background:var(--ws-readable-panel)!important;
      border:1px solid var(--ws-readable-line)!important;
      opacity:1!important;
      z-index:12!important;
    }
  }
  @media(min-width:769px){
    html body header{
      height:124px!important;
      padding:20px 20px 12px!important;
      overflow:hidden!important;
      color:var(--ink)!important;
      background:linear-gradient(180deg,var(--paper),var(--paper-2))!important;
      border-right:1px solid var(--ws-readable-line)!important;
    }
    html body header .logo{
      display:block!important;
      min-width:0!important;
      color:var(--ink)!important;
      transform:none!important;
    }
    html body header .logo:before{
      font-size:30px!important;
      line-height:1.05!important;
      color:var(--ink)!important;
      text-shadow:none!important;
    }
    html body header .logo:after{
      font-size:16px!important;
      line-height:1.1!important;
      margin-top:3px!important;
      color:var(--ws-readable-muted)!important;
      text-shadow:none!important;
    }
    html body header .tagline{
      display:block!important;
      max-width:198px!important;
      margin-top:8px!important;
      font-size:11px!important;
      line-height:1.35!important;
      color:var(--ws-readable-muted)!important;
      white-space:normal!important;
      overflow:hidden!important;
      display:-webkit-box!important;
      -webkit-line-clamp:2!important;
      -webkit-box-orient:vertical!important;
    }
    html body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]){
      top:118px!important;
      bottom:218px!important;
      padding:8px 20px!important;
      gap:4px!important;
      overflow-y:auto!important;
      background:linear-gradient(180deg,var(--paper),var(--paper-2))!important;
      border-right:1px solid var(--ws-readable-line)!important;
    }
    html body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]) button[data-tab]{
      min-height:38px!important;
      height:38px!important;
      flex:0 0 auto!important;
      display:flex!important;
      align-items:center!important;
      justify-content:flex-start!important;
      gap:10px!important;
      padding:0 14px!important;
      border-radius:14px!important;
      border:1px solid transparent!important;
      background:color-mix(in srgb,var(--card) 56%,transparent)!important;
      color:var(--ink)!important;
      font-size:15px!important;
      line-height:1!important;
      font-weight:900!important;
      writing-mode:horizontal-tb!important;
      white-space:nowrap!important;
      text-overflow:ellipsis!important;
      overflow:hidden!important;
      text-shadow:none!important;
    }
    html body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]) button[data-tab]:before{
      flex:0 0 18px!important;
      width:18px!important;
      height:18px!important;
      display:grid!important;
      place-items:center!important;
      font-size:15px!important;
      line-height:1!important;
      color:currentColor!important;
      opacity:.9!important;
    }
    html body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]) button[data-tab]::after{
      content:none!important;
      display:none!important;
    }
    html body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]) button[data-tab].active{
      color:var(--accent)!important;
      background:var(--accent-soft)!important;
      border-color:color-mix(in srgb,var(--accent) 34%,transparent)!important;
      box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 12%,transparent)!important;
    }
    html[data-theme="supreme"] body header,
    html[data-theme="supreme"] body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]){
      background:linear-gradient(180deg,rgba(9,13,20,.94),rgba(5,7,12,.98))!important;
      border-color:rgba(168,213,255,.16)!important;
    }
    html[data-theme="supreme"] body header .logo:before{
      color:#F3F7FF!important;
    }
    html[data-theme="supreme"] body header .logo:after,
    html[data-theme="supreme"] body header .tagline{
      color:#B8C7D8!important;
    }
    html[data-theme="supreme"] body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]) button[data-tab]{
      color:#DDEBFA!important;
      background:rgba(255,255,255,.045)!important;
      border-color:rgba(168,213,255,.10)!important;
    }
    html[data-theme="supreme"] body nav:not(.ws-v4-mobile-nav):not([data-ws-mobile-nav="true"]) button[data-tab].active{
      color:#69E6FF!important;
      background:rgba(105,230,255,.14)!important;
      border-color:rgba(105,230,255,.36)!important;
    }
    html body .desktop-side-footer{
      height:178px!important;
      padding:12px 20px 18px!important;
      background:linear-gradient(180deg,var(--paper-2),var(--paper))!important;
      border-right:1px solid var(--ws-readable-line)!important;
    }
    html body .desktop-side-footer button{
      min-height:34px!important;
      height:34px!important;
      color:var(--ws-readable-muted)!important;
      font-size:13px!important;
    }
  }
  html body #hardWordModal .hardword-dialog{
    min-height:170px!important;
    padding-top:58px!important;
    position:relative!important;
  }
  html body #hardWordModal :is(.modal-close,.contact-close,#hardWordModalClose){
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    left:auto!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    color:var(--ink)!important;
    background:var(--ws-readable-panel)!important;
    border:1px solid var(--ws-readable-line)!important;
    box-shadow:0 10px 24px color-mix(in srgb,#000 18%,transparent)!important;
    opacity:1!important;
    z-index:12!important;
  }
  html body :is(.mobile-home-shell,.mobile-wordbook-shell,.mobile-plan-shell,.mobile-stats-shell,.mobile-settings-shell){
    padding-bottom:max(148px,calc(122px + env(safe-area-inset-bottom)))!important;
  }
  @media(max-width:768px){
    html body nav:not(.desktop-only-nav),
    html body .ws-v4-mobile-nav,
    html body [data-ws-mobile-nav="true"]{
      color:var(--ink)!important;
      background:color-mix(in srgb,var(--card) 96%,transparent)!important;
      border:1px solid var(--ws-readable-line)!important;
      box-shadow:0 -14px 34px color-mix(in srgb,#000 14%,transparent)!important;
    }
    html body nav:not(.desktop-only-nav) button[data-tab]{
      min-width:0!important;
      min-height:54px!important;
      display:flex!important;
      flex-direction:column!important;
      align-items:center!important;
      justify-content:center!important;
      gap:4px!important;
      color:var(--ws-readable-muted)!important;
      background:transparent!important;
      border:1px solid transparent!important;
      writing-mode:horizontal-tb!important;
      white-space:nowrap!important;
      text-shadow:none!important;
    }
    html body nav:not(.desktop-only-nav) button[data-tab="home"]{order:1!important;}
    html body nav:not(.desktop-only-nav) button[data-tab="lib"]{order:2!important;}
    html body nav:not(.desktop-only-nav) button[data-tab="plan"]{order:3!important;}
    html body nav:not(.desktop-only-nav) button[data-tab="stats"]{order:4!important;}
    html body nav:not(.desktop-only-nav) button[data-tab="account"]{order:5!important;}
    html body nav:not(.desktop-only-nav) button[data-tab]::before,
    html body nav:not(.desktop-only-nav) button[data-tab]::after{
      color:currentColor!important;
      opacity:1!important;
      writing-mode:horizontal-tb!important;
      text-shadow:none!important;
    }
    html body nav:not(.desktop-only-nav) button[data-tab].active,
    html body nav:not(.desktop-only-nav) button[data-tab][aria-selected="true"]{
      color:var(--accent)!important;
      background:var(--accent-soft)!important;
      border-color:color-mix(in srgb,var(--accent) 26%,transparent)!important;
    }
    html[data-theme="supreme"] body nav:not(.desktop-only-nav){
      background:rgba(5,7,12,.92)!important;
      border-color:rgba(168,213,255,.22)!important;
      box-shadow:0 -18px 42px rgba(0,0,0,.42),0 0 22px rgba(105,230,255,.08)!important;
    }
    html[data-theme="supreme"] body nav:not(.desktop-only-nav) button[data-tab]{
      color:#B8C7D8!important;
    }
    html[data-theme="supreme"] body nav:not(.desktop-only-nav) button[data-tab].active,
    html[data-theme="supreme"] body nav:not(.desktop-only-nav) button[data-tab][aria-selected="true"]{
      color:#69E6FF!important;
      background:rgba(105,230,255,.14)!important;
      border-color:rgba(105,230,255,.32)!important;
    }
    html[data-theme="supreme"] body :is(.mobile-home-pill,.mobile-section-link,.mobile-card-chevron){
      color:#DDEBFA!important;
      background:rgba(105,230,255,.10)!important;
      border-color:rgba(105,230,255,.24)!important;
      text-shadow:none!important;
    }
    html[data-theme="supreme"] body :is(.mobile-home-pill:hover,.mobile-section-link:hover){
      color:#69E6FF!important;
      border-color:rgba(105,230,255,.44)!important;
    }
    html[data-theme="supreme"] body :is(.mobile-start-btn,.mobile-schedule-start,.mobile-current-action,.mobile-book-primary,.mobile-book-card .primary){
      background-color:#69E6FF!important;
      color:#041016!important;
    }
    html body :is(.mobile-start-btn,.mobile-schedule-start,.mobile-current-action,.mobile-book-primary,.mobile-book-card .primary){
      background-color:var(--solid)!important;
    }
    html body :is(.mobile-book-cover,.mobile-current-cover,.mobile-ach-icon,.mobile-plan-icon,.mobile-streak-icon){
      background-color:var(--solid)!important;
    }
    html body .mobile-plan-bottom-tip{
      width:100%!important;
      min-height:50px!important;
      max-height:none!important;
      display:grid!important;
      grid-template-columns:26px minmax(0,1fr) 18px!important;
      align-items:center!important;
      gap:10px!important;
      margin:0 0 10px!important;
      padding:10px 12px!important;
      border-radius:18px!important;
      color:var(--ink)!important;
      background:linear-gradient(135deg,var(--ws-readable-panel),var(--ws-readable-panel-strong))!important;
      border:1px solid var(--ws-readable-line)!important;
      box-shadow:none!important;
      overflow:hidden!important;
      text-align:left!important;
    }
    html body .mobile-plan-bottom-tip span:first-child{
      width:26px!important;
      height:26px!important;
      display:grid!important;
      place-items:center!important;
      border-radius:50%!important;
      font-size:15px!important;
      color:var(--amber)!important;
      background:color-mix(in srgb,var(--amber) 14%,var(--card))!important;
      flex:0 0 auto!important;
    }
    html body .mobile-plan-bottom-tip b{
      display:-webkit-box!important;
      min-width:0!important;
      color:var(--ink)!important;
      font-size:11.5px!important;
      line-height:1.35!important;
      font-weight:850!important;
      white-space:normal!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
      -webkit-box-orient:vertical!important;
      -webkit-line-clamp:2!important;
    }
    html body .mobile-plan-bottom-tip i{
      color:var(--ws-readable-muted)!important;
      font-size:17px!important;
      line-height:1!important;
      justify-self:end!important;
    }
    html[data-theme="supreme"] body .mobile-plan-bottom-tip{
      background:linear-gradient(145deg,rgba(18,26,36,.86),rgba(5,7,12,.94))!important;
      border-color:rgba(216,183,106,.34)!important;
      box-shadow:0 0 20px rgba(216,183,106,.08)!important;
    }
  }
  @media(min-width:769px){
    html body header{
      transform:none!important;
      filter:none!important;
      backdrop-filter:none!important;
      -webkit-backdrop-filter:none!important;
      contain:none!important;
      perspective:none!important;
    }
    html body header .header-actions{
      display:flex!important;
      position:fixed!important;
      left:auto!important;
      right:34px!important;
      top:24px!important;
      bottom:auto!important;
      width:auto!important;
      max-width:calc(100vw - 320px)!important;
      z-index:120!important;
      align-items:center!important;
      justify-content:flex-end!important;
      gap:12px!important;
      transform:none!important;
      translate:none!important;
      margin:0!important;
      visibility:visible!important;
      opacity:1!important;
      pointer-events:auto!important;
    }
    html body :is(#desktopTopStreak,.desktop-top-streak,#installAppTop.top-install-btn,#topAccountBtn.top-account-btn,.datechip){
      min-height:46px!important;
      height:46px!important;
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      border-radius:999px!important;
      border:1px solid var(--ws-readable-line)!important;
      background:var(--ws-readable-panel)!important;
      color:var(--ink)!important;
      box-shadow:0 10px 26px color-mix(in srgb,#000 10%,transparent)!important;
      text-shadow:none!important;
      visibility:visible!important;
      opacity:1!important;
      pointer-events:auto!important;
    }
    html body #desktopTopStreak,
    html body .desktop-top-streak{
      min-width:128px!important;
      padding:0 16px!important;
      color:var(--ink)!important;
      background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 13%,var(--card)),var(--ws-readable-panel))!important;
      border-color:color-mix(in srgb,var(--amber) 30%,var(--line))!important;
      font-size:13px!important;
      font-weight:900!important;
      white-space:nowrap!important;
    }
    html body #installAppTop.top-install-btn{
      min-width:132px!important;
      padding:0 16px!important;
      color:var(--accent)!important;
      background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--card)),var(--ws-readable-panel))!important;
      border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;
      font-size:13px!important;
      font-weight:900!important;
    }
    html body #topAccountBtn.top-account-btn{
      width:46px!important;
      min-width:46px!important;
      max-width:46px!important;
      aspect-ratio:1/1!important;
      padding:0!important;
      overflow:hidden!important;
      border-radius:50%!important;
      background:var(--ws-readable-panel)!important;
      flex:0 0 46px!important;
      position:relative!important;
      display:grid!important;
      place-items:center!important;
      gap:0!important;
      line-height:0!important;
    }
    html body #topAccountBtn .top-account-avatar{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-width:100%!important;
      min-height:100%!important;
      aspect-ratio:1/1!important;
      border-radius:50%!important;
      display:grid!important;
      place-items:center!important;
      background:linear-gradient(145deg,var(--ws-readable-panel-soft),var(--ws-readable-panel))!important;
      color:var(--ink)!important;
      border:0!important;
      object-fit:cover!important;
      overflow:hidden!important;
      line-height:1!important;
      margin:0!important;
      transform:none!important;
    }
    html body #topAccountBtn .top-account-avatar img{
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
      display:block!important;
      border-radius:50%!important;
    }
    html body .datechip{
      min-width:110px!important;
      padding:0 16px!important;
      font-family:var(--cjk)!important;
      font-style:normal!important;
      font-size:13px!important;
      font-weight:900!important;
      color:var(--ws-readable-muted)!important;
      white-space:nowrap!important;
    }
    html[data-theme="supreme"] body header .header-actions{
      filter:none!important;
      transform:none!important;
      backdrop-filter:none!important;
      -webkit-backdrop-filter:none!important;
    }
    html[data-theme="supreme"] body :is(#desktopTopStreak,.desktop-top-streak,#installAppTop.top-install-btn,#topAccountBtn.top-account-btn,.datechip){
      background:linear-gradient(145deg,rgba(18,26,36,.88),rgba(5,7,12,.92))!important;
      border-color:rgba(168,213,255,.22)!important;
      color:#F3F7FF!important;
      box-shadow:0 16px 40px rgba(0,0,0,.38),0 0 18px rgba(105,230,255,.08)!important;
    }
    html[data-theme="supreme"] body #desktopTopStreak,
    html[data-theme="supreme"] body .desktop-top-streak{
      border-color:rgba(216,183,106,.44)!important;
      color:#F2D68A!important;
      background:linear-gradient(135deg,rgba(216,183,106,.16),rgba(18,26,36,.88))!important;
      box-shadow:0 0 22px rgba(216,183,106,.10),0 16px 40px rgba(0,0,0,.38)!important;
    }
    html[data-theme="supreme"] body #installAppTop.top-install-btn{
      color:#5FF2B2!important;
      border-color:rgba(95,242,178,.34)!important;
      background:linear-gradient(135deg,rgba(95,242,178,.12),rgba(18,26,36,.88))!important;
    }
    html[data-theme="supreme"] body #topAccountBtn .top-account-avatar{
      color:#F3F7FF!important;
      background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
      box-shadow:inset 0 0 0 1px rgba(168,213,255,.18)!important;
    }
    html[data-theme="supreme"] body .datechip{
      color:#DDEBFA!important;
      border-color:rgba(216,183,106,.28)!important;
    }
  }
  @media(max-width:768px){
    html body :is(.mobile-home-avatar,.mobile-lib-avatar,.mobile-plan-avatar,.mobile-hard-avatar,.mobile-stats-avatar,.mobile-settings-avatar,.mobile-ach-avatar){
      box-sizing:border-box!important;
      width:36px!important;
      height:36px!important;
      min-width:36px!important;
      min-height:36px!important;
      max-width:36px!important;
      max-height:36px!important;
      padding:0!important;
      border-radius:50%!important;
      display:grid!important;
      place-items:center!important;
      line-height:1!important;
      overflow:hidden!important;
      flex:0 0 36px!important;
    }
    html body :is(.mobile-lib-iconbtn,.mobile-plan-iconbtn,.mobile-stats-iconbtn,.mobile-settings-icon-btn){
      box-sizing:border-box!important;
      width:36px!important;
      height:36px!important;
      min-width:36px!important;
      min-height:36px!important;
      max-width:36px!important;
      max-height:36px!important;
      padding:0!important;
      border-radius:50%!important;
      display:grid!important;
      place-items:center!important;
      line-height:1!important;
      flex:0 0 36px!important;
    }
  }
  html body :is(.mobile-home-avatar,.mobile-lib-avatar,.mobile-plan-avatar,.mobile-hard-avatar,.mobile-stats-avatar,.mobile-settings-avatar,.mobile-ach-avatar,.top-account-avatar,.avatar-preview,.profile-center-avatar){
    aspect-ratio:1/1!important;
    border-radius:50%!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
  }
  html body :is(.mobile-home-avatar,.mobile-lib-avatar,.mobile-plan-avatar,.mobile-hard-avatar,.mobile-stats-avatar,.mobile-settings-avatar,.mobile-ach-avatar,.top-account-avatar,.avatar-preview,.profile-center-avatar) img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
    display:block!important;
  }
  @media(max-width:768px){
    html body.mobile-plan-active #mobilePlanBottomTip.mobile-plan-bottom-tip,
    html body.mobile-plan-active .mobile-plan-shell .mobile-plan-bottom-tip,
    html body #mobilePlanBottomTip.mobile-plan-bottom-tip{
      display:none!important;
      visibility:hidden!important;
      pointer-events:none!important;
    }
  }


/* ---- inline block 5/6 #ws-v417-mobile-structure-fix ---- */

@media(max-width:768px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  body:not(.client-mode) #clientLoginGate{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  body :is(.desktop-goal-card,.desktop-side-footer,.desktop-topbar){display:none!important;visibility:hidden!important;pointer-events:none!important;}
  body header .header-actions{display:none!important;}
  html body :is(.mobile-home-avatar,.mobile-lib-avatar,.mobile-plan-avatar,.mobile-hard-avatar,.mobile-stats-avatar,.mobile-settings-avatar,.mobile-ach-avatar){
    box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:1!important;overflow:hidden!important;flex:0 0 36px!important;
  }
  html body :is(.mobile-lib-iconbtn,.mobile-plan-iconbtn,.mobile-stats-iconbtn,.mobile-settings-icon-btn){
    box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:1!important;flex:0 0 36px!important;
  }
  html body.mobile-plan-active #mobilePlanBottomTip.mobile-plan-bottom-tip,
  html body.mobile-plan-active .mobile-plan-shell .mobile-plan-bottom-tip,
  html body #mobilePlanBottomTip.mobile-plan-bottom-tip{display:none!important;visibility:hidden!important;pointer-events:none!important;}
}
html body :is(.mobile-home-avatar,.mobile-lib-avatar,.mobile-plan-avatar,.mobile-hard-avatar,.mobile-stats-avatar,.mobile-settings-avatar,.mobile-ach-avatar,.top-account-avatar,.avatar-preview,.profile-center-avatar){aspect-ratio:1/1!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;}
html body :is(.mobile-home-avatar,.mobile-lib-avatar,.mobile-plan-avatar,.mobile-hard-avatar,.mobile-stats-avatar,.mobile-settings-avatar,.mobile-ach-avatar,.top-account-avatar,.avatar-preview,.profile-center-avatar) img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;}


/* ---- inline block 6/6 #ws-v417-sidebar-account-fix ---- */

@media (min-width:769px){
  html body .desktop-goal-card{
    min-width:196px!important;
    overflow:hidden!important;
  }
  html body .desktop-goal-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:6px!important;
    padding:0 0 10px!important;
  }
  html body .desktop-goal-top span{
    grid-column:1 / -1!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
    white-space:nowrap!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    word-break:keep-all!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .desktop-goal-top i{
    flex:0 0 24px!important;
  }
  html body .desktop-goal-top b{
    grid-column:1!important;
    margin:2px 0 0 32px!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  html body .desktop-goal-top small{
    grid-column:2!important;
    position:static!important;
    align-self:center!important;
    justify-self:end!important;
  }
  html body .desktop-goal-row span{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body #view-home .share-hero .hero-carousel,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"]{
    display:block!important;
    transform:none!important;
    overflow:hidden!important;
  }
  html body #view-home .share-hero .hero-carousel > .hero-slide,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"] > .hero-slide{
    display:none!important;
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
  }
  html body #view-home .share-hero .hero-carousel > .hero-slide.active,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"] > .hero-slide.active{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html body #view-records .record-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  html body #view-records .record-tabs button{
    flex:1 1 112px!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
}
@media (min-width:1101px){
  html body #view-home .share-hero{
    height:300px!important;
    min-height:300px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  html body #view-home .share-hero .hero-carousel,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"]{
    height:100%!important;
    min-height:0!important;
  }
  html body #view-home .share-hero .hero-carousel > .hero-slide,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"] > .hero-slide,
  html body #view-home .share-hero .hero-carousel > .hero-slide.active,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"] > .hero-slide.active{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    padding:28px 76px 44px 38px!important;
  }
  html body #view-home .share-hero p{
    max-height:70px!important;
  }
}
@media (min-width:769px) and (max-width:1100px){
  html body #view-home.active{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body #view-home .share-hero{
    grid-column:1 / -1!important;
    height:auto!important;
    min-height:300px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  html body #view-home .share-hero .hero-carousel,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"]{
    height:auto!important;
    min-height:270px!important;
    padding:22px 56px 46px 28px!important;
  }
  html body #view-home .share-hero .hero-slide,
  html body #view-home .share-hero .hero-carousel[data-loop-ready="true"] .hero-slide,
  html body #view-home .share-hero .hero-slide.active{
    height:auto!important;
    min-height:250px!important;
    max-height:none!important;
    justify-content:center!important;
    overflow:visible!important;
    padding:0!important;
  }
  html body #view-home .share-hero h1{
    font-size:clamp(34px,4vw,46px)!important;
    line-height:1.04!important;
    max-width:100%!important;
  }
  html body #view-home .share-hero h2{
    font-size:clamp(26px,3.2vw,38px)!important;
    line-height:1.12!important;
    max-width:100%!important;
  }
  html body #view-home .share-hero p{
    font-size:14px!important;
    line-height:1.58!important;
    max-width:100%!important;
  }
  html body #view-home .share-actions,
  html body #view-home .quote-hero-actions,
  html body #view-home .hero-achievement-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    max-width:100%!important;
  }
  html body #view-home .share-action,
  html body #view-home .coin-chip{
    min-height:34px!important;
    height:auto!important;
    padding:8px 12px!important;
    white-space:nowrap!important;
  }
}
@media (max-width:768px){
  body.mobile-account-active .mobile-settings-title{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:0 0 4px!important;
  }
  body.mobile-account-active .mobile-settings-title h2,
  body.mobile-account-active .mobile-settings-title p{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    white-space:normal!important;
    word-break:normal!important;
  }
  body.mobile-account-active .mobile-settings-title h2{
    font-size:26px!important;
    line-height:1.05!important;
  }
  body.mobile-account-active .mobile-settings-title p{
    font-size:10.5px!important;
    line-height:1.35!important;
    margin-top:4px!important;
  }
}