/* Qomo Daily · v139
   Scoped to the reading panel. Large nested radii, SF-style typography,
   translucent chrome and independent light/dark appearance. */
.newspaper-overlay {
  padding: 24px;
  background: rgba(18, 24, 36, .42);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}
.newspaper {
  --np-bg: #f5f5f7;
  --np-surface: #fff;
  --np-surface-soft: #f5f6f8;
  --np-text: #1d1d1f;
  --np-secondary: #64646c;
  --np-muted: #74747d;
  --np-line: rgba(30, 35, 50, .08);
  --np-blue: #0071e3;
  --np-blue-soft: #edf5ff;
  --np-green: #258254;
  --np-purple: #7652c7;
  --np-purple-soft: #f4efff;
  --np-toolbar: rgba(255, 255, 255, .8);
  --np-card-shadow: 0 4px 24px rgba(27, 37, 61, .035);
  --np-radius-window: 36px;
  --np-radius-card: 28px;
  --np-radius-inset: 20px;
  --np-radius-control: 14px;
  --np-radius-chip: 10px;
  --np-gap: 20px;
  width: min(1280px, 100%);
  height: calc(100vh - 48px);
  height: calc(100dvh - 48px);
  max-height: 1080px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: var(--np-radius-window);
  color: var(--np-text);
  background: var(--np-bg);
  background-image: none;
  box-shadow: 0 32px 100px rgba(9, 17, 32, .25), 0 2px 12px rgba(9, 17, 32, .08);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  animation: npIn .4s cubic-bezier(.16,1,.3,1) both;
  color-scheme: light;
}
.newspaper[data-appearance="dark"] {
  --np-bg: #16171b;
  --np-surface: #222328;
  --np-surface-soft: #2c2d34;
  --np-text: #f5f5f7;
  --np-secondary: #b4b4bd;
  --np-muted: #a0a0ac;
  --np-line: rgba(255,255,255,.09);
  --np-blue: #69b1ff;
  --np-blue-soft: #253449;
  --np-green: #74cfa3;
  --np-purple: #bd9aff;
  --np-purple-soft: #332b45;
  --np-toolbar: rgba(34,35,40,.82);
  --np-card-shadow: 0 4px 24px rgba(0,0,0,.1);
  border-color: rgba(255,255,255,.12);
  color-scheme: dark;
}
.newspaper button, .newspaper input { font-family: inherit; }
.newspaper button { cursor: pointer; }
.newspaper svg { width: 20px; height: 20px; flex-shrink: 0; }
.newspaper :is(button,a,input):focus-visible { outline: 3px solid var(--np-blue); outline-offset: 3px; }
.newspaper :is(button,a) { -webkit-tap-highlight-color: transparent; }
.newspaper ::selection { background: var(--np-blue-soft); color: var(--np-blue); }
.np-topbar {
  position: relative;
  z-index: 25;
  height: 80px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 0 28px;
  border-bottom: 1px solid var(--np-line);
  background: var(--np-toolbar);
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
}
.np-brand { display:flex; align-items:center; gap:11px; font-size:20px; font-weight:700; letter-spacing:-.5px; }
.np-brand-mark { display:grid; place-items:center; width:40px; height:40px; border-radius:var(--np-radius-control); color:#fff; background:linear-gradient(145deg,#55a6ff,#0071e3); box-shadow:0 3px 8px rgba(0,113,227,.16); }
.np-brand-mark svg { width:23px; height:23px; }
.np-brand-caption { display:block; margin-top:2px; font-size:10px; font-weight:400; letter-spacing:.08em; color:var(--np-muted); }
.np-tabs { display:flex; gap:3px; padding:4px; background:var(--np-surface-soft); border-radius:calc(var(--np-radius-control) + 4px); }
.np-tabs button { min-width:80px; height:36px; padding:0 22px; border:0; border-radius:var(--np-radius-control); background:transparent; color:var(--np-secondary); font-size:13px; font-weight:500; transition:background .2s,box-shadow .2s,color .2s; }
.np-tabs button.active { background:var(--np-surface); color:var(--np-text); box-shadow:0 2px 6px rgba(0,0,0,.08); font-weight:600; }
.np-topbar-actions { justify-self:end; display:flex; gap:8px; }
.newspaper .np-tool-btn { position:static; float:none; margin:0; display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:var(--np-radius-control); background:var(--np-surface-soft); color:var(--np-secondary); transition:background .2s,transform .2s; }
.newspaper .np-tool-btn:hover { background:var(--np-blue-soft); color:var(--np-blue); }
.newspaper .np-tool-btn:active { transform:scale(.94); }
.newspaper .np-flipper { height:calc(100% - 80px); }
.newspaper .np-flip-scroll { padding:32px 36px 24px; background:var(--np-bg); background-image:none; scrollbar-color:var(--np-line) transparent; scrollbar-width:thin; }
.newspaper .np-flip-scroll::-webkit-scrollbar { width:6px; }
.newspaper .np-flip-scroll::-webkit-scrollbar-thumb { background:var(--np-line); border-radius:var(--np-radius-chip); }
.newspaper .np-flip-face { transition:opacity .24s ease,transform .3s ease; }
.newspaper .np-flip-back, .newspaper .np-flipper.flipped .np-flip-front { transform:translateY(8px); }
.newspaper .np-flipper.flipped .np-flip-back { transform:none; }
.newspaper .np-masthead { min-height:0; padding:6px 4px 30px; display:flex; align-items:center; justify-content:space-between; gap:24px; text-align:left; }
.newspaper .np-masthead::after, .newspaper .np-section-title::before, .newspaper .np-section-title::after, .newspaper .np-card::before { content:none; }
.newspaper .np-title-wrap { flex:initial; min-width:0; text-align:left; }
.np-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:12px; color:var(--np-muted); font-size:10px; font-weight:600; letter-spacing:.15em; }
.np-eyebrow span { padding:3px 8px; border-radius:var(--np-radius-chip); background:var(--np-line); font-size:10px; letter-spacing:.02em; }
.newspaper .np-title { justify-content:flex-start; gap:10px; font-family:inherit; color:var(--np-text); font-size:clamp(32px,3.6vw,46px); font-weight:700; letter-spacing:-1.8px; line-height:1.15; text-shadow:none; white-space:normal; }
.newspaper .np-title span { color:var(--np-text); font-size:1em; font-family:inherit; font-style:normal; letter-spacing:-1.5px; }
.newspaper .np-title i { width:9px; height:9px; align-self:flex-end; margin:0 0 8px 1px; border-radius:50%; background:var(--np-blue); }
.newspaper .np-subtitle { display:block; margin-top:12px; font-size:13px; letter-spacing:.04em; color:var(--np-secondary); white-space:normal; }
.newspaper .np-subtitle::before, .newspaper .np-subtitle::after, .newspaper .np-headline::after { content:none; }
.np-edition-meta { display:flex; flex-direction:column; align-items:flex-end; gap:7px; font-size:12px; color:var(--np-muted); }
.np-edition-date { color:var(--np-text); font-size:13px; font-weight:600; }
.np-edition-weather { display:flex; align-items:center; gap:6px; margin-top:3px; padding:7px 12px; border-radius:var(--np-radius-control); background:var(--np-surface); color:var(--np-secondary); }
.np-edition-weather svg { width:16px; height:16px; color:var(--np-blue); }
.newspaper .np-body { grid-template-columns:minmax(0,1fr) 320px; gap:var(--np-gap); align-items:start; }
.newspaper .np-main { display:flex; flex-direction:column; gap:var(--np-gap); min-width:0; }
.newspaper :is(.np-feed-card,.np-card) { position:relative; min-width:0; padding:24px; background:var(--np-surface); border:1px solid var(--np-line); border-radius:var(--np-radius-card); box-shadow:var(--np-card-shadow); }
.newspaper .np-side { gap:var(--np-gap); min-width:0; }
.newspaper .np-card:hover { transform:none; box-shadow:var(--np-card-shadow); }
.np-feed-heading, .newspaper .np-section-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 20px; }
.newspaper .np-section-title { display:flex; align-items:center; gap:10px; min-height:30px; margin:0; padding:0; border:0; color:var(--np-text); font-family:inherit; font-size:17px; font-weight:600; line-height:1.3; letter-spacing:-.3px; }
.np-section-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:var(--np-radius-chip); color:var(--np-blue); background:var(--np-blue-soft); flex-shrink:0; }
.np-feed-tech .np-section-icon { color:var(--np-green); background:color-mix(in srgb,var(--np-green) 10%,var(--np-surface)); }
.np-feed-ai .np-section-icon { color:var(--np-purple); background:var(--np-purple-soft); }
.np-section-caption { font-size:11px; color:var(--np-muted); white-space:nowrap; }
.newspaper .np-card .np-section-title { font-size:15px; margin:0 0 18px; padding:0; border:0; letter-spacing:-.2px; }
.newspaper .np-card-head { gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:18px; }
.newspaper .np-card-head .np-section-title { margin-bottom:0; }
.newspaper .np-todo-stat { color:var(--np-muted); font-size:10px; white-space:nowrap; }
.newspaper .np-headline { display:flex; flex-direction:column-reverse; gap:var(--np-gap); margin:0 0 12px; padding:0 0 20px; border-bottom:1px solid var(--np-line); color:var(--np-text); border-radius:0; }
.newspaper .np-headline:hover { background:transparent; }
.newspaper .np-headline-main { gap:10px; }
.newspaper .np-headline-src { font-size:11px; color:var(--np-muted); letter-spacing:0; }
.newspaper .np-headline-src b { display:inline-block; margin-right:6px; padding:4px 8px; border-radius:var(--np-radius-chip); background:var(--np-blue-soft); color:var(--np-blue); font-weight:600; }
.newspaper .np-headline-title, .newspaper .np-headline.has-img .np-headline-title { font-family:inherit; font-size:clamp(21px,2.1vw,27px); line-height:1.45; font-weight:650; letter-spacing:-.6px; color:var(--np-text); text-shadow:none; }
.newspaper .np-headline:hover .np-headline-title { transform:none; text-decoration:none; color:var(--np-blue); }
.newspaper .np-headline-desc { font-size:13px; line-height:1.8; color:var(--np-secondary); }
.newspaper .np-headline-img { width:100%; height:220px; border:0; border-radius:var(--np-radius-inset); background:var(--np-surface-soft); box-shadow:none; }
.newspaper .np-headline-img img { transition:transform .5s ease; }
.newspaper .np-headline:hover .np-headline-img img { transform:scale(1.025); }
.newspaper .np-news-item { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:12px; row-gap:5px; align-items:start; min-height:0; padding:16px 8px; border-bottom:1px solid var(--np-line); border-radius:0; color:var(--np-text); transition:background .2s; }
.newspaper .np-news-item:hover { padding-left:8px; background:var(--np-surface-soft); }
.newspaper .np-news-list li:last-child .np-news-item { border-bottom-color:transparent; }
.newspaper .np-news-no { grid-row:1 / 3; min-width:0; padding-top:2px; color:var(--np-muted); font-family:inherit; font-size:12px; font-weight:500; font-style:normal; font-variant-numeric:tabular-nums; letter-spacing:0; }
.newspaper .np-news-item:hover .np-news-no { color:var(--np-blue); transform:none; }
.newspaper .np-news-title { color:var(--np-text); font-family:inherit; font-size:14px; font-weight:500; line-height:1.65; }
.newspaper .np-news-item:hover .np-news-title { text-decoration:none; color:var(--np-blue); }
.newspaper .np-news-desc { display:-webkit-box; font-size:12px; line-height:1.6; color:var(--np-secondary); -webkit-line-clamp:1; }
.newspaper .np-news-meta { grid-column:2; max-width:none; text-align:left; color:var(--np-muted); font-size:10px; letter-spacing:0; }
.newspaper .np-ai-item { display:flex; gap:14px; }
.newspaper .np-ai-content { gap:7px; }
.newspaper .np-ai-title-link { font-family:inherit; font-size:14px; font-weight:500; line-height:1.6; color:var(--np-text); }
.newspaper .np-ai-title-link:hover { text-decoration:none; color:var(--np-purple); }
.newspaper .np-ai-zh { border:0; border-radius:var(--np-radius-control); padding:10px 12px; font-size:12px; line-height:1.7; color:var(--np-purple); background:var(--np-purple-soft); }
.newspaper :is(.np-ai-trans,.np-ai-trans-all) { min-width:36px; min-height:32px; height:auto; margin:0; padding:7px 10px; border:0; border-radius:var(--np-radius-control); background:var(--np-purple-soft); color:var(--np-purple); font-size:11px; font-weight:500; letter-spacing:0; box-shadow:none; }
.newspaper :is(.np-ai-trans,.np-ai-trans-all):hover { transform:none; box-shadow:none; background:var(--np-purple-soft); filter:brightness(.96); }
.newspaper button:disabled { opacity:.4; cursor:default; }
.newspaper .np-todo-input-row { gap:8px; margin:0 0 12px; }
.newspaper .np-todo-input { min-width:0; height:42px; padding:10px 12px; border:1px solid transparent; border-radius:var(--np-radius-control); background:var(--np-surface-soft); color:var(--np-text); font-size:12px; }
.newspaper .np-todo-input::placeholder { color:var(--np-muted); }
.newspaper .np-todo-input:focus { border-color:var(--np-blue); }
.newspaper .np-todo-add { width:42px; height:42px; flex-shrink:0; border:0; border-radius:var(--np-radius-control); background:var(--np-blue); color:var(--np-surface); font-size:24px; font-weight:300; }
.newspaper .np-todo-item { min-height:44px; padding:10px 0; border-bottom:1px solid var(--np-line); gap:7px; }
.newspaper .np-todo-check { width:22px; height:22px; padding:0; border:1.5px solid var(--np-muted); border-radius:50%; color:var(--np-text); background:transparent; font-size:12px; }
.newspaper .np-todo-item.done .np-todo-check { border-color:var(--np-blue); background:var(--np-blue); color:var(--np-surface); }
.newspaper .np-todo-item.done .np-todo-text { color:var(--np-muted); }
.newspaper .np-todo-text { font-size:12px; overflow-wrap:anywhere; }
.newspaper .np-todo-prio { border:0; background:transparent; padding:4px 2px; }
.newspaper .np-todo-prio-tag { font-size:9px; color:var(--np-muted); }
.newspaper .np-todo-del { min-width:24px; min-height:28px; font-size:11px; color:var(--np-muted); opacity:.65; }
.newspaper .np-todo-progress { height:4px; background:var(--np-surface-soft); border-radius:4px; }
.newspaper .np-todo-progress span { background:var(--np-blue); }
.newspaper :is(.np-todo-empty,.np-loading,.np-subscribe-tip-sm) { margin:8px 0; font-size:12px; line-height:1.8; color:var(--np-muted); font-style:normal; }
.newspaper .np-todo-clear { padding:8px 10px; border:0; border-radius:var(--np-radius-control); background:var(--np-surface-soft); color:var(--np-blue); font-size:11px; }
.newspaper :is(.np-index,.np-game,.np-league) { background:var(--np-surface-soft); border:1px solid var(--np-line); border-radius:var(--np-radius-inset); padding:12px; box-shadow:none; }
.newspaper :is(.np-index,.np-game):hover { transform:none; box-shadow:none; }
.newspaper :is(.np-index-name,.np-game-abbr,.np-game-score,.np-league-head) { font-family:inherit; color:var(--np-text); letter-spacing:0; }
.newspaper .np-index-price { font-family:inherit; font-weight:600; }
.newspaper .np-index-row svg { width:118px; height:36px; max-width:48%; }
.newspaper .np-index.up :is(.np-index-price,.np-index-pct) { color:#db4949; }
.newspaper .np-index.down :is(.np-index-price,.np-index-pct) { color:var(--np-green); }
.newspaper .np-index-na { color:var(--np-muted); font-style:normal; }
.newspaper .np-index.up { color:#db4949; }
.newspaper .np-index.down { color:var(--np-green); }
.newspaper .np-game-status { color:var(--np-muted); }
.newspaper .np-game-score span { color:var(--np-text); }
.newspaper .np-game-score b { color:var(--np-muted); }
.newspaper .np-game-logo-fb { background:var(--np-line); color:var(--np-secondary); }
.newspaper .np-game.live { background:var(--np-surface-soft); border-color:#db4949; }
.newspaper .np-league-head { border-color:var(--np-line); }
.newspaper .np-subscribe-tip { margin:0; padding:24px; border:0; border-radius:var(--np-radius-inset); background:var(--np-surface-soft); text-align:center; }
.newspaper .np-subscribe-tip-title { color:var(--np-text); font-family:inherit; font-size:14px; font-weight:600; }
.newspaper .np-subscribe-tip-desc { max-width:420px; margin:10px auto 16px; color:var(--np-secondary); font-size:12px; line-height:1.8; }
.newspaper :is(.np-subscribe-tip-btn,.np-wiki-retry-btn) { padding:10px 16px; border:0; border-radius:var(--np-radius-control); background:var(--np-blue); color:var(--np-surface); box-shadow:none; font-size:12px; letter-spacing:0; }
.newspaper .np-skeleton-line { height:14px; border-radius:var(--np-radius-chip); background:linear-gradient(90deg,var(--np-surface-soft) 25%,var(--np-line) 50%,var(--np-surface-soft) 75%); background-size:200% 100%; }
.newspaper .np-footer { margin-top:24px; padding:4px 16px 0; border:0; gap:6px; font-size:10px; line-height:1.6; color:var(--np-muted); }
.newspaper .np-footer span { max-width:100%; white-space:normal; letter-spacing:0; color:var(--np-muted); }
.newspaper .np-article-toolbar { position:sticky; top:-32px; left:auto; z-index:10; display:flex; justify-content:space-between; margin:-8px 0 24px; padding:10px 0; background:var(--np-bg); }
.newspaper .np-reader-back { width:auto; height:40px; padding:0 14px 0 8px; gap:4px; border:0; border-radius:var(--np-radius-control); background:var(--np-surface); color:var(--np-blue); font-size:12px; }
.newspaper .np-reader-back:hover { background:var(--np-blue-soft); }
.newspaper .np-article-toolbar .np-reader-origin { padding:12px; color:var(--np-blue); font-size:12px; letter-spacing:0; }
.newspaper .np-reader-body { max-width:800px; margin:0 auto; padding:40px 48px; border:1px solid var(--np-line); border-radius:var(--np-radius-card); background:var(--np-surface); }
.newspaper .np-reader-kicker { margin-bottom:14px; color:var(--np-blue); font-size:12px; letter-spacing:.04em; }
.newspaper .np-reader-title { color:var(--np-text); font-family:inherit; font-size:clamp(25px,3vw,36px); font-weight:650; line-height:1.4; letter-spacing:-.7px; }
.newspaper .np-reader-rule { height:1px; margin:24px 0 28px; background:var(--np-line); }
.newspaper .np-reader-content { font-family:inherit; font-size:16px; color:var(--np-text); line-height:1.95; text-align:left; overflow-wrap:anywhere; }
.newspaper .np-reader-content p { margin-bottom:22px; text-indent:0; }
.newspaper .np-reader-content p:first-of-type::first-letter { float:none; margin:0; color:inherit; font-family:inherit; font-size:1em; font-weight:inherit; line-height:inherit; text-transform:none; }
.newspaper .np-reader-content :is(h2,h3) { color:var(--np-text); font-family:inherit; font-weight:600; }
.newspaper .np-reader-content img { border:0; border-radius:var(--np-radius-inset); box-shadow:none; }
.newspaper .np-reader-content a { color:var(--np-blue); }
.newspaper .np-reader-content blockquote { padding:18px; border:0; border-radius:var(--np-radius-inset); background:var(--np-surface-soft); color:var(--np-secondary); font-style:normal; }
.newspaper .np-reader-content :is(pre,table) { max-width:100%; overflow:auto; }
.newspaper .np-reader-end { border-color:var(--np-line); color:var(--np-muted); font-size:11px; letter-spacing:.05em; }
.newspaper .np-reader-end span::before, .newspaper .np-reader-end span::after { content:none; }
.newspaper .np-wiki-masthead { margin-bottom:0; }
.newspaper .np-rule { display:none; }
.newspaper .np-wiki-layout { gap:var(--np-gap); }
.newspaper .np-wiki-sidebar { width:230px; padding:12px; border:1px solid var(--np-line); border-radius:var(--np-radius-card); background:var(--np-surface); }
.newspaper .np-wiki-acc-btn { border:0; border-radius:var(--np-radius-control); padding:12px 10px; color:var(--np-text); background:transparent; }
.newspaper .np-wiki-acc-btn:hover { background:var(--np-surface-soft); }
.newspaper .np-wiki-acc-btn.active { border:0; background:var(--np-blue-soft); }
.newspaper .np-wiki-acc-btn .np-wiki-avatar { width:32px; height:32px; border-radius:var(--np-radius-control); background:var(--np-blue-soft); color:var(--np-blue); font-family:inherit; font-style:normal; box-shadow:none; }
.newspaper .np-wiki-acc-name { color:var(--np-text); }
.newspaper .np-wiki-acc-btn.active .np-wiki-acc-name { color:var(--np-blue); }
.newspaper .np-wiki-count { background:var(--np-surface-soft); color:var(--np-muted); }
.newspaper .np-wiki-acc-btn.active .np-wiki-count { background:var(--np-surface); color:var(--np-blue); }
.newspaper .np-wiki-content { padding:28px; border:1px solid var(--np-line); border-radius:var(--np-radius-card); background:var(--np-surface); }
.newspaper .np-wiki-content-head { border-bottom:1px solid var(--np-line); padding-bottom:20px; margin-bottom:8px; }
.newspaper .np-wiki-content-head::after, .newspaper .np-wiki-articles li::before { content:none; }
.newspaper .np-wiki-content-title { color:var(--np-text); font-family:inherit; font-size:24px; letter-spacing:-.5px; }
.newspaper .np-wiki-content-desc { color:var(--np-secondary); line-height:1.8; letter-spacing:0; }
.newspaper .np-wiki-articles li { padding:16px 0; border-bottom:1px solid var(--np-line); }
.newspaper .np-wiki-articles a { padding:0; color:var(--np-text); }
.newspaper .np-wiki-articles a:hover { color:var(--np-blue); padding-left:0; }
.newspaper .np-wiki-art-title { font-family:inherit; font-size:14px; font-weight:500; white-space:normal; }
.newspaper .np-wiki-art-time { color:var(--np-muted); }
.newspaper .np-wiki-art-summary { margin:8px 0 0; padding:0; color:var(--np-secondary); font-size:12px; line-height:1.8; }
.newspaper .np-wiki-empty-state { padding:48px 24px; border:1px solid var(--np-line); border-radius:var(--np-radius-card); background:var(--np-surface); }
.newspaper :is(.np-wiki-empty-tip,.np-wiki-empty) { color:var(--np-muted); font-style:normal; }
/* Continuous corners in supporting browsers; circular-radius fallback elsewhere. */
@supports (corner-shape: squircle) {
  .newspaper, .newspaper :is(.np-feed-card,.np-card,.np-headline-img,.np-reader-body,.np-wiki-content,.np-wiki-sidebar) { corner-shape:squircle; }
}
@media (max-width:1000px) {
  .newspaper .np-body { grid-template-columns:minmax(0,1fr) 290px; gap:var(--np-gap); }
  .newspaper .np-flip-scroll { padding:28px 24px 24px; }
  .newspaper :is(.np-feed-card,.np-card) { padding:20px; }
  .np-section-caption { display:none; }
}
@media (max-width:800px) {
  .newspaper .np-body { grid-template-columns:minmax(0,1fr); gap:20px; }
  .newspaper .np-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--np-gap); }
  .newspaper .np-side .np-card:last-child { grid-column:auto; }
  .newspaper .np-wiki-sidebar { width:190px; }
}
@media (max-width:600px) {
  .newspaper-overlay { padding:8px; padding-top:max(8px,env(safe-area-inset-top)); padding-bottom:max(8px,env(safe-area-inset-bottom)); align-items:center; }
  .newspaper { width:100%; height:calc(100vh - 16px); height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom))); max-height:none; border-radius:var(--np-radius-card); --np-radius-card:28px; box-shadow:0 16px 60px rgba(0,0,0,.22); }
  .np-topbar { height:68px; grid-template-columns:auto 1fr auto; padding:0 14px; gap:10px; }
  .np-brand { gap:0; }
  .np-brand>span:last-child { display:none; }
  .np-brand-mark { width:34px; height:34px; border-radius:var(--np-radius-control); }
  .np-brand-mark svg { width:21px; height:21px; }
  .np-tabs { justify-self:center; padding:3px; border-radius:calc(var(--np-radius-control) + 4px); }
  .np-tabs button { height:38px; min-width:56px; padding:0 12px; border-radius:var(--np-radius-control); font-size:12px; }
  .np-topbar-actions { gap:3px; }
  .newspaper .np-tool-btn { width:36px; height:40px; background:transparent; }
  .newspaper .np-tool-btn svg { width:18px; height:18px; }
  .newspaper .np-flipper { height:calc(100% - 68px); }
  .newspaper .np-flip-scroll { padding:24px 14px 20px; }
  .newspaper .np-masthead { padding:0 4px 24px; flex-direction:column; align-items:flex-start; gap:16px; }
  .np-eyebrow { font-size:9px; margin-bottom:10px; }
  .newspaper .np-title { font-size:34px; gap:8px; letter-spacing:-1.5px; }
  .newspaper .np-title span { font-size:1em; }
  .newspaper .np-subtitle { margin-top:10px; font-size:12px; }
  .np-edition-meta { align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:6px 12px; font-size:10px; }
  .np-edition-date { font-size:11px; }
  .np-edition-weather { display:none; }
  .newspaper .np-body, .newspaper .np-main { gap:var(--np-gap); }
  .newspaper :is(.np-feed-card,.np-card) { padding:20px 18px; }
  .newspaper .np-section-title { font-size:16px; }
  .np-feed-heading, .newspaper .np-section-row { margin-bottom:18px; }
  .newspaper .np-headline-img { height:180px; border-radius:var(--np-radius-inset); }
  .newspaper .np-headline-title, .newspaper .np-headline.has-img .np-headline-title { font-size:21px; line-height:1.5; }
  .newspaper .np-headline-desc { font-size:12px; -webkit-line-clamp:3; }
  .newspaper .np-news-item { grid-template-columns:22px minmax(0,1fr); gap:6px 8px; padding:14px 4px; }
  .newspaper .np-news-item:hover { padding-left:4px; }
  .newspaper .np-news-title { font-size:13px; }
  .newspaper .np-news-desc { font-size:11px; }
  .newspaper .np-news-meta { max-width:none; font-size:10px; }
  .newspaper .np-ai-title-link { font-size:13px; }
  .newspaper .np-ai-trans { min-height:40px; }
  .newspaper .np-side { display:flex; flex-direction:column; gap:var(--np-gap); }
  .newspaper .np-todo-input { font-size:16px; }
  .newspaper .np-todo-text { font-size:13px; }
  .newspaper .np-article-toolbar { top:-24px; margin-top:-8px; }
  .newspaper .np-reader-body { padding:26px 20px; border-radius:var(--np-radius-card); }
  .newspaper .np-reader-title { font-size:25px; }
  .newspaper .np-reader-content { font-size:15px; line-height:1.95; }
  .newspaper .np-reader-content img { border-radius:var(--np-radius-inset); }
  .newspaper .np-wiki-layout { flex-direction:column; gap:var(--np-gap); }
  .newspaper .np-wiki-sidebar { width:100%; padding:8px; border:1px solid var(--np-line); border-radius:var(--np-radius-card); gap:4px; }
  .newspaper .np-wiki-acc-btn { padding:10px; min-width:76px; flex-shrink:0; }
  .newspaper .np-wiki-content { width:100%; padding:22px 18px; border-radius:var(--np-radius-card); }
  .newspaper .np-footer { padding:0 6px; }
}
@media (prefers-reduced-motion:reduce) {
  .newspaper, .newspaper *, .newspaper-overlay { animation:none!important; transition:none!important; }
}
@media (max-width:360px) {
  .np-topbar { padding:0 10px; gap:6px; }
  .np-tabs button { min-width:50px; padding:0 10px; }
}

