/* Six complete reading environments. Content, original covers and logos remain intact. */
body[data-appearance] {
  --ap-paper:var(--appearance-palette-paper,#f4f5f5); --ap-ink:var(--appearance-palette-ink,#25282a);
  --ap-muted:var(--appearance-palette-muted,#4c565d); --ap-line:var(--appearance-palette-line,#d5dadd);
  --ap-primary:var(--appearance-palette-primary,#3d474d); --ap-accent:var(--appearance-palette-accent,#697981);
  --ap-soft:var(--appearance-palette-soft,#dce2e4); --ap-card:var(--appearance-palette-card,#fff);
  --ap-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans","Yu Gothic","Microsoft YaHei",sans-serif;
  --ap-serif:Georgia,"Hiragino Mincho ProN","Songti SC","Yu Mincho","Noto Serif CJK SC",serif;
  --ap-body-font:var(--ap-sans); --ap-title-font:var(--ap-sans); --ap-weight:500; --ap-title-size:clamp(39px,4.6vw,60px);
  --ap-width:1280px; --ap-gutter:clamp(23px,4.2vw,54px); --ap-space:76px; --ap-gap:30px; --ap-radius:0px; --ap-rule:1px;
}
body[data-appearance=paper] {
  --ap-paper:var(--appearance-palette-paper,#f6f0e2); --ap-ink:var(--appearance-palette-ink,#3d382f); --ap-muted:var(--appearance-palette-muted,#6f6758); --ap-line:var(--appearance-palette-line,#ddd3bf);
  --ap-primary:var(--appearance-palette-primary,#6a5c43); --ap-accent:var(--appearance-palette-accent,#a56e45); --ap-soft:var(--appearance-palette-soft,#e6dbc5); --ap-card:var(--appearance-palette-card,#fffdf6);
  --ap-body-font:var(--ap-serif); --ap-title-font:var(--ap-serif); --ap-weight:400; --ap-width:1220px; --ap-space:92px; --ap-gap:36px;
}
body[data-appearance=swiss] {
  --ap-paper:var(--appearance-palette-paper,#f4efe5); --ap-ink:var(--appearance-palette-ink,#23272b); --ap-muted:var(--appearance-palette-muted,#5d6469); --ap-line:var(--appearance-palette-line,#d5d2c8);
  --ap-primary:var(--appearance-palette-primary,#263d57); --ap-accent:var(--appearance-palette-accent,#bd4b36); --ap-soft:var(--appearance-palette-soft,#e3c157); --ap-card:var(--appearance-palette-card,#fffdf6);
  --ap-weight:700; --ap-width:1360px; --ap-space:62px; --ap-gap:22px; --ap-rule:2px; --ap-title-size:clamp(42px,5.2vw,70px);
}
body[data-appearance=moss] {
  --ap-paper:var(--appearance-palette-paper,#edf4ed); --ap-ink:var(--appearance-palette-ink,#26362b); --ap-muted:var(--appearance-palette-muted,#56695c); --ap-line:var(--appearance-palette-line,#c9d4c6);
  --ap-primary:var(--appearance-palette-primary,#526b4c); --ap-accent:var(--appearance-palette-accent,#8d674f); --ap-soft:var(--appearance-palette-soft,#d7e3ce); --ap-card:var(--appearance-palette-card,#fafcf6);
  --ap-title-font:var(--ap-serif); --ap-weight:400; --ap-width:1240px; --ap-space:96px; --ap-gap:34px; --ap-radius:9px;
}
body[data-appearance=night] {
  --ap-paper:var(--appearance-palette-paper,#1b2024); --ap-ink:var(--appearance-palette-ink,#e8e7df); --ap-muted:var(--appearance-palette-muted,#aab5b7); --ap-line:var(--appearance-palette-line,#3e4b50);
  --ap-primary:var(--appearance-palette-primary,#a8bbc1); --ap-accent:var(--appearance-palette-accent,#d5b58b); --ap-soft:var(--appearance-palette-soft,#34444b); --ap-card:var(--appearance-palette-card,#242d32);
  --ap-title-font:var(--ap-serif); --ap-weight:400; --ap-width:1240px; --ap-space:86px; --ap-gap:30px; --ap-radius:3px; color-scheme:dark;
}
body[data-appearance=blue] {
  --ap-paper:var(--appearance-palette-paper,#edf2f6); --ap-ink:var(--appearance-palette-ink,#24394a); --ap-muted:var(--appearance-palette-muted,#506777); --ap-line:var(--appearance-palette-line,#cbd8e0);
  --ap-primary:var(--appearance-palette-primary,#365c76); --ap-accent:var(--appearance-palette-accent,#4a7c98); --ap-soft:var(--appearance-palette-soft,#d4e1e9); --ap-card:var(--appearance-palette-card,#fbfdff);
  --ap-title-font:var(--ap-serif); --ap-weight:400; --ap-width:1400px; --ap-space:104px; --ap-gap:38px; --ap-radius:7px;
}
/* Cold/photo intentionally retains the previously approved typography and lighting. */
body[data-appearance] .kk-cold-photo { background-image:var(--appearance-photo,url('/assets/cold-window-light.png')); }
body[data-appearance]:not([data-appearance=cold]) {
  --paper:var(--ap-paper); --ink:var(--ap-ink); --muted:var(--ap-muted); --line:var(--ap-line); --olive:var(--ap-primary); --rust:var(--ap-accent); --kk-indigo:var(--ap-primary); --kk-vermilion:var(--ap-accent); --kk-ochre:var(--ap-soft);
  --learn-paper:var(--ap-paper); --learn-white:var(--ap-card); --learn-ink:var(--ap-ink); --learn-muted:var(--ap-muted); --learn-line:var(--ap-line); --learn-indigo:var(--ap-primary); --learn-red:var(--ap-accent); --learn-yellow:var(--ap-soft); --learn-sage:var(--ap-soft);
  --read-paper:var(--ap-paper); --read-white:var(--ap-card); --read-ink:var(--ap-ink); --read-muted:var(--ap-muted); --read-line:var(--ap-line); --read-indigo:var(--ap-primary); --read-red:var(--ap-accent);
  --study-paper:var(--ap-paper); --study-white:var(--ap-card); --study-ink:var(--ap-ink); --study-muted:var(--ap-muted); --study-line:var(--ap-line); --study-accent:var(--ap-primary);
  --write-paper:var(--ap-paper); --write-white:var(--ap-card); --write-ink:var(--ap-ink); --write-muted:var(--ap-muted); --writing-paper:var(--ap-paper); --writing-white:var(--ap-card); --writing-ink:var(--ap-ink); --writing-muted:var(--ap-muted);
  background:var(--ap-paper); color:var(--ap-ink); font-family:var(--ap-body-font); -webkit-font-smoothing:antialiased;
}
body[data-appearance]:not([data-appearance=cold]) .kk-cold-atmosphere::after { background:linear-gradient(90deg,color-mix(in srgb,var(--ap-paper) 88%,transparent),color-mix(in srgb,var(--ap-paper) 83%,transparent)); }
body[data-appearance]:not([data-appearance=cold]) .kk-cold-photo { opacity:.30; }
body[data-appearance=night][data-appearance] .kk-cold-photo { opacity:.32; }
body[data-appearance=night][data-appearance] .kk-cold-light { background:linear-gradient(110deg,transparent 34%,#b5c5d50d 45%,transparent 64%); }
body[data-appearance][data-appearance-background=blocks] .kk-cold-photo { background-image:var(--appearance-blocks); inset:0; opacity:.19; background-position:center; background-size:cover; transform:none; animation:none; }
body[data-appearance][data-appearance-background=blocks] .kk-cold-light { opacity:.12; }
body[data-appearance][data-appearance-background=plain] :is(.kk-cold-photo,.kk-cold-light) { display:none; }
body[data-appearance][data-appearance-background=plain] .kk-cold-atmosphere::after { background:none; }
body[data-appearance]:not([data-appearance=cold]) ::selection { background:var(--ap-soft); color:var(--ap-ink); }
body[data-appearance]:not([data-appearance=cold]) :is(.container,.header-inner,.learn-container,.reading-container,.study-container,.writing-container,.video-main,.podcast-main) { width:100%; max-width:var(--ap-width); margin-inline:auto; padding-inline:var(--ap-gutter); }
body[data-appearance]:not([data-appearance=cold]) :is(.site-header,.learn-header,.reading-header,.study-header,.writing-header,.video-header) { background:color-mix(in srgb,var(--ap-paper) 95%,transparent); color:var(--ap-ink); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) :is(.writing-header,.video-header) { max-width:var(--ap-width); padding-inline:var(--ap-gutter); margin-inline:auto; }
body[data-appearance]:not([data-appearance=cold]) :is(.brand-name,.brand-roman,.video-brand,.learn-wordmark,.reading-wordmark) { color:var(--ap-ink) !important; }
body[data-appearance]:not([data-appearance=cold]) :is(.main-nav a,.learn-languages,.reading-languages,.study-languages,.writing-header nav) { font-family:var(--ap-sans); }
body[data-appearance]:not([data-appearance=cold]) :is(.site-footer,.learn-footer,.reading-footer,.study-footer,.writing-footer,.video-footer) { color:var(--ap-muted); background:transparent; border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-intro,.reading-intro,.study-intro,.writing-intro,.video-heading,.podcast-intro) { padding-block:var(--ap-space) 42px; border-bottom:var(--ap-rule) solid var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-intro h1,.reading-intro h1,.study-intro h1,.writing-intro h1,.video-heading h1,.podcast-intro h1,.watch-heading h1,.episode-heading h1) { font-family:var(--ap-title-font); font-size:var(--ap-title-size); font-weight:var(--ap-weight); letter-spacing:-.035em; line-height:1.35; color:var(--ap-ink); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-card__title,.learn-card__back-title,.reading-book__title,.reading-detail__title,.reading-note h2,.study-card__title,.study-detail__title,.writing-card h2,.video-card h2,.episode-card h2) { font-family:var(--ap-title-font); font-weight:var(--ap-weight); color:var(--ap-ink); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-card,.reading-book,.study-card,.writing-card,.video-card,.episode-card,.study-note-image,.audio-panel,.episode-notes,.learn-language-editor) { background:var(--ap-card); color:var(--ap-ink); border:var(--ap-rule) solid var(--ap-line); border-radius:var(--ap-radius); box-shadow:0 5px 24px #00000003; }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-card__image,.reading-cover,.study-card__image,.writing-card-image,.video-cover,.episode-cover) { background-color:var(--ap-soft); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-card__image--type,.reading-cover--type,.study-card__image--type) { background:var(--ap-soft); color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) .reading-cover--type::before { background:var(--ap-card); border-color:var(--ap-line); border-left-color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-card__language,.learn-card__turn-hint,.reading-book__author,.study-card__course,.video-category) { color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-card__summary,.learn-card__date,.reading-book__summary,.reading-meta,.writing-card-summary,.writing-overline,.writing-count,.writing-controls label,.writing-intro>p:last-child,.study-card__provider,.video-description,.episode-meta,.episode-summary) { color:var(--ap-muted); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-state__mark,.reading-state__mark,.reading-index,.study-state__mark) { background:var(--ap-soft); color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) :is(.writing-state,.video-empty,.podcast-empty) { background:var(--ap-card); color:var(--ap-muted); border-color:var(--ap-line); border-radius:var(--ap-radius); }
body[data-appearance]:not([data-appearance=cold]) .writing-state h2 { color:var(--ap-ink); }
body[data-appearance]:not([data-appearance=cold]) :is(.writing-controls input,.reading-status-control select,.study-course-control select,#learning-language-form input) { background:var(--ap-card); border-color:var(--ap-line); color:var(--ap-ink); }
body[data-appearance]:not([data-appearance=cold]) :is(.writing-topics a,.writing-card-topics a,.writing-state button) { background:var(--ap-card); border-color:var(--ap-line); color:var(--ap-primary); border-radius:var(--ap-radius); }
body[data-appearance]:not([data-appearance=cold]) .writing-topics a[aria-current=true] { background:var(--ap-primary); color:var(--ap-paper); border-color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-filters button,.reading-filters button,.learn-card__close,.study-checkin) { border-radius:var(--ap-radius); }
body[data-appearance]:not([data-appearance=cold]) :is(.study-retry,.learn-retry,.learn-language-submit) { background:var(--ap-primary); border-color:var(--ap-primary); color:var(--ap-paper) !important; }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-skip,.reading-skip,.study-skip,.writing-skip) { background:var(--ap-primary); color:var(--ap-paper) !important; }
body[data-appearance]:not([data-appearance=cold]) :is(a,button,input,select):focus-visible { outline-color:var(--ap-accent); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-grid,.reading-grid,.study-grid,.writing-grid,.video-grid) { gap:var(--ap-gap); }
body[data-appearance]:not([data-appearance=cold]) :is(.learn-card__body,.reading-note__body,.study-detail__body,.episode-notes,.reader-body,.article-section p,.parallel-paragraph p) { color:var(--ap-ink); font-family:var(--ap-body-font); line-height:2.1; }
body[data-appearance]:not([data-appearance=cold]) :is(.reader-toolbar,.reader-header,.reader-footer) { color:var(--ap-ink); background:var(--ap-paper); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) :is(.reader-lead,.band-copy>p:last-child,.card-other-title,.reader-meta,.site-footer .footer-main>p) { color:var(--ap-muted); }
body[data-appearance]:not([data-appearance=cold]) :is(.reader-heading h1,.article-section h2,.parallel-section h2) { font-family:var(--ap-title-font); font-weight:var(--ap-weight); color:var(--ap-ink); }
body[data-appearance]:not([data-appearance=cold]) .reflection-box { background:var(--ap-soft); color:var(--ap-ink); border-color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) .share-dialog input { background:var(--ap-card); color:var(--ap-ink); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) .saved-nav>span { background:var(--ap-primary); color:var(--ap-paper); }
body[data-appearance]:not([data-appearance=cold]) :is(.save-button,.toast) { background:var(--ap-card); color:var(--ap-primary); border-color:var(--ap-line); }
/* The original hero artwork is never filtered, masked, overlaid or replaced. */
body[data-appearance]:not([data-appearance=cold]) #home-sections .hero { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:clamp(38px,5vw,76px); padding-block:var(--ap-space); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .hero h1 { font-family:var(--ap-title-font); font-size:var(--ap-title-size); font-weight:var(--ap-weight); line-height:1.4; letter-spacing:-.035em; white-space:normal; overflow-wrap:break-word; }
body[data-appearance]:not([data-appearance=cold]) #home-sections :is(.about-copy h2,.kk-study-home__title,.band-copy h2,.kk-study-home__entry-title,.kk-study-home__empty-title) { font-family:var(--ap-title-font); font-weight:var(--ap-weight); color:var(--ap-ink); }
body[data-appearance]:not([data-appearance=cold]) #home-sections :is(.hero-description,.about-copy>p:not(.about-signature):not(.editorial-note)) { color:var(--ap-ink); font-family:var(--ap-body-font); line-height:2.05; }
body[data-appearance]:not([data-appearance=cold]) #home-sections :is(.eyebrow,.hero-translation,.hero-small,.kk-study-home__eyebrow,.kk-study-home__date,.kk-study-home__course,.kk-study-home__provider,.kk-study-home__empty-copy,.kk-study-home__checkin) { color:var(--ap-muted); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .hero .button { background:var(--ap-primary); border-color:var(--ap-primary); color:var(--ap-paper); border-radius:var(--ap-radius); font-family:var(--ap-sans); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .hero .button:hover { background:var(--ap-ink); border-color:var(--ap-ink); color:var(--ap-paper); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .about-section { max-width:1080px; padding-block:var(--ap-space); gap:clamp(36px,7vw,104px); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .about-label { border-top:var(--ap-rule) solid var(--ap-accent); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .themes-strip { gap:18px; padding-block:30px; margin-bottom:var(--ap-space); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) #home-sections #themes>a { background:var(--ap-card); color:var(--ap-ink); border:var(--ap-rule) solid var(--ap-line); border-radius:var(--ap-radius); padding:24px; min-height:118px; }
body[data-appearance]:not([data-appearance=cold]) #home-sections #themes>a :is(.theme-number,.theme-english) { color:var(--ap-muted); opacity:1; }
body[data-appearance]:not([data-appearance=cold]) #home-sections #themes>a .theme-label { font-family:var(--ap-title-font); font-weight:var(--ap-weight); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .editorial-band { background:var(--ap-card); border:var(--ap-rule) solid var(--ap-line); border-top-color:var(--ap-primary); border-radius:var(--ap-radius); margin-bottom:var(--ap-space); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .editorial-band::after,body[data-appearance]:not([data-appearance=cold]) #home-sections .kk-study-home__link { color:var(--ap-primary); border-color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .two-languages>span { color:var(--ap-primary); background:var(--ap-paper); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .two-languages>span:last-child { background:var(--ap-soft); }
body[data-appearance]:not([data-appearance=cold]) #home-sections #study.kk-study-home { padding-block:calc(var(--ap-space) * .72); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) #home-sections :is(.kk-study-home__card,.kk-study-home__empty) { background:var(--ap-card); border-color:var(--ap-line); border-radius:var(--ap-radius); }
body[data-appearance]:not([data-appearance=cold]) #home-sections :is(.kk-study-home__image,.kk-study-home__mark) { background:var(--ap-soft); color:var(--ap-primary); border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .kk-bear-garden { color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .kk-bear-book { fill:var(--ap-soft); stroke:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) #home-sections .kk-daisy-center { fill:var(--ap-accent); stroke:var(--ap-primary); }
/* Warm paper: wider text margins, fine rules and two-column editorial cards. */
body[data-appearance=paper][data-appearance] #home-sections .hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
body[data-appearance=paper][data-appearance] #home-sections .hero h1 { max-width:12em; }
body[data-appearance=paper][data-appearance] :is(.learn-grid,.writing-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-appearance=paper][data-appearance] :is(.learn-card__front-text,.learn-card__back,.writing-card-copy,.study-card__copy) { padding:30px; }
body[data-appearance=paper][data-appearance] :is(.learn-intro,.reading-intro,.study-intro,.writing-intro) { border-bottom-style:double; border-bottom-width:3px; }
body[data-appearance=paper][data-appearance] :is(.learn-card__summary,.reading-book__summary,.writing-card-summary) { line-height:2.1; }
/* Swiss: strong axes, concise spacing, bold sans type and controlled colour fields. */
body[data-appearance=swiss][data-appearance] #home-sections .hero h1 { letter-spacing:-.06em; line-height:1.22; }
body[data-appearance=swiss][data-appearance] #home-sections .about-section { grid-template-columns:minmax(150px,.55fr) minmax(0,2fr); }
body[data-appearance=swiss][data-appearance] #home-sections .hero .button { background:var(--ap-accent); border-color:var(--ap-accent); color:#fff; }
body[data-appearance=swiss][data-appearance] #home-sections #themes>a:nth-of-type(3n+1) { background:var(--ap-primary); color:#fffdf6; border-color:var(--ap-primary); }
body[data-appearance=swiss][data-appearance] #home-sections #themes>a:nth-of-type(3n+2) { background:var(--ap-accent); color:#fff; border-color:var(--ap-accent); }
body[data-appearance=swiss][data-appearance] #home-sections #themes>a:nth-of-type(3n) { background:var(--ap-soft); color:var(--ap-ink); border-color:var(--ap-soft); }
body[data-appearance=swiss][data-appearance] #home-sections #themes>a :is(.theme-number,.theme-english) { color:inherit; }
body[data-appearance=swiss][data-appearance] :is(.learn-grid,.writing-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-appearance=swiss][data-appearance] :is(.learn-card,.reading-book,.study-card,.writing-card) { border-width:0; border-top:3px solid var(--ap-primary); box-shadow:none; }
body[data-appearance=swiss][data-appearance] :is(.learn-card__front-text,.writing-card-copy,.study-card__copy) { padding:23px; }
body[data-appearance=swiss][data-appearance] :is(.learn-kicker,.reading-kicker,.study-kicker,.writing-overline) { font-family:var(--ap-sans); letter-spacing:.12em; font-weight:600; }
/* Garden: soft corners and generous air around a slightly narrower reading column. */
body[data-appearance=moss][data-appearance] #home-sections .hero { gap:clamp(45px,6vw,88px); }
body[data-appearance=moss][data-appearance] #home-sections .hero h1 { line-height:1.52; }
body[data-appearance=moss][data-appearance] :is(.learn-card__front-text,.writing-card-copy,.study-card__copy) { padding:30px; }
body[data-appearance=moss][data-appearance] :is(.learn-grid,.reading-grid,.writing-grid) { row-gap:42px; }
body[data-appearance=moss][data-appearance] :is(.reading-note__body,.study-detail__body) { max-width:760px; }
/* Night: a quiet warm dark field, natural artwork, readable controls and long-form text. */
body[data-appearance=night][data-appearance] :is(.learn-card,.reading-book,.study-card,.writing-card,.episode-card) { box-shadow:none; }
body[data-appearance=night][data-appearance] :is(.writing-header button,.writing-header button[aria-pressed=true],.learn-languages button,.reading-languages button,.study-languages button,.reading-cover__title) { color:var(--ap-ink); }
body[data-appearance=night][data-appearance] :is(.study-calendar__day,.study-calendar__legend>span:first-child) { background:var(--ap-soft); border-color:var(--ap-line); }
body[data-appearance=night][data-appearance] .study-calendar__day.has-record { background:var(--ap-accent); border-color:var(--ap-accent); }
body[data-appearance=night][data-appearance] :is(.learn-card__image--type::after,.study-state__mark) { background:var(--ap-soft); }
body[data-appearance=night][data-appearance] :is(.reading-book__status,.reading-kind,.reading-detail__status) { background:var(--ap-soft); color:var(--ap-ink); border-color:var(--ap-line); }
body[data-appearance=night][data-appearance] .study-card__image--type>span { background:var(--ap-card); color:var(--ap-primary); }
body[data-appearance=night][data-appearance] :is(.learn-footer__inner,.reading-footer__inner,.study-footer__inner) { color:var(--ap-muted); }
body[data-appearance=night][data-appearance] :is(.reading-meta a,.episode-notes a,.reader-body a) { color:var(--ap-primary); }
body[data-appearance=night][data-appearance] #home-sections .kk-bear-muzzle { fill:var(--ap-soft); }
body[data-appearance=night][data-appearance] #home-sections .kk-daisy-flower { fill:var(--ap-card); stroke:var(--ap-primary); }
/* Mist: a broader canvas, light card edges and deep blue hairline rules. */
body[data-appearance=blue][data-appearance] #home-sections .hero { gap:clamp(46px,7vw,108px); }
body[data-appearance=blue][data-appearance] #home-sections .hero h1 { line-height:1.45; max-width:12em; }
body[data-appearance=blue][data-appearance] :is(.learn-card,.reading-book,.study-card,.writing-card) { border-color:color-mix(in srgb,var(--ap-line) 74%,transparent); box-shadow:0 8px 26px #365c7606; }
body[data-appearance=blue][data-appearance] :is(.learn-card__front-text,.writing-card-copy,.study-card__copy) { padding:32px; }
body[data-appearance=blue][data-appearance] :is(.learn-intro,.reading-intro,.study-intro,.writing-intro) { padding-bottom:50px; }
/* Media libraries inherit the same reading system, including their real players. */
body[data-appearance]:not([data-appearance=cold]) :is(.video-heading>p,.podcast-intro p,.video-brand small,.podcast-list-heading>span,.audio-tools label,.video-duration,.episode-arrow) { color:var(--ap-muted); }
body[data-appearance]:not([data-appearance=cold]) :is(.video-header nav a,.video-main .eyebrow,.podcast-main .eyebrow) { color:var(--ap-muted); }
body[data-appearance]:not([data-appearance=cold]) .video-header nav a[aria-current=page] { color:var(--ap-ink); border-color:var(--ap-primary); }
body[data-appearance]:not([data-appearance=cold]) .video-free { background:var(--ap-soft); color:var(--ap-ink); border-color:var(--ap-line); }
body[data-appearance=night][data-appearance] :is(.video-error,#audio-error,#share-status) { color:var(--ap-accent); }
body[data-appearance]:not([data-appearance=cold]) :is(.audio-tools .button,.audio-tools select,.podcast-share) { background:var(--ap-card); color:var(--ap-ink); border-color:var(--ap-line); border-radius:var(--ap-radius); }
body[data-appearance]:not([data-appearance=cold]) :is(.podcast-list-heading,.podcast-section-title) { border-color:var(--ap-line); }
body[data-appearance]:not([data-appearance=cold]) :is(.episode-hero,.episode-list,.audio-panel,.episode-notes) { gap:var(--ap-gap); }
/* Automatic motion stays in a 14px gutter, never on top of a note or cover. */
.kk-appearance-motion { position:fixed; inset:0 3px 0 auto; width:14px; z-index:0; overflow:hidden; pointer-events:none; contain:strict; }
.kk-appearance-motion__mark { display:block; position:absolute; right:2px; top:27%; width:9px; height:18px; opacity:0; }
.kk-appearance-motion__mark:nth-child(2) { top:54%; animation-delay:1.2s; }
.kk-appearance-motion__mark:nth-child(3) { top:79%; animation-delay:2.4s; }
body[data-appearance-motion=breeze] .kk-appearance-motion__mark { border:1px solid var(--ap-primary); border-radius:90% 0 90% 0; background:color-mix(in srgb,var(--ap-soft) 70%,transparent); transform-origin:bottom right; animation:kk-appearance-breeze 16s ease-in-out infinite; }
body[data-appearance-motion=page] .kk-appearance-motion__mark { width:12px; height:17px; border:1px solid var(--ap-line); border-left-color:var(--ap-primary); background:linear-gradient(135deg,transparent 46%,var(--ap-soft) 47%); transform-origin:right center; animation:kk-appearance-page 15s ease-in-out infinite; }
body[data-appearance-motion=breeze] #home-sections :is(.kk-daisy-left,.kk-daisy-right) { animation:kk-appearance-flower 16s ease-in-out infinite; }
body[data-appearance-motion=breeze][data-appearance-background=photo] .kk-cold-photo { animation:kk-cold-drift 28s ease-in-out infinite alternate; }
body[data-appearance-motion=page] :is(.kk-cold-photo,.kk-cold-light),body[data-appearance-motion=breeze] .kk-cold-light { animation:none; }
body[data-appearance-motion=page] .kk-cold-trace,body[data-appearance-motion=breeze] .kk-cold-trace { animation:none; opacity:.2; }
body[data-appearance-motion] .kk-appearance-motion__mark:nth-child(2) { animation-delay:1.2s; }
body[data-appearance-motion] .kk-appearance-motion__mark:nth-child(3) { animation-delay:2.4s; }
body[data-appearance-motion=light] .kk-appearance-motion,body[data-appearance-motion=none] .kk-appearance-motion { display:none; }
body[data-appearance-motion=none] :is(.kk-cold-atmosphere *,.kk-bear-garden *),body.kk-appearance-paused :is(.kk-cold-atmosphere *,.kk-appearance-motion *,.kk-bear-garden *) { animation:none !important; }
body.kk-appearance-paused .kk-appearance-motion { visibility:hidden; }
@keyframes kk-appearance-breeze { 0%,7%,41%,100% { opacity:0; transform:translateY(0) rotate(-12deg); } 10%,35% { opacity:.45; } 15% { transform:translateY(6px) rotate(10deg); } 22% { transform:translateY(10px) rotate(-9deg); } 29% { transform:translateY(14px) rotate(8deg); } 40% { transform:translateY(20px) rotate(-5deg); } }
@keyframes kk-appearance-page { 0%,8%,38%,100% { opacity:0; transform:perspective(80px) rotateY(0); } 12%,31% { opacity:.5; } 19% { transform:perspective(80px) rotateY(-54deg); } 26% { transform:perspective(80px) rotateY(-5deg); } 35% { transform:perspective(80px) rotateY(-35deg); } }
@keyframes kk-appearance-flower { 0%,8%,42%,100% { transform:rotate(0); } 13%,25%,37% { transform:rotate(4deg); } 19%,31% { transform:rotate(-3deg); } }
@media(min-width:761px) {
  body[data-appearance=paper][data-appearance] .learn-card__front { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:stretch; }
  body[data-appearance=paper][data-appearance] .learn-card__image { aspect-ratio:auto; min-height:280px; height:100%; border-bottom:0; border-right:1px solid var(--ap-line); }
  body[data-appearance=paper][data-appearance] .learn-card__front-text { padding:25px; }
  body[data-appearance=paper][data-appearance] .learn-card__title { font-size:22px; }
}
@media(max-width:1100px) and (min-width:761px) {
  body[data-appearance=swiss][data-appearance] :is(.learn-grid,.writing-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-appearance=paper][data-appearance] .learn-card__front { display:block; }
  body[data-appearance=paper][data-appearance] .learn-card__image { height:auto; min-height:0; aspect-ratio:1.35; border-right:0; border-bottom:1px solid var(--ap-line); }
}
@media(max-width:760px) {
  body[data-appearance] { --ap-space:48px; --ap-gap:25px; --ap-gutter:23px; --ap-title-size:clamp(34px,8.5vw,47px); }
  body[data-appearance=swiss][data-appearance] { --ap-title-size:clamp(36px,9vw,48px); --ap-gap:22px; }
  body[data-appearance]:not([data-appearance=cold]) #home-sections .hero { grid-template-columns:1fr; gap:35px; }
  body[data-appearance]:not([data-appearance=cold]) #home-sections .about-section { grid-template-columns:1fr; gap:30px; }
  body[data-appearance]:not([data-appearance=cold]) #home-sections .themes-strip { gap:13px; margin-bottom:48px; }
  body[data-appearance]:not([data-appearance=cold]) #home-sections .editorial-band { padding:30px 24px; margin-bottom:48px; }
  body[data-appearance]:not([data-appearance=cold]) :is(.learn-grid,.reading-grid,.study-grid,.writing-grid,.video-grid) { grid-template-columns:1fr; }
  body[data-appearance]:not([data-appearance=cold]) :is(.learn-intro,.reading-intro,.study-intro,.writing-intro,.video-heading,.podcast-intro) { padding-block:44px 32px; }
  body[data-appearance]:not([data-appearance=cold]) :is(.learn-card__front-text,.learn-card__back,.writing-card-copy,.study-card__copy) { padding:24px; }
  body[data-appearance]:not([data-appearance=cold]) .study-note-image { padding:10px; }
  body[data-appearance]:not([data-appearance=cold]) .parallel-paragraph p+p { background:var(--ap-soft); color:var(--ap-ink); border-color:var(--ap-line); }
  body[data-appearance=paper][data-appearance] .learn-card__front { display:block; }
  body[data-appearance=paper][data-appearance] .learn-card__image { height:auto; min-height:0; aspect-ratio:1.38; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-appearance] :is(.kk-cold-atmosphere *,.kk-cold-atmosphere::after,.kk-appearance-motion *,.kk-bear-garden *) { animation:none !important; transition:none !important; }
  .kk-appearance-motion { display:none; }
}
@media print {
  .kk-appearance-motion { display:none !important; }
  body[data-appearance] { --ap-ink:#111; --ap-muted:#444; --ap-paper:#fff; --ap-card:#fff; background:#fff; color:#111; }
}