/* ==========================================================================
   WORLD DAILY · five reading styles (generated by gen_styles.py — edit that, not this)
   簡約 apple · 漫畫 manga · 卡通 toon · 報紙 paper (the original print look) · 霓虹 neon
   ========================================================================== */

/* ====================== apple ====================== */
:root[data-style="apple"]{--paper:#F2F2F7;--card:#FFFFFF;--ink:#000000;--muted:#6C6C70;--line:rgba(60,60,67,.16);--rule:rgba(60,60,67,.16);--accent:#007AFF;--green:#007AFF;--brick:#007AFF;--brick-deep:#0062CC;--oxblood-hi:#1A86FF;--oxblood:#007AFF;--oxblood-lo:#0066D6;--slate:#1C1C1E;--slate-2:#000;--brass:#8E8E93;--glow-warm:transparent;--glow-cool:transparent;--grain:0;--glass-top:rgba(255,255,255,.78);--glass-bottom:rgba(255,255,255,.6);--glass-tint:rgba(255,255,255,.7);--glass-tint-strong:rgba(255,255,255,.92);--glass-edge:rgba(255,255,255,.6);--glass-spec:rgba(255,255,255,.7);--sec-ink:#007AFF;--on-accent:#fff;--stage-text:#EBEBF5;--sys-fill:rgba(0,122,255,.12);--sys-fill-2:rgba(0,122,255,.18);--tint-text:#007AFF;--display:var(--ui);--head-font:var(--ui);--serif:"Noto Sans TC","PingFang TC",var(--ui);--card-shadow:0 1px 1px rgba(0,0,0,.03),0 8px 24px -12px rgba(0,0,0,.18);--r-card:20px;color-scheme:light}
@media (prefers-color-scheme:dark){:root[data-style="apple"]:not([data-theme="light"]){--paper:#000000;--card:#1C1C1E;--ink:#FFFFFF;--muted:#98989F;--line:rgba(84,84,88,.55);--rule:rgba(84,84,88,.55);--accent:#0A84FF;--green:#0A84FF;--brick:#0A84FF;--brick-deep:#409CFF;--oxblood-hi:#2A95FF;--oxblood:#0A84FF;--oxblood-lo:#0070E0;--slate:#1C1C1E;--slate-2:#0B0B0C;--brass:#8E8E93;--glass-top:rgba(44,44,46,.72);--glass-bottom:rgba(28,28,30,.6);--glass-tint:rgba(28,28,30,.66);--glass-tint-strong:rgba(28,28,30,.92);--glass-edge:rgba(255,255,255,.1);--glass-spec:rgba(255,255,255,.16);--sec-ink:#0A84FF;--on-accent:#fff;--sys-fill:rgba(10,132,255,.2);--sys-fill-2:rgba(10,132,255,.28);--tint-text:#409CFF;--card-shadow:none;color-scheme:dark}}
:root[data-style="apple"][data-theme="dark"]{--paper:#000000;--card:#1C1C1E;--ink:#FFFFFF;--muted:#98989F;--line:rgba(84,84,88,.55);--rule:rgba(84,84,88,.55);--accent:#0A84FF;--green:#0A84FF;--brick:#0A84FF;--brick-deep:#409CFF;--oxblood-hi:#2A95FF;--oxblood:#0A84FF;--oxblood-lo:#0070E0;--slate:#1C1C1E;--slate-2:#0B0B0C;--brass:#8E8E93;--glass-top:rgba(44,44,46,.72);--glass-bottom:rgba(28,28,30,.6);--glass-tint:rgba(28,28,30,.66);--glass-tint-strong:rgba(28,28,30,.92);--glass-edge:rgba(255,255,255,.1);--glass-spec:rgba(255,255,255,.16);--sec-ink:#0A84FF;--on-accent:#fff;--sys-fill:rgba(10,132,255,.2);--sys-fill-2:rgba(10,132,255,.28);--tint-text:#409CFF;--card-shadow:none;color-scheme:dark}
:root[data-style="apple"] body{background:var(--paper)!important}
:root[data-style="apple"] body::before{display:none}
:root[data-style="apple"] .edition-bar{background:transparent!important;color:var(--muted)!important;letter-spacing:.04em!important;border:0!important;font:500 12px var(--ui)!important}
:root[data-style="apple"] .masthead .eyebrow{font:600 12px var(--ui)!important;letter-spacing:.12em!important;color:var(--muted)!important}
:root[data-style="apple"] .masthead h1{font-family:var(--ui)!important;font-weight:800!important;letter-spacing:.04em!important}
:root[data-style="apple"] .masthead h1 .seal{border-radius:28%!important;background:linear-gradient(180deg,#3FA0FF,#0062E0)!important;box-shadow:0 4px 12px -4px rgba(0,98,224,.6),inset 0 0 0 .5px rgba(255,255,255,.4)!important;font-family:var(--ui)!important}
:root[data-style="apple"] .tagline{font-family:var(--ui)!important;letter-spacing:.04em!important}
:root[data-style="apple"] .main-nav,:root[data-style="apple"] .reading-tools{-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;background:var(--glass-tint)!important;border:0!important;box-shadow:0 0 0 .5px var(--line),0 8px 24px -14px rgba(0,0,0,.25)!important}
:root[data-style="apple"] .lead h2,:root[data-style="apple"] .story h2,:root[data-style="apple"] .overview h2,:root[data-style="apple"] .context h3,:root[data-style="apple"] .brand,:root[data-style="apple"] .radar h2,:root[data-style="apple"] .archive h2,:root[data-style="apple"] .about h2{font-family:var(--ui)!important;font-weight:700!important;letter-spacing:.01em!important}
:root[data-style="apple"] .brand{font-weight:800!important}
:root[data-style="apple"] .issue-date,:root[data-style="apple"] .issue-row time,:root[data-style="apple"] .subtitle,:root[data-style="apple"] .section-label{font-family:var(--ui)!important;letter-spacing:.06em!important}
:root[data-style="apple"] .story-card,:root[data-style="apple"] .paper-card,:root[data-style="apple"] .about,:root[data-style="apple"] .hero-card{background:var(--card)!important;border:0!important;box-shadow:var(--card-shadow)!important}
:root[data-style="apple"] .hero-card{background:var(--slate)!important}
:root[data-style="apple"] .paper-preview{background:linear-gradient(180deg,#2C2C2E,#1C1C1E)!important;box-shadow:none!important;border-radius:22px!important}
:root[data-style="apple"] .story-body{font-family:var(--serif)!important;line-height:1.9}
:root[data-style="apple"] .story img{border-radius:12px!important}
:root[data-style="apple"] .context{background:var(--card);border:0!important;border-radius:16px;padding:16px 18px!important}
:root[data-style="apple"] .filters{background:var(--card)!important;border:0!important;box-shadow:none!important}
:root[data-style="apple"] .issue-row:hover{background:var(--card)!important}
:root[data-style="apple"] .drawer{font-family:var(--ui)}
:root[data-style="apple"] .dw-chip-tw{background:var(--accent)}
/* iOS buttons: filled capsule (prominent) and tinted capsule */
:root[data-style="apple"] .button:not(.secondary),:root[data-style="apple"] .reading-tools [aria-pressed=true],:root[data-style="apple"] .get-pill.solid,:root[data-style="apple"] .fb-send{background:var(--accent)!important;color:#fff!important;box-shadow:none!important;border:0!important}
:root[data-style="apple"] .button.secondary,:root[data-style="apple"] .reading-tools button:not([aria-pressed=true]),:root[data-style="apple"] .reading-tools a:not([data-language]),:root[data-style="apple"] .paper-nav a,:root[data-style="apple"] .edition-footer a,:root[data-style="apple"] .topline a,:root[data-style="apple"] #reader-links a,:root[data-style="apple"] .drawer-open,:root[data-style="apple"] .get-pill:not(.solid),:root[data-style="apple"] .dw-chip:not(.dw-chip-tw),:root[data-style="apple"] .wd-feedback-open{background:var(--sys-fill)!important;color:var(--tint-text)!important;box-shadow:none!important;border:0!important}
:root[data-style="apple"] .press-bloom{display:none!important}
/* press: iOS 26 — the control swells and lights up from where you touched it */
:root[data-style="apple"] .button:not(.secondary).is-pressed,:root[data-style="apple"] .reading-tools [aria-pressed=true].is-pressed,:root[data-style="apple"] .get-pill.solid.is-pressed,:root[data-style="apple"] .fb-send.is-pressed,:root[data-style="apple"] .button.secondary.is-pressed,:root[data-style="apple"] .reading-tools button:not([aria-pressed=true]).is-pressed,:root[data-style="apple"] .reading-tools a:not([data-language]).is-pressed,:root[data-style="apple"] .paper-nav a.is-pressed,:root[data-style="apple"] .edition-footer a.is-pressed,:root[data-style="apple"] .topline a.is-pressed,:root[data-style="apple"] #reader-links a.is-pressed,:root[data-style="apple"] .drawer-open.is-pressed,:root[data-style="apple"] .get-pill:not(.solid).is-pressed,:root[data-style="apple"] .dw-chip:not(.dw-chip-tw).is-pressed,:root[data-style="apple"] .wd-feedback-open.is-pressed{transform:scale(1.06)!important;filter:brightness(1.1) saturate(1.05)!important;
  box-shadow:0 0 0 .5px rgba(255,255,255,.5),0 6px 18px -6px color-mix(in srgb,var(--accent) 55%,transparent)!important;transition:transform .32s cubic-bezier(.3,1.3,.5,1),filter .2s!important}
:root[data-style="apple"] .button:not(.secondary).is-released,:root[data-style="apple"] .reading-tools [aria-pressed=true].is-released,:root[data-style="apple"] .get-pill.solid.is-released,:root[data-style="apple"] .fb-send.is-released,:root[data-style="apple"] .button.secondary.is-released,:root[data-style="apple"] .reading-tools button:not([aria-pressed=true]).is-released,:root[data-style="apple"] .reading-tools a:not([data-language]).is-released,:root[data-style="apple"] .paper-nav a.is-released,:root[data-style="apple"] .edition-footer a.is-released,:root[data-style="apple"] .topline a.is-released,:root[data-style="apple"] #reader-links a.is-released,:root[data-style="apple"] .drawer-open.is-released,:root[data-style="apple"] .get-pill:not(.solid).is-released,:root[data-style="apple"] .dw-chip:not(.dw-chip-tw).is-released,:root[data-style="apple"] .wd-feedback-open.is-released{animation:iosSettle .55s cubic-bezier(.3,1.3,.5,1)!important}
@keyframes iosSettle{0%{transform:scale(1.06)}100%{transform:scale(1)}}
@media (prefers-color-scheme:dark){:root[data-style="apple"]:not([data-theme="light"]) .masthead h1 .seal{background:linear-gradient(180deg,#3FA0FF,#0A6CF0)!important}}
:root[data-style="apple"][data-theme="dark"] .masthead h1 .seal{background:linear-gradient(180deg,#3FA0FF,#0A6CF0)!important}
@media (prefers-color-scheme:dark){:root[data-style="apple"]:not([data-theme="light"]) .hero-card,:root[data-style="apple"]:not([data-theme="light"]) .paper-preview{box-shadow:0 0 0 .5px rgba(255,255,255,.08)!important}}
:root[data-style="apple"][data-theme="dark"] .hero-card,:root[data-style="apple"][data-theme="dark"] .paper-preview{box-shadow:0 0 0 .5px rgba(255,255,255,.08)!important}

/* ====================== manga ====================== */
:root[data-style="manga"]{--paper:#FBFAF6;--card:#FFFFFF;--ink:#0B0B0B;--muted:#3E3E3E;--line:#0B0B0B;--rule:#0B0B0B;--accent:#E5002B;--green:#E5002B;--brick:#E5002B;--brick-deep:#A8001F;--oxblood-hi:#FF1A44;--oxblood:#E5002B;--oxblood-lo:#B80022;--slate:#0B0B0B;--slate-2:#000;--brass:#0B0B0B;--glow-warm:transparent;--glow-cool:transparent;--grain:0;--glass-top:#fff;--glass-bottom:#fff;--glass-tint:#fff;--glass-tint-strong:#fff;--glass-edge:#0B0B0B;--glass-spec:transparent;--sec-ink:#0B0B0B;--on-accent:#fff;--stage-text:#fff;--sys-fill:#fff;--tint-text:#0B0B0B;--ink-w:3px;--hard:5px 5px 0 #0B0B0B;--dots:rgba(0,0,0,.13);--display:"Bangers","Noto Sans TC",sans-serif;--head-font:"Bangers","Noto Sans TC",sans-serif;--serif:"Noto Sans TC","PingFang TC",sans-serif;--card-shadow:5px 5px 0 #0B0B0B;--r-card:4px;color-scheme:light;--tb-bg:#fff;--tb-ink:#0B0B0B;--tb-on:#E5002B;--tb-pill:#FFE14D;--tb-filter:none;--tb-radius:14px;--tb-shadow:0 0 0 3px #0B0B0B,5px 6px 0 3px #0B0B0B;--lens-fill:radial-gradient(circle,rgba(0,0,0,.18) 1.1px,transparent 1.5px) 0 0/6px 6px,rgba(255,255,255,.55);--lens-shadow:0 0 0 3px #0B0B0B,4px 4px 0 3px #E5002B;--lens-rim:none}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]){--paper:#0D0D0D;--card:#161616;--ink:#F4F4F0;--muted:#BDBDB8;--line:#F4F4F0;--rule:#F4F4F0;--accent:#FF2D4F;--green:#FF2D4F;--brick:#FF2D4F;--oxblood-hi:#FF4766;--oxblood:#FF2D4F;--oxblood-lo:#D81B3C;--slate:#000;--slate-2:#000;--brass:#F4F4F0;--glass-top:#161616;--glass-bottom:#161616;--glass-tint:#161616;--glass-tint-strong:#161616;--glass-edge:#F4F4F0;--sec-ink:#F4F4F0;--sys-fill:#161616;--tint-text:#F4F4F0;--hard:5px 5px 0 #FF2D4F;--dots:rgba(255,255,255,.09);--card-shadow:5px 5px 0 #FF2D4F;color-scheme:dark;--tb-bg:#161616;--tb-ink:#F4F4F0;--tb-on:#FF2D4F;--tb-pill:#3A3A3A;--tb-shadow:0 0 0 3px #F4F4F0,5px 6px 0 3px #FF2D4F;--lens-fill:radial-gradient(circle,rgba(255,255,255,.2) 1.1px,transparent 1.5px) 0 0/6px 6px,rgba(20,20,20,.5);--lens-shadow:0 0 0 3px #F4F4F0,4px 4px 0 3px #FF2D4F}}
:root[data-style="manga"][data-theme="dark"]{--paper:#0D0D0D;--card:#161616;--ink:#F4F4F0;--muted:#BDBDB8;--line:#F4F4F0;--rule:#F4F4F0;--accent:#FF2D4F;--green:#FF2D4F;--brick:#FF2D4F;--oxblood-hi:#FF4766;--oxblood:#FF2D4F;--oxblood-lo:#D81B3C;--slate:#000;--slate-2:#000;--brass:#F4F4F0;--glass-top:#161616;--glass-bottom:#161616;--glass-tint:#161616;--glass-tint-strong:#161616;--glass-edge:#F4F4F0;--sec-ink:#F4F4F0;--sys-fill:#161616;--tint-text:#F4F4F0;--hard:5px 5px 0 #FF2D4F;--dots:rgba(255,255,255,.09);--card-shadow:5px 5px 0 #FF2D4F;color-scheme:dark;--tb-bg:#161616;--tb-ink:#F4F4F0;--tb-on:#FF2D4F;--tb-pill:#3A3A3A;--tb-shadow:0 0 0 3px #F4F4F0,5px 6px 0 3px #FF2D4F;--lens-fill:radial-gradient(circle,rgba(255,255,255,.2) 1.1px,transparent 1.5px) 0 0/6px 6px,rgba(20,20,20,.5);--lens-shadow:0 0 0 3px #F4F4F0,4px 4px 0 3px #FF2D4F}
:root[data-style="manga"] body{background:radial-gradient(circle,var(--dots) 1.1px,transparent 1.6px) 0 0/9px 9px,var(--paper)!important;font-family:var(--serif)}
:root[data-style="manga"] body::before{display:none}
:root[data-style="manga"] .edition-bar{background:var(--ink)!important;color:var(--paper)!important;border:0!important;font:400 15px/1 "Bangers","Noto Sans TC",sans-serif!important;letter-spacing:.12em!important;padding:9px 16px!important}
:root[data-style="manga"] .masthead{position:relative}
:root[data-style="manga"] .masthead::before{content:"";position:absolute;inset:-10px 0;z-index:-1;pointer-events:none;opacity:.5;
  background:repeating-conic-gradient(from 0deg at 50% 60%,var(--ink) 0 .7deg,transparent .7deg 6deg);
  -webkit-mask:radial-gradient(closest-side,transparent 45%,#000 100%);mask:radial-gradient(closest-side,transparent 45%,#000 100%)}
:root[data-style="manga"] .masthead .eyebrow{font:400 20px "Bangers",sans-serif!important;letter-spacing:.3em!important;color:var(--accent)!important}
:root[data-style="manga"] .masthead h1{font-family:"Noto Sans TC",sans-serif!important;font-weight:900!important;letter-spacing:.08em!important;transform:skew(-6deg);
  color:var(--ink)!important;text-shadow:4px 4px 0 var(--accent)}
:root[data-style="manga"] .masthead h1 .seal{border-radius:0!important;background:var(--accent)!important;color:#fff!important;text-shadow:none;box-shadow:none!important;
  clip-path:polygon(50% 0,61% 30%,95% 20%,72% 48%,100% 70%,64% 68%,58% 100%,42% 72%,10% 92%,28% 62%,0 40%,34% 36%,22% 6%);padding:14px!important}
:root[data-style="manga"] .tagline{display:inline-block;background:var(--card);border:var(--ink-w) solid var(--ink);padding:6px 14px;border-radius:999px;font-weight:700;color:var(--ink)!important;position:relative}
:root[data-style="manga"] .main-nav,:root[data-style="manga"] .reading-tools{background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:var(--ink-w) solid var(--ink)!important;border-radius:10px!important;box-shadow:var(--hard)!important}
:root[data-style="manga"] .main-nav .seg-nav .seg-thumb{background:#FFE14D!important;box-shadow:0 0 0 2px var(--ink)!important;border-radius:6px!important}
:root[data-style="manga"] .main-nav .seg-nav a{font-weight:900!important;color:var(--ink)!important;opacity:1!important}
:root[data-style="manga"] .lead h2,:root[data-style="manga"] .story h2,:root[data-style="manga"] .overview h2,:root[data-style="manga"] .archive h2,:root[data-style="manga"] .about h2,:root[data-style="manga"] .radar h2,:root[data-style="manga"] .shelf-head h3,:root[data-style="manga"] .today-title,:root[data-style="manga"] .brand{font-family:"Noto Sans TC",sans-serif!important;font-weight:900!important;letter-spacing:.02em!important}
:root[data-style="manga"] .today-title{font-family:"Bangers","Noto Sans TC",sans-serif!important;font-weight:400!important;font-size:52px!important;letter-spacing:.06em!important;color:var(--ink);text-shadow:3px 3px 0 var(--accent)}
:root[data-style="manga"] .brand{transform:skew(-5deg);text-shadow:4px 4px 0 var(--accent)}
:root[data-style="manga"] .shelf-head{border-top:0!important}
:root[data-style="manga"] .shelf-head h3{display:inline-block;background:var(--ink);color:var(--paper)!important;padding:4px 14px 6px;transform:skew(-8deg)}
:root[data-style="manga"] .story-card,:root[data-style="manga"] .paper-card,:root[data-style="manga"] .about,:root[data-style="manga"] .hero-card{background:var(--card)!important;border:var(--ink-w) solid var(--ink)!important;border-radius:4px!important;box-shadow:var(--hard)!important}
:root[data-style="manga"] .hero-card img,:root[data-style="manga"] .card-art img,:root[data-style="manga"] .app-icon img,:root[data-style="manga"] .story img{filter:grayscale(1) contrast(1.25) brightness(1.05)}
:root[data-style="manga"] .hero-card .hero-shade{background:radial-gradient(circle,rgba(0,0,0,.55) 1.2px,transparent 1.7px) 0 0/6px 6px,linear-gradient(180deg,transparent 30%,rgba(0,0,0,.5))!important}
:root[data-style="manga"] .hero-text strong{display:inline;background:var(--card);color:var(--ink);padding:2px 10px;line-height:1.6!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;border:var(--ink-w) solid var(--ink)}
:root[data-style="manga"] .hero-text .eyebrow-s{display:inline-block;justify-self:start;background:var(--accent);color:#fff!important;padding:5px 10px;opacity:1;font-family:"Bangers","Noto Sans TC",sans-serif;font-size:16px;letter-spacing:.1em;transform:rotate(-2deg)}
:root[data-style="manga"] .hero-dek{color:#fff;text-shadow:0 1px 0 #000,0 0 6px #000}
:root[data-style="manga"] .eyebrow-s{font-weight:900}
:root[data-style="manga"] .story-card .card-art{border-bottom:var(--ink-w) solid var(--ink)}
:root[data-style="manga"] .app-icon{border-radius:6px!important;box-shadow:0 0 0 2.5px var(--ink),3px 3px 0 2.5px var(--ink)!important}
:root[data-style="manga"] .cat-tile{border-radius:6px!important;box-shadow:0 0 0 2.5px var(--ink),4px 4px 0 2.5px var(--ink)!important;background:var(--c)!important}
:root[data-style="manga"] .cat-tile span{font-weight:900!important;color:#0B0B0B;text-shadow:none!important}
:root[data-style="manga"] .cat-tile b{font-family:"Bangers",sans-serif;font-weight:400!important;font-size:32px!important;color:#fff;-webkit-text-stroke:1.5px #0B0B0B}
:root[data-style="manga"] .paper-preview{background:radial-gradient(circle,rgba(255,255,255,.18) 1.2px,transparent 1.7px) 0 0/8px 8px,var(--ink)!important;border-radius:4px!important;box-shadow:var(--hard)!important}
:root[data-style="manga"] .story-body{font-family:var(--serif)!important;line-height:1.95}
:root[data-style="manga"] .story{border-bottom:var(--ink-w) solid var(--ink)!important}
:root[data-style="manga"] .context{border:var(--ink-w) solid var(--ink)!important;border-radius:22px;padding:16px 20px!important;background:var(--card);position:relative;box-shadow:var(--hard)}
:root[data-style="manga"] .story img{border:var(--ink-w) solid var(--ink);border-radius:0!important;box-shadow:var(--hard)!important}
:root[data-style="manga"] .overview{border:var(--ink-w) solid var(--ink)!important;padding:18px 20px!important;background:var(--card);box-shadow:var(--hard)}
:root[data-style="manga"] .kicker{color:var(--ink)!important;font-weight:900}
:root[data-style="manga"] .category-mark{width:14px!important;box-shadow:0 0 0 2px var(--ink)}
:root[data-style="manga"] .filters,:root[data-style="manga"] .drawer,:root[data-style="manga"] .fb-dialog{background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:var(--ink-w) solid var(--ink)!important;box-shadow:var(--hard)!important}
:root[data-style="manga"] .drawer::after{display:none}
:root[data-style="manga"] .dw-sec{border-top:2px solid var(--ink)!important}
:root[data-style="manga"] .issue-row time{font-family:"Bangers",sans-serif!important;font-size:18px!important;color:var(--accent)!important}
/* buttons: inked panel with a hard shadow — press slams it into the page */
:root[data-style="manga"] .button:not(.secondary),:root[data-style="manga"] .reading-tools [aria-pressed=true],:root[data-style="manga"] .get-pill.solid,:root[data-style="manga"] .fb-send,:root[data-style="manga"] .button.secondary,:root[data-style="manga"] .reading-tools button:not([aria-pressed=true]),:root[data-style="manga"] .reading-tools a:not([data-language]),:root[data-style="manga"] .paper-nav a,:root[data-style="manga"] .edition-footer a,:root[data-style="manga"] .topline a,:root[data-style="manga"] #reader-links a,:root[data-style="manga"] .drawer-open,:root[data-style="manga"] .get-pill:not(.solid),:root[data-style="manga"] .dw-chip:not(.dw-chip-tw),:root[data-style="manga"] .wd-feedback-open{border:var(--ink-w) solid var(--ink)!important;border-radius:8px!important;box-shadow:4px 4px 0 var(--ink)!important;font-weight:900!important;
  transition:transform .12s ease-out,box-shadow .12s ease-out!important}
:root[data-style="manga"] .button:not(.secondary),:root[data-style="manga"] .reading-tools [aria-pressed=true],:root[data-style="manga"] .get-pill.solid,:root[data-style="manga"] .fb-send{background:var(--accent)!important;color:#fff!important}
:root[data-style="manga"] .button.secondary,:root[data-style="manga"] .reading-tools button:not([aria-pressed=true]),:root[data-style="manga"] .reading-tools a:not([data-language]),:root[data-style="manga"] .paper-nav a,:root[data-style="manga"] .edition-footer a,:root[data-style="manga"] .topline a,:root[data-style="manga"] #reader-links a,:root[data-style="manga"] .drawer-open,:root[data-style="manga"] .get-pill:not(.solid),:root[data-style="manga"] .dw-chip:not(.dw-chip-tw),:root[data-style="manga"] .wd-feedback-open{background:var(--card)!important;color:var(--ink)!important}
:root[data-style="manga"] .reading-tools .seg-lang{border:var(--ink-w) solid var(--ink)!important;border-radius:8px!important;background:var(--card)!important;padding:2px!important}
:root[data-style="manga"] .reading-tools .seg-lang .seg-thumb{background:#FFE14D!important;border-radius:4px!important;box-shadow:0 0 0 2px var(--ink)!important}
:root[data-style="manga"] .reading-tools .seg-lang a{font-weight:900!important;color:#0B0B0B!important}
:root[data-style="manga"] .reading-tools .seg-lang a:not([data-on]){color:var(--ink)!important}
:root[data-style="manga"] .press-bloom{display:none!important}
:root[data-style="manga"] .button:not(.secondary).is-pressed,:root[data-style="manga"] .reading-tools [aria-pressed=true].is-pressed,:root[data-style="manga"] .get-pill.solid.is-pressed,:root[data-style="manga"] .fb-send.is-pressed,:root[data-style="manga"] .button.secondary.is-pressed,:root[data-style="manga"] .reading-tools button:not([aria-pressed=true]).is-pressed,:root[data-style="manga"] .reading-tools a:not([data-language]).is-pressed,:root[data-style="manga"] .paper-nav a.is-pressed,:root[data-style="manga"] .edition-footer a.is-pressed,:root[data-style="manga"] .topline a.is-pressed,:root[data-style="manga"] #reader-links a.is-pressed,:root[data-style="manga"] .drawer-open.is-pressed,:root[data-style="manga"] .get-pill:not(.solid).is-pressed,:root[data-style="manga"] .dw-chip:not(.dw-chip-tw).is-pressed,:root[data-style="manga"] .wd-feedback-open.is-pressed{transform:translate(4px,4px) rotate(-1deg)!important;box-shadow:0 0 0 var(--ink)!important;filter:none!important;transition:transform .06s,box-shadow .06s!important}
:root[data-style="manga"] .button:not(.secondary).is-released,:root[data-style="manga"] .reading-tools [aria-pressed=true].is-released,:root[data-style="manga"] .get-pill.solid.is-released,:root[data-style="manga"] .fb-send.is-released,:root[data-style="manga"] .button.secondary.is-released,:root[data-style="manga"] .reading-tools button:not([aria-pressed=true]).is-released,:root[data-style="manga"] .reading-tools a:not([data-language]).is-released,:root[data-style="manga"] .paper-nav a.is-released,:root[data-style="manga"] .edition-footer a.is-released,:root[data-style="manga"] .topline a.is-released,:root[data-style="manga"] #reader-links a.is-released,:root[data-style="manga"] .drawer-open.is-released,:root[data-style="manga"] .get-pill:not(.solid).is-released,:root[data-style="manga"] .dw-chip:not(.dw-chip-tw).is-released,:root[data-style="manga"] .wd-feedback-open.is-released{animation:mangaPop .5s cubic-bezier(.3,1.6,.5,1)!important}
@keyframes mangaPop{0%{transform:translate(4px,4px)}40%{transform:translate(-1px,-1px) scale(1.06) rotate(1.5deg)}100%{transform:none}}
:root[data-style="manga"] .is-pressed:is(.hero-card,.story-card,.app-list a,.paper-cover,.cat-tile){transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--ink)!important}
:root[data-style="manga"] .tb-item,:root[data-style="manga"] .tb-ghost,:root[data-style="manga"] .tab-mode{font-weight:900!important}
:root[data-style="manga"] .tb-pill{box-shadow:0 0 0 2.5px #0B0B0B;inset:4px 0 auto;height:calc(100% - 0px)!important}
:root[data-style="manga"] .tb-mag{filter:none}
:root[data-style="manga"] .tab-mode{border-radius:14px}
:root[data-style="manga"] .tab-mode.hold{transform:translate(3px,3px) scale(1.06);box-shadow:0 0 0 3px #0B0B0B,2px 3px 0 3px #0B0B0B}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .tb-pill{box-shadow:0 0 0 2.5px #F4F4F0}}
:root[data-style="manga"][data-theme="dark"] .tb-pill{box-shadow:0 0 0 2.5px #F4F4F0}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .tb-item[data-on]{color:#FFE14D}}
:root[data-style="manga"][data-theme="dark"] .tb-item[data-on]{color:#FFE14D}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .reading-tools .seg-lang .seg-thumb{box-shadow:0 0 0 2px #F4F4F0!important}}
:root[data-style="manga"][data-theme="dark"] .reading-tools .seg-lang .seg-thumb{box-shadow:0 0 0 2px #F4F4F0!important}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .main-nav .seg-nav .seg-thumb{box-shadow:0 0 0 2px #F4F4F0!important}}
:root[data-style="manga"][data-theme="dark"] .main-nav .seg-nav .seg-thumb{box-shadow:0 0 0 2px #F4F4F0!important}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .main-nav .seg-nav a[data-on]{color:#0B0B0B!important}}
:root[data-style="manga"][data-theme="dark"] .main-nav .seg-nav a[data-on]{color:#0B0B0B!important}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .cat-tile{box-shadow:0 0 0 2.5px #F4F4F0,4px 4px 0 2.5px #FF2D4F!important}}
:root[data-style="manga"][data-theme="dark"] .cat-tile{box-shadow:0 0 0 2.5px #F4F4F0,4px 4px 0 2.5px #FF2D4F!important}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .app-icon{box-shadow:0 0 0 2.5px #F4F4F0,3px 3px 0 2.5px #FF2D4F!important}}
:root[data-style="manga"][data-theme="dark"] .app-icon{box-shadow:0 0 0 2.5px #F4F4F0,3px 3px 0 2.5px #FF2D4F!important}
@media (prefers-color-scheme:dark){:root[data-style="manga"]:not([data-theme="light"]) .button.secondary,:root[data-style="manga"]:not([data-theme="light"]) .reading-tools button:not([aria-pressed=true]),:root[data-style="manga"]:not([data-theme="light"]) .reading-tools a:not([data-language]),:root[data-style="manga"]:not([data-theme="light"]) .paper-nav a,:root[data-style="manga"]:not([data-theme="light"]) .edition-footer a,:root[data-style="manga"]:not([data-theme="light"]) .topline a,:root[data-style="manga"]:not([data-theme="light"]) #reader-links a,:root[data-style="manga"]:not([data-theme="light"]) .drawer-open,:root[data-style="manga"]:not([data-theme="light"]) .get-pill:not(.solid),:root[data-style="manga"]:not([data-theme="light"]) .dw-chip:not(.dw-chip-tw),:root[data-style="manga"]:not([data-theme="light"]) .wd-feedback-open,:root[data-style="manga"]:not([data-theme="light"]) .button:not(.secondary),:root[data-style="manga"]:not([data-theme="light"]) .reading-tools [aria-pressed=true],:root[data-style="manga"]:not([data-theme="light"]) .get-pill.solid,:root[data-style="manga"]:not([data-theme="light"]) .fb-send{box-shadow:4px 4px 0 #FF2D4F!important}}
:root[data-style="manga"][data-theme="dark"] .button.secondary,:root[data-style="manga"][data-theme="dark"] .reading-tools button:not([aria-pressed=true]),:root[data-style="manga"][data-theme="dark"] .reading-tools a:not([data-language]),:root[data-style="manga"][data-theme="dark"] .paper-nav a,:root[data-style="manga"][data-theme="dark"] .edition-footer a,:root[data-style="manga"][data-theme="dark"] .topline a,:root[data-style="manga"][data-theme="dark"] #reader-links a,:root[data-style="manga"][data-theme="dark"] .drawer-open,:root[data-style="manga"][data-theme="dark"] .get-pill:not(.solid),:root[data-style="manga"][data-theme="dark"] .dw-chip:not(.dw-chip-tw),:root[data-style="manga"][data-theme="dark"] .wd-feedback-open,:root[data-style="manga"][data-theme="dark"] .button:not(.secondary),:root[data-style="manga"][data-theme="dark"] .reading-tools [aria-pressed=true],:root[data-style="manga"][data-theme="dark"] .get-pill.solid,:root[data-style="manga"][data-theme="dark"] .fb-send{box-shadow:4px 4px 0 #FF2D4F!important}

/* ====================== toon ====================== */
:root[data-style="toon"]{--paper:#FFF3D1;--card:#FFFFFF;--ink:#2B2350;--muted:#675E8E;--line:rgba(43,35,80,.18);--rule:rgba(43,35,80,.18);--accent:#FF5A5F;--green:#FF5A5F;--brick:#FF5A5F;--brick-deep:#D93C42;--oxblood-hi:#FF7478;--oxblood:#FF5A5F;--oxblood-lo:#E2464B;--teal:#22C3B0;--sun:#FFC93C;--grape:#7B61FF;--outline:#2B2350;--slate:#7B61FF;--slate-2:#5B43E0;--brass:#7B61FF;--glow-warm:transparent;--glow-cool:transparent;--grain:0;--glass-top:#fff;--glass-bottom:#fff;--glass-tint:#fff;--glass-tint-strong:#fff;--glass-edge:#2B2350;--glass-spec:transparent;--sec-ink:#2B2350;--on-accent:#fff;--stage-text:#fff;--sys-fill:#fff;--tint-text:#2B2350;--display:"Fredoka","Huninn",sans-serif;--head-font:"Fredoka","Huninn",sans-serif;--serif:"Huninn","Noto Sans TC",sans-serif;--card-shadow:0 0 0 3px #2B2350,0 7px 0 3px #2B2350;--r-card:26px;color-scheme:light;--tb-bg:#fff;--tb-ink:#2B2350;--tb-on:#fff;--tb-pill:#FF5A5F;--tb-filter:none;--tb-shadow:0 0 0 3px #2B2350,0 6px 0 3px #2B2350;--lens-fill:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.9),rgba(255,255,255,.25) 45%,rgba(255,201,60,.25));--lens-shadow:0 0 0 3px #2B2350,0 7px 0 3px #2B2350;--lens-rim:none}
@media (prefers-color-scheme:dark){:root[data-style="toon"]:not([data-theme="light"]){--paper:#1D1838;--card:#2C2560;--ink:#FFF5E3;--muted:#C9C0EE;--line:rgba(255,245,227,.16);--rule:rgba(255,245,227,.16);--accent:#FF7479;--green:#FF7479;--brick:#FF7479;--oxblood-hi:#FF8B8F;--oxblood:#FF7479;--oxblood-lo:#E65A60;--outline:#0E0A24;--slate:#4E3BC4;--slate-2:#3A2B9C;--brass:#B9A9FF;--glass-top:#2C2560;--glass-bottom:#2C2560;--glass-tint:#2C2560;--glass-tint-strong:#2C2560;--glass-edge:#0E0A24;--sec-ink:#FFF5E3;--sys-fill:#2C2560;--tint-text:#FFF5E3;--card-shadow:0 0 0 3px #0E0A24,0 7px 0 3px #0E0A24;color-scheme:dark;--tb-bg:#2C2560;--tb-ink:#FFF5E3;--tb-shadow:0 0 0 3px #0E0A24,0 6px 0 3px #0E0A24;--lens-fill:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.4),rgba(255,255,255,.08) 45%,rgba(255,201,60,.18));--lens-shadow:0 0 0 3px #0E0A24,0 7px 0 3px #0E0A24}}
:root[data-style="toon"][data-theme="dark"]{--paper:#1D1838;--card:#2C2560;--ink:#FFF5E3;--muted:#C9C0EE;--line:rgba(255,245,227,.16);--rule:rgba(255,245,227,.16);--accent:#FF7479;--green:#FF7479;--brick:#FF7479;--oxblood-hi:#FF8B8F;--oxblood:#FF7479;--oxblood-lo:#E65A60;--outline:#0E0A24;--slate:#4E3BC4;--slate-2:#3A2B9C;--brass:#B9A9FF;--glass-top:#2C2560;--glass-bottom:#2C2560;--glass-tint:#2C2560;--glass-tint-strong:#2C2560;--glass-edge:#0E0A24;--sec-ink:#FFF5E3;--sys-fill:#2C2560;--tint-text:#FFF5E3;--card-shadow:0 0 0 3px #0E0A24,0 7px 0 3px #0E0A24;color-scheme:dark;--tb-bg:#2C2560;--tb-ink:#FFF5E3;--tb-shadow:0 0 0 3px #0E0A24,0 6px 0 3px #0E0A24;--lens-fill:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.4),rgba(255,255,255,.08) 45%,rgba(255,201,60,.18));--lens-shadow:0 0 0 3px #0E0A24,0 7px 0 3px #0E0A24}
:root[data-style="toon"] body{background:radial-gradient(circle,rgba(255,255,255,.75) 3px,transparent 3.6px) 0 0/30px 30px,radial-gradient(circle,rgba(255,255,255,.75) 3px,transparent 3.6px) 15px 15px/30px 30px,var(--paper)!important;font-family:var(--serif)}
:root[data-style="toon"] body::before{display:none}
:root[data-style="toon"] .edition-bar{background:var(--grape)!important;color:#fff!important;border:0!important;font:600 13px var(--display)!important;letter-spacing:.08em!important}
:root[data-style="toon"] .masthead .eyebrow{font:700 15px "Fredoka",sans-serif!important;letter-spacing:.3em!important;color:var(--grape)!important}
:root[data-style="toon"] .masthead h1{font-family:"Huninn",sans-serif!important;font-weight:400!important;letter-spacing:.06em!important;color:var(--ink)!important;
  -webkit-text-stroke:4px var(--outline);paint-order:stroke fill;color:#fff!important;text-shadow:0 5px 0 var(--sun),0 6px 0 var(--outline)}
:root[data-style="toon"] .masthead h1 .seal{border-radius:50%!important;background:var(--teal)!important;color:#fff!important;-webkit-text-stroke:0;text-shadow:none;
  box-shadow:0 0 0 3px var(--outline),0 4px 0 3px var(--outline)!important;animation:toonBob 3.2s ease-in-out infinite}
@keyframes toonBob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-4px) rotate(6deg)}}
:root[data-style="toon"] .tagline{font-family:var(--serif)!important;color:var(--ink)!important}
:root[data-style="toon"] .main-nav,:root[data-style="toon"] .reading-tools{background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;border-radius:999px!important;box-shadow:0 0 0 3px var(--outline),0 5px 0 3px var(--outline)!important}
:root[data-style="toon"] .reading-tools{border-radius:24px!important}
:root[data-style="toon"] .main-nav .seg-nav .seg-thumb{background:var(--sun)!important;box-shadow:0 0 0 2.5px var(--outline),0 3px 0 2.5px var(--outline)!important}
:root[data-style="toon"] .main-nav .seg-nav a{font-family:var(--display)!important;font-weight:600!important;color:var(--ink)!important;opacity:1!important}
:root[data-style="toon"] .main-nav .seg-nav a[data-on]{color:#2B2350!important}
:root[data-style="toon"] .lead h2,:root[data-style="toon"] .story h2,:root[data-style="toon"] .overview h2,:root[data-style="toon"] .archive h2,:root[data-style="toon"] .about h2,:root[data-style="toon"] .radar h2,:root[data-style="toon"] .shelf-head h3,:root[data-style="toon"] .brand,:root[data-style="toon"] .context h3,:root[data-style="toon"] .hero-text strong,:root[data-style="toon"] .card-text strong,:root[data-style="toon"] .app-text strong,:root[data-style="toon"] .paper-info strong{font-family:var(--head-font)!important;font-weight:600!important;letter-spacing:.02em!important}
:root[data-style="toon"] .today-title{font:700 46px/1 "Fredoka","Huninn",sans-serif!important;color:var(--accent)!important;-webkit-text-stroke:5px var(--outline);paint-order:stroke fill;text-shadow:0 5px 0 var(--outline)}
:root[data-style="toon"] .shelf-head{border-top:0!important}
:root[data-style="toon"] .story-card,:root[data-style="toon"] .paper-card,:root[data-style="toon"] .about,:root[data-style="toon"] .hero-card{background:var(--card)!important;border:0!important;border-radius:26px!important;box-shadow:var(--card-shadow)!important}
:root[data-style="toon"] .hero-card{border-radius:30px!important}
:root[data-style="toon"] .story-card{margin-bottom:8px}
:root[data-style="toon"] .story-card .card-art{border-bottom:3px solid var(--outline)}
:root[data-style="toon"] .app-icon{border-radius:18px!important;box-shadow:0 0 0 2.5px var(--outline),0 4px 0 2.5px var(--outline)!important}
:root[data-style="toon"] .get-pill{height:34px!important}
:root[data-style="toon"] .cat-tile{border-radius:22px!important;background:var(--c)!important;box-shadow:0 0 0 3px var(--outline),0 6px 0 3px var(--outline)!important;margin-bottom:6px}
:root[data-style="toon"] .cat-tile span{font-family:var(--serif);color:#2B2350!important;text-shadow:none!important;font-weight:400!important;font-size:16px!important}
:root[data-style="toon"] .cat-tile b{font-family:"Fredoka",sans-serif;color:#fff!important;-webkit-text-stroke:2px #2B2350;paint-order:stroke fill;font-size:30px!important;opacity:1!important}
:root[data-style="toon"] .paper-preview{background:radial-gradient(circle,rgba(255,255,255,.22) 4px,transparent 4.6px) 0 0/34px 34px,var(--grape)!important;border-radius:30px!important;box-shadow:0 0 0 3px var(--outline),0 8px 0 3px var(--outline)!important}
:root[data-style="toon"] .gen-art b{font-family:"Huninn",sans-serif}
:root[data-style="toon"] .story-body{font-family:var(--serif)!important;line-height:2}
:root[data-style="toon"] .story img{border-radius:24px!important;box-shadow:0 0 0 3px var(--outline),0 6px 0 3px var(--outline)!important}
:root[data-style="toon"] .context{background:var(--card);border:0!important;border-radius:22px;padding:16px 20px!important;box-shadow:0 0 0 3px var(--outline),0 5px 0 3px var(--outline)}
:root[data-style="toon"] .overview{background:var(--sun);color:#2B2350;border:0!important;border-radius:26px;padding:20px 22px!important;box-shadow:0 0 0 3px var(--outline),0 6px 0 3px var(--outline)}
:root[data-style="toon"] .overview h2{color:#2B2350}
:root[data-style="toon"] .category-mark{border-radius:50%;width:14px!important;height:14px!important;box-shadow:0 0 0 2px var(--outline)}
:root[data-style="toon"] .filters,:root[data-style="toon"] .drawer,:root[data-style="toon"] .fb-dialog{background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:0 0 0 3px var(--outline),0 7px 0 3px var(--outline)!important}
:root[data-style="toon"] .drawer::after{display:none}
:root[data-style="toon"] .issue-row time{font-family:"Fredoka",sans-serif!important;color:var(--grape)!important;font-weight:600}
/* buttons: chunky candy with a 3D base — press pushes it all the way down, it squashes, then boings back */
:root[data-style="toon"] .button:not(.secondary),:root[data-style="toon"] .reading-tools [aria-pressed=true],:root[data-style="toon"] .get-pill.solid,:root[data-style="toon"] .fb-send,:root[data-style="toon"] .button.secondary,:root[data-style="toon"] .reading-tools button:not([aria-pressed=true]),:root[data-style="toon"] .reading-tools a:not([data-language]),:root[data-style="toon"] .paper-nav a,:root[data-style="toon"] .edition-footer a,:root[data-style="toon"] .topline a,:root[data-style="toon"] #reader-links a,:root[data-style="toon"] .drawer-open,:root[data-style="toon"] .get-pill:not(.solid),:root[data-style="toon"] .dw-chip:not(.dw-chip-tw),:root[data-style="toon"] .wd-feedback-open{border:0!important;border-radius:999px!important;font-family:var(--display)!important;font-weight:600!important;
  box-shadow:0 0 0 3px var(--outline),0 5px 0 3px var(--outline)!important;transition:transform .1s ease-out,box-shadow .1s ease-out!important}
:root[data-style="toon"] .button:not(.secondary),:root[data-style="toon"] .reading-tools [aria-pressed=true],:root[data-style="toon"] .get-pill.solid,:root[data-style="toon"] .fb-send{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 50%),var(--accent)!important;color:#fff!important}
:root[data-style="toon"] .button.secondary,:root[data-style="toon"] .reading-tools button:not([aria-pressed=true]),:root[data-style="toon"] .reading-tools a:not([data-language]),:root[data-style="toon"] .paper-nav a,:root[data-style="toon"] .edition-footer a,:root[data-style="toon"] .topline a,:root[data-style="toon"] #reader-links a,:root[data-style="toon"] .drawer-open,:root[data-style="toon"] .get-pill:not(.solid),:root[data-style="toon"] .dw-chip:not(.dw-chip-tw),:root[data-style="toon"] .wd-feedback-open{background:var(--card)!important;color:var(--ink)!important}
:root[data-style="toon"] .reading-tools .seg-lang{border-radius:999px!important;background:var(--card)!important;box-shadow:0 0 0 3px var(--outline)!important}
:root[data-style="toon"] .reading-tools .seg-lang .seg-thumb{background:var(--sun)!important;box-shadow:0 0 0 2.5px var(--outline)!important}
:root[data-style="toon"] .reading-tools .seg-lang a{color:#2B2350!important;font-family:var(--display)!important}
:root[data-style="toon"] .reading-tools .seg-lang a:not([data-on]){color:var(--ink)!important}
:root[data-style="toon"] .press-bloom{display:none!important}
:root[data-style="toon"] .button:not(.secondary).is-pressed,:root[data-style="toon"] .reading-tools [aria-pressed=true].is-pressed,:root[data-style="toon"] .get-pill.solid.is-pressed,:root[data-style="toon"] .fb-send.is-pressed,:root[data-style="toon"] .button.secondary.is-pressed,:root[data-style="toon"] .reading-tools button:not([aria-pressed=true]).is-pressed,:root[data-style="toon"] .reading-tools a:not([data-language]).is-pressed,:root[data-style="toon"] .paper-nav a.is-pressed,:root[data-style="toon"] .edition-footer a.is-pressed,:root[data-style="toon"] .topline a.is-pressed,:root[data-style="toon"] #reader-links a.is-pressed,:root[data-style="toon"] .drawer-open.is-pressed,:root[data-style="toon"] .get-pill:not(.solid).is-pressed,:root[data-style="toon"] .dw-chip:not(.dw-chip-tw).is-pressed,:root[data-style="toon"] .wd-feedback-open.is-pressed{transform:translateY(5px) scale(1.05,.92)!important;box-shadow:0 0 0 3px var(--outline),0 0 0 3px var(--outline)!important;filter:none!important;transition:transform .08s,box-shadow .08s!important}
:root[data-style="toon"] .button:not(.secondary).is-released,:root[data-style="toon"] .reading-tools [aria-pressed=true].is-released,:root[data-style="toon"] .get-pill.solid.is-released,:root[data-style="toon"] .fb-send.is-released,:root[data-style="toon"] .button.secondary.is-released,:root[data-style="toon"] .reading-tools button:not([aria-pressed=true]).is-released,:root[data-style="toon"] .reading-tools a:not([data-language]).is-released,:root[data-style="toon"] .paper-nav a.is-released,:root[data-style="toon"] .edition-footer a.is-released,:root[data-style="toon"] .topline a.is-released,:root[data-style="toon"] #reader-links a.is-released,:root[data-style="toon"] .drawer-open.is-released,:root[data-style="toon"] .get-pill:not(.solid).is-released,:root[data-style="toon"] .dw-chip:not(.dw-chip-tw).is-released,:root[data-style="toon"] .wd-feedback-open.is-released{animation:toonBoing .7s cubic-bezier(.3,1.7,.45,1)!important}
@keyframes toonBoing{0%{transform:translateY(5px) scale(1.05,.92)}35%{transform:translateY(-4px) scale(.95,1.08)}65%{transform:translateY(1px) scale(1.02,.98)}100%{transform:none}}
:root[data-style="toon"] .is-pressed:is(.hero-card,.story-card,.app-list a,.paper-cover,.cat-tile){transform:translateY(5px)!important;box-shadow:0 0 0 3px var(--outline)!important}
:root[data-style="toon"] .is-released:is(.cat-tile){animation:toonBoing .7s cubic-bezier(.3,1.7,.45,1)!important}
:root[data-style="toon"] .tb-item,:root[data-style="toon"] .tb-ghost,:root[data-style="toon"] .tab-mode{font-family:var(--display)!important;font-size:11.5px!important}
:root[data-style="toon"] .tb-pill{box-shadow:0 0 0 2.5px var(--outline),0 3px 0 2.5px var(--outline)}
:root[data-style="toon"] .tb-mag{filter:none}
:root[data-style="toon"] .tab-mode.hold{transform:translateY(5px) scale(1.06,.94);box-shadow:0 0 0 3px var(--outline),0 0 0 3px var(--outline)}
@media (prefers-color-scheme:dark){:root[data-style="toon"]:not([data-theme="light"]) body{background:radial-gradient(circle,rgba(255,255,255,.06) 3px,transparent 3.6px) 0 0/30px 30px,radial-gradient(circle,rgba(255,255,255,.06) 3px,transparent 3.6px) 15px 15px/30px 30px,var(--paper)!important}}
:root[data-style="toon"][data-theme="dark"] body{background:radial-gradient(circle,rgba(255,255,255,.06) 3px,transparent 3.6px) 0 0/30px 30px,radial-gradient(circle,rgba(255,255,255,.06) 3px,transparent 3.6px) 15px 15px/30px 30px,var(--paper)!important}
@media (prefers-color-scheme:dark){:root[data-style="toon"]:not([data-theme="light"]) .masthead h1{text-shadow:0 5px 0 #7B61FF,0 6px 0 #0E0A24}}
:root[data-style="toon"][data-theme="dark"] .masthead h1{text-shadow:0 5px 0 #7B61FF,0 6px 0 #0E0A24}
@media (prefers-color-scheme:dark){:root[data-style="toon"]:not([data-theme="light"]) .overview,:root[data-style="toon"]:not([data-theme="light"]) .overview h2{color:#2B2350!important}}
:root[data-style="toon"][data-theme="dark"] .overview,:root[data-style="toon"][data-theme="dark"] .overview h2{color:#2B2350!important}

/* ====================== paper ======================
   The original print look: ivory, oxblood and slate from glass.css, untouched. */

/* ====================== neon ====================== */
:root[data-style="neon"]{--paper:#F4EFFF;--card:#FFFFFF;--ink:#1A1033;--muted:#5D5480;--line:rgba(26,16,51,.14);--rule:rgba(26,16,51,.14);--accent:#D4148F;--green:#D4148F;--brick:#D4148F;--brick-deep:#A30C6D;--oxblood-hi:#E8269F;--oxblood:#D4148F;--oxblood-lo:#9E1AC8;--cyan:#0093B8;--slate:#1A1033;--slate-2:#0B0618;--brass:#7A3FD1;--glow-warm:rgba(255,80,200,.18);--glow-cool:rgba(0,200,255,.18);--grain:0;--glass-top:rgba(255,255,255,.7);--glass-bottom:rgba(255,255,255,.45);--glass-tint:rgba(255,255,255,.6);--glass-tint-strong:rgba(255,255,255,.9);--glass-edge:rgba(212,20,143,.25);--glass-spec:rgba(255,255,255,.8);--sec-ink:#1A1033;--on-accent:#fff;--stage-text:#E9E3FF;--sys-fill:rgba(212,20,143,.1);--tint-text:#B0107A;--glow:0 0 0 1px rgba(212,20,143,.35),0 0 18px -4px rgba(212,20,143,.5);--display:"Orbitron","Noto Sans TC",sans-serif;--head-font:"Noto Sans TC",sans-serif;--serif:"Noto Sans TC","PingFang TC",sans-serif;--card-shadow:0 0 0 1px rgba(212,20,143,.2),0 18px 40px -22px rgba(122,63,209,.45);--r-card:18px;color-scheme:light;--tb-on:#D4148F;--lens-rim:conic-gradient(from 0deg,#FF2BD6,#7A3FFF,#00E5FF,#FF2BD6)}
@media (prefers-color-scheme:dark){:root[data-style="neon"]:not([data-theme="light"]){--paper:#07040F;--card:rgba(255,255,255,.035);--ink:#EEE8FF;--muted:#A49BCB;--line:rgba(180,140,255,.18);--rule:rgba(180,140,255,.18);--accent:#FF3CC7;--green:#FF3CC7;--brick:#FF3CC7;--oxblood-hi:#FF5AD2;--oxblood:#FF2BB9;--oxblood-lo:#9B30FF;--cyan:#2DF5FF;--slate:#0E0920;--slate-2:#05030B;--brass:#2DF5FF;--glow-warm:rgba(255,40,190,.22);--glow-cool:rgba(0,220,255,.16);--glass-top:rgba(255,255,255,.06);--glass-bottom:rgba(255,255,255,.02);--glass-tint:rgba(20,10,40,.55);--glass-tint-strong:rgba(16,8,32,.92);--glass-edge:rgba(255,60,199,.35);--glass-spec:rgba(255,255,255,.2);--sec-ink:#EEE8FF;--sys-fill:rgba(45,245,255,.08);--tint-text:#2DF5FF;--glow:0 0 0 1px rgba(45,245,255,.5),0 0 16px -2px rgba(45,245,255,.55),inset 0 0 12px -4px rgba(45,245,255,.45);--card-shadow:0 0 0 1px rgba(255,60,199,.3),0 0 30px -10px rgba(255,60,199,.35);color-scheme:dark;--tb-bg:rgba(14,8,30,.6);--tb-ink:#CFC6F5;--tb-on:#2DF5FF;--tb-pill:rgba(45,245,255,.12);--tb-shadow:0 0 0 1px rgba(255,60,199,.45),0 0 24px -6px rgba(255,60,199,.6),inset 0 1px 0 rgba(255,255,255,.12);--lens-fill:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.16),rgba(255,255,255,.02) 60%);--lens-shadow:0 0 0 1px rgba(45,245,255,.7),0 0 22px rgba(45,245,255,.55),inset 0 0 14px rgba(255,60,199,.35)}}
:root[data-style="neon"][data-theme="dark"]{--paper:#07040F;--card:rgba(255,255,255,.035);--ink:#EEE8FF;--muted:#A49BCB;--line:rgba(180,140,255,.18);--rule:rgba(180,140,255,.18);--accent:#FF3CC7;--green:#FF3CC7;--brick:#FF3CC7;--oxblood-hi:#FF5AD2;--oxblood:#FF2BB9;--oxblood-lo:#9B30FF;--cyan:#2DF5FF;--slate:#0E0920;--slate-2:#05030B;--brass:#2DF5FF;--glow-warm:rgba(255,40,190,.22);--glow-cool:rgba(0,220,255,.16);--glass-top:rgba(255,255,255,.06);--glass-bottom:rgba(255,255,255,.02);--glass-tint:rgba(20,10,40,.55);--glass-tint-strong:rgba(16,8,32,.92);--glass-edge:rgba(255,60,199,.35);--glass-spec:rgba(255,255,255,.2);--sec-ink:#EEE8FF;--sys-fill:rgba(45,245,255,.08);--tint-text:#2DF5FF;--glow:0 0 0 1px rgba(45,245,255,.5),0 0 16px -2px rgba(45,245,255,.55),inset 0 0 12px -4px rgba(45,245,255,.45);--card-shadow:0 0 0 1px rgba(255,60,199,.3),0 0 30px -10px rgba(255,60,199,.35);color-scheme:dark;--tb-bg:rgba(14,8,30,.6);--tb-ink:#CFC6F5;--tb-on:#2DF5FF;--tb-pill:rgba(45,245,255,.12);--tb-shadow:0 0 0 1px rgba(255,60,199,.45),0 0 24px -6px rgba(255,60,199,.6),inset 0 1px 0 rgba(255,255,255,.12);--lens-fill:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.16),rgba(255,255,255,.02) 60%);--lens-shadow:0 0 0 1px rgba(45,245,255,.7),0 0 22px rgba(45,245,255,.55),inset 0 0 14px rgba(255,60,199,.35)}
:root[data-style="neon"] body{background:
  linear-gradient(transparent 0 calc(100% - 1px),color-mix(in srgb,var(--accent) 9%,transparent) 0) 0 0/100% 44px,
  linear-gradient(90deg,transparent 0 calc(100% - 1px),color-mix(in srgb,var(--accent) 9%,transparent) 0) 0 0/44px 100%,
  radial-gradient(900px 500px at 15% -5%,var(--glow-warm),transparent 65%),radial-gradient(900px 600px at 100% 30%,var(--glow-cool),transparent 60%),var(--paper)!important;font-family:var(--serif)}
:root[data-style="neon"] body::before{display:none}
:root[data-style="neon"] .edition-bar{background:var(--slate-2)!important;color:var(--cyan,#2DF5FF)!important;border:0!important;border-bottom:1px solid var(--accent)!important;font:600 11px var(--display)!important;letter-spacing:.3em!important;text-shadow:0 0 8px currentColor}
:root[data-style="neon"] .masthead .eyebrow{font:700 13px "Orbitron",sans-serif!important;letter-spacing:.6em!important;color:var(--cyan)!important;text-shadow:0 0 10px currentColor}
:root[data-style="neon"] .masthead h1{font-family:"Noto Sans TC",sans-serif!important;font-weight:900!important;letter-spacing:.14em!important;
  background:linear-gradient(90deg,var(--accent),#9B30FF 50%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 55%,transparent));animation:neonOn 1.6s steps(1) 1}
:root[data-style="neon"] .masthead h1 a{color:transparent!important}
@keyframes neonOn{0%{opacity:.2}8%{opacity:1}12%{opacity:.3}18%{opacity:1}40%{opacity:.7}44%,100%{opacity:1}}
:root[data-style="neon"] .masthead h1 .seal{-webkit-text-fill-color:var(--on-accent);color:var(--on-accent)!important;background:linear-gradient(135deg,var(--accent),#9B30FF)!important;border-radius:8px!important;box-shadow:0 0 18px var(--accent)!important}
:root[data-style="neon"] .tagline{font-family:var(--serif)!important;letter-spacing:.12em!important}
:root[data-style="neon"] .main-nav,:root[data-style="neon"] .reading-tools{border:0!important;box-shadow:var(--card-shadow)!important}
:root[data-style="neon"] .main-nav .seg-nav a[data-on]{color:var(--tint-text)!important;text-shadow:0 0 10px currentColor}
:root[data-style="neon"] .main-nav .seg-nav .seg-thumb{background:var(--sys-fill)!important;box-shadow:var(--glow)!important}
:root[data-style="neon"] .today-title{font:900 40px/1 "Orbitron","Noto Sans TC",sans-serif!important;letter-spacing:.06em!important;color:var(--ink)!important;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 70%,transparent)}
:root[data-style="neon"] .today-date,:root[data-style="neon"] .issue-date,:root[data-style="neon"] .issue-row time,:root[data-style="neon"] .dw-eyebrow{font-family:"Orbitron",var(--ui)!important;letter-spacing:.2em!important;color:var(--cyan)!important}
:root[data-style="neon"] .lead h2,:root[data-style="neon"] .story h2,:root[data-style="neon"] .overview h2,:root[data-style="neon"] .archive h2,:root[data-style="neon"] .about h2,:root[data-style="neon"] .shelf-head h3,:root[data-style="neon"] .brand,:root[data-style="neon"] .radar h2{font-family:var(--head-font)!important;font-weight:900!important;letter-spacing:.04em!important}
:root[data-style="neon"] .shelf-head h3{text-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}
:root[data-style="neon"] .shelf-head{border-top:1px solid var(--line)!important}
:root[data-style="neon"] .brand{background:linear-gradient(90deg,var(--accent),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important}
:root[data-style="neon"] .brand a{color:transparent!important}
:root[data-style="neon"] .story-card,:root[data-style="neon"] .paper-card,:root[data-style="neon"] .about,:root[data-style="neon"] .hero-card{background:var(--card)!important;border:0!important;box-shadow:var(--card-shadow)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
:root[data-style="neon"] .hero-card{background:var(--slate)!important}
:root[data-style="neon"] .hero-shade{background:linear-gradient(180deg,transparent 30%,rgba(20,0,40,.88)),linear-gradient(90deg,rgba(255,43,214,.18),rgba(0,229,255,.12))!important}
:root[data-style="neon"] .hero-text strong{text-shadow:0 0 18px rgba(255,60,199,.6)}
:root[data-style="neon"] .hero-text .eyebrow-s{color:var(--cyan)!important;text-shadow:0 0 8px currentColor}
:root[data-style="neon"] .app-icon,:root[data-style="neon"] .cat-tile{box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 70%,#fff),0 0 18px -4px var(--c)!important}
:root[data-style="neon"] .cat-tile{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 30%,transparent),color-mix(in srgb,var(--c) 12%,transparent)),var(--slate)!important}
:root[data-style="neon"] .cat-tile b{font-family:"Orbitron",sans-serif;color:var(--c)!important;filter:brightness(1.3);text-shadow:0 0 12px var(--c)}
:root[data-style="neon"] .paper-preview{background:linear-gradient(transparent 0 calc(100% - 1px),rgba(255,60,199,.25) 0) 0 0/100% 32px,linear-gradient(90deg,transparent 0 calc(100% - 1px),rgba(45,245,255,.18) 0) 0 0/32px 100%,linear-gradient(180deg,#140A2E,#05030B)!important;box-shadow:var(--card-shadow)!important}
:root[data-style="neon"] .story-body{font-family:var(--serif)!important;line-height:1.9}
:root[data-style="neon"] .story img{box-shadow:var(--card-shadow)!important}
:root[data-style="neon"] .context{border-left:2px solid var(--accent)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent)}
:root[data-style="neon"] .category-mark{box-shadow:0 0 10px var(--category)}
:root[data-style="neon"] .kicker{font-family:"Orbitron",var(--ui);letter-spacing:.12em}
/* buttons: glowing tube — press surges the light */
:root[data-style="neon"] .button:not(.secondary),:root[data-style="neon"] .reading-tools [aria-pressed=true],:root[data-style="neon"] .get-pill.solid,:root[data-style="neon"] .fb-send,:root[data-style="neon"] .button.secondary,:root[data-style="neon"] .reading-tools button:not([aria-pressed=true]),:root[data-style="neon"] .reading-tools a:not([data-language]),:root[data-style="neon"] .paper-nav a,:root[data-style="neon"] .edition-footer a,:root[data-style="neon"] .topline a,:root[data-style="neon"] #reader-links a,:root[data-style="neon"] .drawer-open,:root[data-style="neon"] .get-pill:not(.solid),:root[data-style="neon"] .dw-chip:not(.dw-chip-tw),:root[data-style="neon"] .wd-feedback-open{border:0!important;border-radius:12px!important;font-family:var(--ui)!important;font-weight:700!important;letter-spacing:.06em!important;transition:transform .3s cubic-bezier(.3,1.3,.5,1),box-shadow .2s,filter .2s!important}
:root[data-style="neon"] .button:not(.secondary),:root[data-style="neon"] .reading-tools [aria-pressed=true],:root[data-style="neon"] .get-pill.solid,:root[data-style="neon"] .fb-send{background:linear-gradient(135deg,var(--oxblood),var(--oxblood-lo))!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 0 22px -4px var(--accent)!important}
:root[data-style="neon"] .button.secondary,:root[data-style="neon"] .reading-tools button:not([aria-pressed=true]),:root[data-style="neon"] .reading-tools a:not([data-language]),:root[data-style="neon"] .paper-nav a,:root[data-style="neon"] .edition-footer a,:root[data-style="neon"] .topline a,:root[data-style="neon"] #reader-links a,:root[data-style="neon"] .drawer-open,:root[data-style="neon"] .get-pill:not(.solid),:root[data-style="neon"] .dw-chip:not(.dw-chip-tw),:root[data-style="neon"] .wd-feedback-open{background:var(--sys-fill)!important;color:var(--tint-text)!important;box-shadow:var(--glow)!important}
:root[data-style="neon"] .reading-tools .seg-lang{border-radius:12px!important;box-shadow:var(--glow)!important;background:transparent!important}
:root[data-style="neon"] .reading-tools .seg-lang .seg-thumb{border-radius:9px!important;background:linear-gradient(135deg,var(--oxblood),var(--oxblood-lo))!important;box-shadow:0 0 16px -2px var(--accent)!important}
:root[data-style="neon"] .reading-tools .seg-lang a[data-on]{color:#fff!important}
:root[data-style="neon"] .press-bloom{background:radial-gradient(circle,var(--cyan),transparent 70%)!important;border:0!important;box-shadow:none!important}
:root[data-style="neon"] .button:not(.secondary).is-pressed,:root[data-style="neon"] .reading-tools [aria-pressed=true].is-pressed,:root[data-style="neon"] .get-pill.solid.is-pressed,:root[data-style="neon"] .fb-send.is-pressed,:root[data-style="neon"] .button.secondary.is-pressed,:root[data-style="neon"] .reading-tools button:not([aria-pressed=true]).is-pressed,:root[data-style="neon"] .reading-tools a:not([data-language]).is-pressed,:root[data-style="neon"] .paper-nav a.is-pressed,:root[data-style="neon"] .edition-footer a.is-pressed,:root[data-style="neon"] .topline a.is-pressed,:root[data-style="neon"] #reader-links a.is-pressed,:root[data-style="neon"] .drawer-open.is-pressed,:root[data-style="neon"] .get-pill:not(.solid).is-pressed,:root[data-style="neon"] .dw-chip:not(.dw-chip-tw).is-pressed,:root[data-style="neon"] .wd-feedback-open.is-pressed{transform:scale(.96)!important;filter:brightness(1.35) saturate(1.3)!important;box-shadow:0 0 0 1.5px var(--cyan),0 0 30px 2px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 0 18px rgba(255,255,255,.35)!important;transition:transform .1s,filter .1s,box-shadow .1s!important}
:root[data-style="neon"] .button:not(.secondary).is-released,:root[data-style="neon"] .reading-tools [aria-pressed=true].is-released,:root[data-style="neon"] .get-pill.solid.is-released,:root[data-style="neon"] .fb-send.is-released,:root[data-style="neon"] .button.secondary.is-released,:root[data-style="neon"] .reading-tools button:not([aria-pressed=true]).is-released,:root[data-style="neon"] .reading-tools a:not([data-language]).is-released,:root[data-style="neon"] .paper-nav a.is-released,:root[data-style="neon"] .edition-footer a.is-released,:root[data-style="neon"] .topline a.is-released,:root[data-style="neon"] #reader-links a.is-released,:root[data-style="neon"] .drawer-open.is-released,:root[data-style="neon"] .get-pill:not(.solid).is-released,:root[data-style="neon"] .dw-chip:not(.dw-chip-tw).is-released,:root[data-style="neon"] .wd-feedback-open.is-released{animation:neonFade .7s ease-out!important}
@keyframes neonFade{0%{transform:scale(.96);filter:brightness(1.35)}30%{transform:scale(1.03)}100%{transform:none;filter:none}}
:root[data-style="neon"] .tb-item[data-on],:root[data-style="neon"] .tb-ghost[data-on]{text-shadow:0 0 10px currentColor;filter:drop-shadow(0 0 6px var(--tb-on))}
:root[data-style="neon"] .tab-mode{border-radius:18px}

/* fonts carry each style's voice on the floating bar too */
:root[data-style="apple"] .tb-item span,:root[data-style="apple"] .tb-ghost span{font-family:var(--ui)}
@media(prefers-reduced-motion:reduce){:root[data-style] .masthead h1,:root[data-style] .masthead h1 .seal{animation:none!important}}