/* Weather card: one coherent sky, legible information and distinct conditions. */
.newspaper .np-weather-card-wrap { background:var(--np-surface); border-color:var(--np-line); }
.newspaper .np-weather-card-wrap::after { content:none; }
.newspaper .np-weather-card { gap:16px; }
.newspaper .np-weather-hero {
  position:relative; height:208px; overflow:hidden; isolation:isolate;
  border-radius:var(--np-radius-inset); background:#6ba2dc; color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.np-sky-scene {
  --wx-sky-top:#559cde; --wx-sky-bottom:#a5d2f5;
  --wx-cloud-top:#fff; --wx-cloud-bottom:#d6e8f7;
  --wx-particle:#e2f3ff; --wx-shade:rgba(13,55,93,.04);
  position:absolute; inset:0; overflow:hidden; pointer-events:none;
}
.np-sky-scene.sky-cloud-sun { --wx-sky-top:#75a5cf; --wx-sky-bottom:#c2d8e9; }
.np-sky-scene.sky-cloud { --wx-sky-top:#8396ab; --wx-sky-bottom:#c2cdd6; --wx-cloud-bottom:#bbcbd9; }
.np-sky-scene.sky-rain, .np-sky-scene.sky-sleet { --wx-sky-top:#526c8c; --wx-sky-bottom:#94acc5; --wx-cloud-top:#dce7f1; --wx-cloud-bottom:#a3b8cc; }
.np-sky-scene.sky-storm { --wx-sky-top:#34435f; --wx-sky-bottom:#6c80a3; --wx-cloud-top:#8193ad; --wx-cloud-bottom:#536983; }
.np-sky-scene.sky-snow { --wx-sky-top:#89abc6; --wx-sky-bottom:#c4dbe8; --wx-cloud-top:#eff8ff; --wx-cloud-bottom:#d1e3f2; }
.np-sky-scene.sky-fog { --wx-sky-top:#8b9ca8; --wx-sky-bottom:#b5c3cd; }
.np-sky-scene.sky-wind { --wx-sky-top:#6b9faa; --wx-sky-bottom:#aad0d1; }
.np-sky-scene.sky-night { --wx-sky-top:#202f53; --wx-sky-bottom:#526a99; --wx-cloud-top:#8fa2c6; --wx-cloud-bottom:#697f9e; }
.newspaper .np-sky-scene>svg { display:block; width:100%; height:100%; }
.sky-sun-aura { transform-box:fill-box; transform-origin:center; animation:skyGlow 5s ease-in-out infinite; }
.sky-rays { transform-origin:245px 66px; animation:skyRaySpin 45s linear infinite; }
.sky-moon { animation:skyMoonFloat 7s ease-in-out infinite; }
.sky-star { animation:skyTwinkle 4s ease-in-out infinite; }
.np-sky-scene .sky-cloud { animation:skyCloudFloat 12s ease-in-out infinite alternate; }
.sky-cloud-far { animation-duration:18s; animation-delay:-5s; }
.sky-cloud-near { animation-duration:15s; animation-delay:-8s; }
.sky-raindrop { animation:skyRainFall 1s linear infinite; }
.sky-snowflake { animation:skySnowFall 5s linear infinite; }
.sky-lightning { opacity:0; animation:skyLightning 8s linear infinite; }
.sky-mist { animation:skyMistFloat 14s ease-in-out infinite alternate; }
.np-sky-scene .sky-wind { stroke-dasharray:65 180; animation:skyWindFlow 4s linear infinite; }
@keyframes skyGlow { 0%,100%{transform:scale(.95);opacity:.65} 50%{transform:scale(1.12);opacity:.95} }
@keyframes skyRaySpin { to{transform:rotate(360deg)} }
@keyframes skyMoonFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} }
@keyframes skyTwinkle { 0%,100%{opacity:.25} 50%{opacity:.9} }
@keyframes skyCloudFloat { from{transform:translateX(-9px)} to{transform:translateX(9px)} }
@keyframes skyRainFall { from{transform:translate(9px,-45px);opacity:0} 15%{opacity:.7} 85%{opacity:.7} to{transform:translate(-18px,100px);opacity:0} }
@keyframes skySnowFall { from{transform:translate(8px,-70px);opacity:0} 12%{opacity:.8} 85%{opacity:.8} to{transform:translate(-16px,160px);opacity:0} }
@keyframes skyLightning { 0%,68%,75%,100%{opacity:0} 69%,72%{opacity:.85} 70%,73%{opacity:.2} }
@keyframes skyMistFloat { from{transform:translateX(-25px);opacity:.35} to{transform:translateX(30px);opacity:.75} }
@keyframes skyWindFlow { to{stroke-dashoffset:-245} }
.newspaper .np-weather-now { position:absolute; z-index:2; left:20px; right:20px; bottom:18px; display:flex; justify-content:space-between; align-items:flex-end; margin:0; padding:0; animation:none; }
.newspaper .np-weather-big { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.newspaper .np-weather-temp { color:#fff; font-family:inherit; font-size:60px; font-weight:300; line-height:1; letter-spacing:-3px; text-shadow:0 2px 15px rgba(21,44,79,.1); }
.newspaper .np-weather-text { color:#fff; font-size:13px; font-weight:500; letter-spacing:.02em; }
.newspaper .np-weather-feel { padding:7px 9px; border:1px solid rgba(255,255,255,.16); border-radius:var(--np-radius-chip); background:rgba(25,49,80,.18); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#fff; font-size:10px; white-space:nowrap; }
.np-weather-hero-label { position:absolute; top:18px; left:20px; color:rgba(255,255,255,.85); font-size:10px; letter-spacing:.1em; }
.newspaper .np-weather-advice { margin:0; padding:0 2px; border:0; background:none; color:var(--np-secondary); font-size:11px; line-height:1.7; font-style:normal; animation:none; }
.newspaper .np-weather-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:0; border:0; animation:none; }
.newspaper .np-weather-meta li { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:12px; border:1px solid var(--np-line); border-radius:var(--np-radius-control); background:var(--np-surface-soft); white-space:normal; overflow:hidden; }
.newspaper .np-weather-meta li>span { color:var(--np-muted); font-size:10px; }
.newspaper .np-weather-meta strong { color:var(--np-text); font-size:16px; font-weight:500; font-variant-numeric:tabular-nums; line-height:1.2; }
.newspaper .np-weather-meta small { color:var(--np-secondary); font-size:10px; font-weight:400; }
.newspaper .np-forecast-label-row { margin:0; padding:2px 2px 0; border:0; color:var(--np-secondary); font-size:11px; font-weight:500; letter-spacing:0; }
.newspaper .np-forecast { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:-6px 0 0; padding:0; border:0; animation:none; }
.newspaper .np-forecast-day { display:flex; flex-direction:column; justify-content:center; gap:7px; min-width:0; padding:12px 2px; border:1px solid transparent; border-radius:var(--np-radius-control); background:var(--np-surface-soft); transform:none; }
.newspaper .np-forecast-day.today { background:var(--np-blue-soft); border-color:transparent; }
.newspaper .np-forecast-day:hover { background:var(--np-blue-soft); border-color:transparent; transform:none; }
.newspaper .np-forecast-label { color:var(--np-text); font-size:10px; font-weight:500; }
.newspaper .np-forecast-text { color:var(--np-secondary); font-size:10px; max-width:100%; overflow-wrap:anywhere; text-align:center; }
.newspaper .np-forecast-temp { color:var(--np-text); font-size:10px; font-weight:500; white-space:nowrap; }
.newspaper .np-weather-glyph { width:23px; height:23px; color:var(--np-blue); }
.newspaper .np-weather-glyph.glyph-sun { color:#d69120; }
.newspaper .np-weather-empty { display:flex; flex-direction:column; align-items:center; gap:10px; padding:30px 16px; border-radius:var(--np-radius-inset); background:var(--np-surface-soft); text-align:center; }
.np-weather-empty-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:var(--np-radius-control); background:var(--np-blue-soft); color:var(--np-blue); }
.np-weather-empty p { font-size:13px; font-weight:500; }
.np-weather-empty>span:last-child { color:var(--np-muted); font-size:11px; line-height:1.6; }
@supports (corner-shape:squircle) {
  .newspaper :is(.np-weather-hero,.np-index,.np-game,.np-league,.np-subscribe-tip,.np-reader-content img,.np-weather-empty) { corner-shape:squircle; }
}
@media (max-width:600px) {
  .newspaper .np-weather-hero { height:220px; }
  .newspaper .np-weather-now { left:22px; right:22px; bottom:20px; }
  .newspaper .np-weather-temp { font-size:66px; }
}
@media (prefers-reduced-motion:reduce) {
  .sky-raindrop, .sky-snowflake { opacity:.7; }
  .sky-star { opacity:.7; }
  .sky-lightning { display:none; }
}

.newspaper .np-flip-front[inert] .np-sky-scene * { animation-play-state:paused; }