@charset "UTF-8";
/* Appearance affects reading surfaces; media keeps its white-on-image controls. */
:root{
  --ui-bg:#faf9f6;--ui-surface:#ffffff;--ui-reader:#fffdf6;--ui-soft:#f1f0eb;
  --ui-input:#ffffff;--ui-ink:#202124;--ui-muted:#535963;--ui-line:#d7d3c5;
  --ui-control-line:#aaa99f;--ui-hover:#eeeae1;--ui-selected:#fff2c6;
  --ui-accent-ink:#6b5500;--ui-focus:#806400;--ui-logo:brightness(0);--ui-scheme:light;
}
:root[data-theme=dark]{
  --ui-bg:#17191c;--ui-surface:#22252a;--ui-reader:#22252a;--ui-soft:#2a2e34;
  --ui-input:#2a2e34;--ui-ink:#f1f2f4;--ui-muted:#bcc2cb;--ui-line:#454b54;
  --ui-control-line:#737b88;--ui-hover:#30353c;--ui-selected:#494024;
  --ui-accent-ink:#f2d267;--ui-focus:#f2c744;--ui-logo:brightness(0) invert(1);--ui-scheme:dark;
}
:root[data-theme=night]{
  --ui-bg:#000000;--ui-surface:#0d0e10;--ui-reader:#0d0e10;--ui-soft:#17191c;
  --ui-input:#17191c;--ui-ink:#e5e7eb;--ui-muted:#aeb4bf;--ui-line:#353941;
  --ui-control-line:#646b78;--ui-hover:#202328;--ui-selected:#302a15;
  --ui-accent-ink:#e2c365;--ui-focus:#e2c365;--ui-logo:brightness(0) invert(1);--ui-scheme:dark;
}
:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090a0b;color:#fff;font-synthesis:none;--shell:500px;--pad:22px;--rail:72px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer;background:none}a{color:inherit}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#ambient{position:fixed;inset:-80px;background-position:center;background-size:cover;filter:blur(70px) brightness(.15);transition:background-image .5s;pointer-events:none}.app-shell{position:relative;max-width:var(--shell);height:100%;height:100dvh;margin:0 auto;background:#101113;box-shadow:0 0 80px #0004;overflow:hidden}.topbar{position:absolute;z-index:6;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(18px + env(safe-area-inset-top)) var(--pad) 32px;background:linear-gradient(#0005,transparent);pointer-events:none;text-shadow:0 1px 8px #0005}.topbar>*{pointer-events:auto}.wordmark{text-decoration:none;font-size:32px;font-weight:700;letter-spacing:-1.8px;line-height:1}.feed-selector{display:flex;gap:6px;align-items:center;font-size:16px;font-weight:550;min-height:44px;padding:0 7px;max-width:220px}.feed-selector span{max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-selector svg{width:18px}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;font-size:30px}.search-open{justify-self:end}.search-open svg{width:27px;height:27px}.icon-button:hover{background:#ffffff14}
#feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;outline:0}#feed::-webkit-scrollbar{display:none}.story{isolation:isolate;position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#17191c;outline:0}.story-image,.story-video,.story-scrim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-image{z-index:-3}.story-video{z-index:-2;background:#000;opacity:0;transition:opacity .2s;object-fit:contain}.story.is-video-playing .story-video{opacity:1}.story-scrim{z-index:-1;background:linear-gradient(180deg,#0002 0%,transparent 35%,#0001 48%,#000b 78%,#000d 100%);pointer-events:none}.story.no-image{background:radial-gradient(ellipse at 15% 15%,#30343b,#111214 70%)}.story.no-image .story-scrim{background:linear-gradient(transparent,#0007)}
.center-play{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;text-shadow:0 2px 7px #000c;padding:10px;transition:opacity .18s}.play-circle{display:grid;place-items:center;width:78px;height:78px;border:1.4px solid #fffffff0;border-radius:50%;background:#090a0b4d;backdrop-filter:blur(5px)}.play-circle svg{width:33px;height:33px;fill:#fff;stroke-width:0;margin-left:3px}.play-label{font-size:13px;font-weight:450}.story.is-playing .center-play{opacity:0}.story.is-playing .center-play:hover,.story.is-playing .center-play:focus-visible{opacity:1}.story.is-playing .play-circle svg{margin-left:0}.story.is-buffering .play-circle::after{content:"";position:absolute;width:84px;height:84px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.story.no-media .center-play{display:none}
.action-rail{position:absolute;right:12px;bottom:15%;width:var(--rail);height:min(53%,440px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:2}.rail-action{width:100%;min-height:48px;display:flex;align-items:center;flex-direction:column;gap:5px;padding:4px 0;filter:drop-shadow(0 1px 3px #0009);font-size:10px;line-height:1.15;font-weight:500}.rail-action svg{width:29px;height:29px;stroke-width:1.65}.rail-action:hover svg{transform:scale(1.08)}.rail-action[data-action="like"].liked{color:#ff496e}.rail-action.liked svg{fill:currentColor}.rail-action.active{color:#e5f6e9}.rail-action:focus-visible{outline-offset:0;border-radius:10px}
.story-caption{position:absolute;bottom:11.8%;left:var(--pad);right:calc(var(--rail) + 24px);text-shadow:0 2px 12px #0007}.story-meta{font-size:9px;font-weight:650;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 10px;line-height:1.6;color:#efefef;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.story-meta .dot{opacity:.6;font-size:7px}.story-title{display:block;text-align:start;padding:0;width:100%;font-size:clamp(27px,6.7vw,37px);line-height:1.08;font-weight:730;letter-spacing:-1.15px;text-wrap:balance}.story-title.long-title{font-size:clamp(25px,6.1vw,32px)}.title-chevron{font-size:.78em;font-weight:300;white-space:nowrap;margin-inline-start:5px;display:inline-block}.title-hint{margin:10px 0 0;font-size:11px;font-weight:400;color:#dedede}.story.no-image .story-caption{top:19%;bottom:auto;right:calc(var(--rail) + 24px)}.story.no-image .story-title{font-size:clamp(30px,7.5vw,43px)}.text-summary{position:absolute;top:65%;left:var(--pad);right:calc(var(--rail) + 26px);font-size:16px;line-height:1.5;color:#d1d3d7;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.next-cue{position:absolute;bottom:calc(17px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#eeeeeedd;padding:6px 14px;white-space:nowrap}.next-cue svg{width:19px;height:19px}.media-progress{position:absolute;bottom:calc(64px + env(safe-area-inset-bottom));left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:10px;font-size:9px;color:#fffc;opacity:0;pointer-events:none;transition:opacity .15s}.story.has-progress .media-progress{opacity:1;pointer-events:auto}.media-progress input{width:100%;height:14px;accent-color:#fff;cursor:pointer}.media-time{white-space:nowrap;font-variant-numeric:tabular-nums}.audio-wave{display:flex;align-items:center;justify-content:center;gap:3px;position:absolute;top:39%;left:18%;right:28%;height:24px;opacity:0;pointer-events:none}.audio-wave i{width:3px;background:#fff;border-radius:5px;height:6px;animation:wave .85s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}.story.is-audio-playing .audio-wave{opacity:.9}.story.is-audio-playing .center-play{opacity:.45}.story.is-audio-playing .center-play:hover{opacity:1}
.desktop-nav{position:fixed;left:calc(50% + 280px);top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;gap:12px}.desktop-nav button{background:#ffffff10;border:1px solid #ffffff15;font-size:23px;width:45px;height:45px}.desktop-nav span{position:absolute;top:130px;font-size:10px;white-space:nowrap;color:#ffffff50;letter-spacing:.3px}.toast{position:absolute;z-index:20;left:50%;transform:translate(-50%,10px);bottom:90px;border-radius:12px;background:#202226f2;color:white;padding:12px 17px;font-size:13px;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 6px 24px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}.new-stories{position:absolute;z-index:7;top:calc(82px + env(safe-area-inset-top));left:50%;transform:translateX(-50%)}.new-stories button{background:#fff;color:#121314;padding:9px 16px;border-radius:25px;font-size:12px;box-shadow:0 2px 15px #0004}.new-stories span{margin-left:8px}
.sheet{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);margin:0;border:1px solid #ffffff16;border-bottom:0;border-radius:25px 25px 0 0;background:#17191b;color:#f6f6f6;width:min(100%,var(--shell));max-width:100%;max-height:88vh;max-height:88dvh;padding:0;box-shadow:0 -12px 55px #0006;overflow:hidden}.sheet[open]{display:flex;flex-direction:column;animation:sheet-in .22s ease-out}.sheet::backdrop{background:#0008;backdrop-filter:blur(3px)}.sheet-handle{height:4px;width:34px;border-radius:4px;background:#737579;margin:12px auto 4px;flex:none}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 24px 19px;border-bottom:1px solid #ffffff0d;flex:none}.sheet-header h2{font-size:24px;line-height:1.15;letter-spacing:-.6px;margin:0;font-weight:650}.eyebrow{color:#a7abb1;letter-spacing:1.4px;font-size:9px;text-transform:uppercase;margin:0 0 7px}.sheet-body{padding:24px 24px calc(30px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;line-height:1.6;font-size:15px;min-height:130px}.sheet-body p{margin:0 0 17px}.sheet-body h3{line-height:1.25;font-size:24px;margin:0 0 13px;letter-spacing:-.5px}.sheet-body h4{font-size:13px;margin:25px 0 12px;color:#c4c8ce}.detail-meta{font-size:11px;color:#9ea4ac;margin-bottom:22px!important}.detail-body{color:#d9dce0}.out-link{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;border:1px solid #ffffff20;border-radius:12px;padding:14px 16px;font-size:13px;margin-top:17px}.out-link:hover{background:#ffffff08}.detail-note{font-size:11px!important;color:#8c949f;margin-top:24px!important}.timeline{list-style:none;margin:0;padding:0 0 0 5px}.timeline li{position:relative;padding:0 0 25px 25px;border-left:1px solid #ffffff23;font-size:14px;color:#d8dce2}.timeline li::before{content:"";width:7px;height:7px;border-radius:50%;position:absolute;top:8px;left:-4px;background:#e4e7e9;box-shadow:0 0 0 5px #17191b}.timeline li:last-child{padding-bottom:2px;border-left-color:transparent}.intelligence-point{margin:0 0 23px;padding:0 0 0 16px;border-left:2px solid #a6b9ad}.intelligence-point strong{display:block;font-weight:550;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a8b4ad;margin-bottom:7px}.intelligence-point p{font-size:15px;color:#e2e6e9;line-height:1.5;margin:0}.source-item{display:flex;gap:14px;text-decoration:none;border-bottom:1px solid #ffffff10;padding:15px 0;align-items:center}.source-monogram{flex:none;display:grid;place-items:center;width:37px;height:37px;background:#ffffff0a;border:1px solid #ffffff16;border-radius:10px;font-size:16px}.source-copy{flex:1;min-width:0}.source-copy strong{display:block;font-weight:550;font-size:14px}.source-copy small{display:block;color:#9b9fa6;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-item>span:last-child{color:#aaa}.bias-bar{display:flex;gap:3px;height:5px;margin:15px 0 8px}.bias-bar span{background:#8b9aad;border-radius:3px;min-width:1px}.bias-labels{font-size:10px;color:#9c9fa8;display:flex;justify-content:space-between}.empty-message{padding:20px 0;text-align:center;color:#b1b5bc;font-size:14px}.pill-button{display:inline-flex;justify-content:center;align-items:center;border-radius:24px;background:white;color:#111;padding:12px 20px;text-decoration:none;font-size:13px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{border:1px solid #ffffff20;border-radius:24px;padding:10px 16px;font-size:13px}.filter-chip.selected{background:#fff;color:#121315}.language-select{width:100%;padding:13px;border-radius:10px;background:#25272a;color:white;border:1px solid #ffffff20}.menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;color:#a1a5ac;font-size:12px}.menu-bottom a{text-decoration:none}.menu-bottom button{font-size:12px;border-bottom:1px solid #ffffff40;padding:4px 0}.search-sheet{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.search-sheet form{padding:22px 24px 0}.search-field{display:flex;border:1px solid #ffffff30;border-radius:12px;background:#222528;overflow:hidden}.search-field input{width:100%;background:none;border:0;color:white;padding:16px;min-width:0;outline-offset:-4px}.search-field button{width:53px;background:#fff;color:#111;font-size:22px}.search-hint{padding:0 24px;font-size:12px;color:#9ca1a8}.loading-screen,.feed-end{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:30px;text-align:center;scroll-snap-align:start}.loading-screen p,.feed-end p{font-size:14px;color:#9fa4ac;max-width:300px;line-height:1.6}.loading-mark{font-size:42px;font-weight:700;letter-spacing:-2px}.loader{display:block;width:22px;height:22px;border:1.5px solid #ffffff20;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.feed-end{min-height:100%;background:#101214}.feed-end h2{margin:0;font-size:27px;letter-spacing:-.7px}.no-script{position:fixed;inset:30% 0 auto;text-align:center;background:#111;padding:30px;z-index:50}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{height:24px}}@keyframes sheet-in{from{opacity:.6;translate:0 25px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.desktop-nav{display:none}.app-shell{max-width:100%;--shell:100%}.sheet{width:100%;max-width:500px}}@media(min-width:501px) and (max-width:760px){.story-title{font-size:41px}.action-rail{right:20px}.story-caption{left:30px;right:115px}.topbar{padding-left:30px;padding-right:30px}}
@media(max-height:700px){.action-rail{height:56%;bottom:14%;right:8px}.rail-action{gap:3px;min-height:42px;font-size:9px}.rail-action svg{width:25px;height:25px}.story-title,.story-title.long-title{font-size:27px}.story-caption{bottom:13%;right:95px}.story-meta{font-size:8px;margin-bottom:6px}.title-hint{margin-top:7px;font-size:10px}.center-play{top:43%}.play-circle{width:65px;height:65px}.story.no-image .story-title{font-size:30px}.story.no-image .center-play{top:55%}.text-summary{top:69%;font-size:13px;-webkit-line-clamp:3}.topbar{padding-top:12px}.next-cue{bottom:7px}.media-progress{bottom:48px}.sheet{max-height:94dvh}}
.story.no-image .story-title.long-title{font-size:clamp(25px,6.1vw,32px);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Semantic links preserve the existing card geometry and typography. */
.story-heading{margin:0;font:inherit}.story-title{text-decoration:none}.story-pagination{min-height:44px;padding:12px 24px;text-align:center}.story-pagination a{padding:10px;display:inline-block}.trust-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin-top:24px}.trust-links a{color:#a1a5ac}.story-document{font-size:15px;line-height:1.6}
/* Account and growth controls stay inside the existing sheet; the feed geometry is unchanged. */
.account-actions{margin-bottom:24px}.google-login{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.google-login span{font-weight:700;font-size:20px}.growth-actions{display:flex;flex-direction:column;gap:14px;margin-top:24px}.growth-actions a{text-align:center;text-decoration:none}.text-button{display:block;background:transparent;border:0;color:#c8c9cb;padding:16px;margin:8px auto 0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.newsletter-consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:14px;line-height:1.5}.newsletter-consent input{width:18px;height:18px;accent-color:#fff;flex-shrink:0}#newsletter-email{margin-top:8px}.signup-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#preferences-form .filter-options{margin-top:20px}.pill-button:disabled{opacity:.55;cursor:wait}
/* October 17 refinement: identity, tactile actions and a centered audio orbit. */
.wordmark{display:block;width:76px;height:32px;line-height:0;letter-spacing:normal}.wordmark img{display:block;width:76px;height:32px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 6px #0005)}.topbar{padding-top:calc(23px + env(safe-area-inset-top))}.rail-action svg{width:35px;height:35px;stroke-width:1.85}.rail-action{min-height:53px;gap:6px;font-size:10px}.action-rail{height:min(56%,470px)}.story-age{text-transform:none;letter-spacing:.2px;font-weight:450;color:#e3e4e7;white-space:nowrap}
.play-orbit{display:grid;place-items:center;position:relative;width:84px;height:84px;isolation:isolate}.play-circle{width:84px;height:84px;position:relative;z-index:1}.center-play{gap:19px}.play-label{font-size:12px;letter-spacing:.25px}.audio-wave{display:block;inset:-14px;width:112px;height:112px;opacity:0;transition:opacity .3s}.audio-wave i{position:absolute;left:calc(50% - 1px);top:50%;width:2px;height:7px;border-radius:2px;transform:rotate(var(--angle)) translateY(-55px) scaleY(.6);transform-origin:1px 0;background:#fff;animation:orbit-beat 1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.073s);animation-play-state:paused}.play-orbit::after{content:"";position:absolute;inset:-8px;border:1px solid #ffffff21;border-radius:50%;opacity:0;box-shadow:0 0 26px #ffffff12;transition:opacity .3s}.story.is-audio-playing .center-play{opacity:1}.story.is-audio-playing .audio-wave{opacity:.92}.story.is-audio-playing .audio-wave i{animation-play-state:running}.story.is-audio-playing .play-orbit::after{opacity:1}.story.is-audio-playing .play-circle{background:#ffffff12;border-color:#ffffffb3;box-shadow:0 0 32px #0003}.story.is-buffering .play-circle::after{inset:-5px;width:auto;height:auto}.story.is-audio-playing .play-label{color:#fff}.story.no-media .audio-wave{display:none}
@keyframes orbit-beat{from{transform:rotate(var(--angle)) translateY(-55px) scaleY(.45);opacity:.45}to{transform:rotate(var(--angle)) translateY(-55px) scaleY(1.5);opacity:1}}
.reader-audio{border:1px solid #ffffff21;background:#ffffff06;border-radius:18px;margin:0 0 24px;overflow:hidden}.reader-audio-toggle{display:flex;align-items:center;gap:13px;padding:16px;width:100%;text-align:left}.reader-audio-icon{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:#17191b;border-radius:50%;flex:none}.reader-audio-icon svg{width:20px;height:20px;fill:currentColor;stroke:none}.reader-audio-copy{display:flex;flex-direction:column;flex:1}.reader-audio-copy strong{font-size:14px;font-weight:600}.reader-audio-copy small{font-size:11px;color:#a7adb4}.reader-mini-wave{display:flex;align-items:center;justify-content:center;gap:3px;width:29px;height:22px}.reader-mini-wave i{display:block;width:2px;height:5px;background:#dce5de;border-radius:3px;animation:reader-wave .65s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.14s);animation-play-state:paused}.reader-audio-toggle.is-playing .reader-mini-wave i{animation-play-state:running}.reader-audio-progress{display:flex;align-items:center;gap:12px;padding:0 17px 14px;font-size:10px;color:#aeb5bd;direction:ltr}.reader-audio-progress input{min-width:0;width:100%;height:12px;accent-color:white}.reader-audio-progress span{white-space:nowrap;font-variant-numeric:tabular-nums}@keyframes reader-wave{to{height:20px}}
.daily-status{position:absolute;z-index:9;top:calc(3px + env(safe-area-inset-top));left:12px;right:12px;width:calc(100% - 24px);height:17px;padding:6px 0;border-radius:4px}.daily-meter{display:flex;width:100%;height:3px;gap:3px;filter:drop-shadow(0 1px 3px #0007)}.status-segment{display:block;flex:1;min-width:0;height:3px;border-radius:3px;background:#ffffff40;overflow:hidden}.status-segment i{display:block;height:100%;border-radius:3px;background:#fff;transition:width .35s ease}.daily-status.is-complete .status-segment i{background:#d2efdb}.daily-count{font-variant-numeric:tabular-nums;line-height:1.1;margin:5px 0 24px!important}.daily-count strong{font-size:64px;font-weight:600;letter-spacing:-3px}.daily-count span{font-size:28px;color:#929ba5}
@media(max-height:700px){.rail-action svg{width:31px;height:31px}.rail-action{min-height:47px;gap:4px;font-size:9px}.action-rail{height:58%;bottom:14%}.play-orbit{width:70px;height:70px}.play-circle{width:70px;height:70px}.audio-wave{inset:-21px}.center-play{gap:22px}.topbar{padding-top:calc(21px + env(safe-area-inset-top))}}
@media(max-height:580px){.action-rail{height:65%;bottom:12%;top:auto}.rail-action svg{width:28px;height:28px}.rail-action{gap:2px;min-height:42px}.rail-action span{font-size:8px}.story-caption{bottom:15%;right:96px}.center-play{top:40%}.story.no-image .center-play{top:57%}}
@media(prefers-reduced-motion:reduce){.audio-wave i,.reader-mini-wave i{animation:none;opacity:.8}.status-segment i{transition:none}}
.source-bias{margin:0 0 18px}.source-bias-heading{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#a7adb4;text-decoration:none}.source-bias-heading:hover{color:#fff}.source-bias .bias-bar{height:9px;margin:8px 0 7px;gap:2px;border-radius:5px;overflow:hidden;background:#ffffff12}.source-bias .bias-bar span{border-radius:0;min-width:0}.source-bias .bias-left{background:#214986}.source-bias .bias-center{background:#fff}.source-bias .bias-right{background:#802827}.source-bias .bias-labels{font-size:10px;color:#adb3bb;gap:8px}.source-bias .bias-labels strong{font-weight:550;color:#e2e5e9;font-variant-numeric:tabular-nums}
.story-bias{position:absolute;bottom:calc(64px + env(safe-area-inset-bottom));left:var(--pad);right:var(--pad);margin:0;text-shadow:0 1px 4px #0009}.story-bias .bias-bar{height:7px;margin:0 0 6px;box-shadow:0 1px 5px #0005}.story-bias .bias-labels{color:#d3d6dc;font-size:9px;line-height:12px}.story-bias .bias-labels strong{color:#fff}.story.has-source-bias .next-cue{bottom:calc(12px + env(safe-area-inset-bottom))}.story.has-source-bias .media-progress{bottom:calc(101px + env(safe-area-inset-bottom))}.story.has-source-bias:not(.no-image) .story-caption{bottom:max(15%,calc(129px + env(safe-area-inset-bottom)))}.story.has-source-bias .text-summary{bottom:calc(129px + env(safe-area-inset-bottom))}
.action-rail{transform:translateY(-20px)}

/* JQJO yellow guides actions; reading surfaces retain calm, high-contrast neutrals. */
:root{--brand-yellow:#FFD500;--ink:#17191b;--muted-text:#b9c0c9}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:4px}
.wordmark{position:relative}.wordmark::after{content:"";position:absolute;bottom:-6px;left:0;width:22px;height:3px;border-radius:2px;background:var(--brand-yellow)}
.feed-selector{font-size:18px}.feed-selector svg{color:var(--brand-yellow)}
.center-play .play-circle{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--ink);box-shadow:0 3px 18px #0005}.center-play .play-circle svg{fill:currentColor}.story.is-audio-playing .play-circle{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--ink)}.story.is-audio-playing .audio-wave i{background:var(--brand-yellow)}.play-label{font-size:14px;font-weight:550}
.rail-action{font-size:12px;min-height:56px}.rail-action span{font-size:12px;line-height:1.2}.rail-action.active,.rail-action[data-action="like"].liked{color:var(--brand-yellow)}
.story-meta{font-size:11px;letter-spacing:.8px}.story-meta>span:first-child{color:var(--brand-yellow)}.title-hint{font-size:13px;color:#f0f1f3}
.status-segment i,.daily-status.is-complete .status-segment i{background:var(--brand-yellow)}
.pill-button,.filter-chip.selected,.new-stories button{background:var(--brand-yellow);color:var(--ink);font-weight:650}.pill-button{min-height:48px;font-size:16px}.filter-chip{min-height:44px;font-size:15px}.reader-audio-icon{background:var(--brand-yellow);color:var(--ink)}.reader-audio-copy strong{font-size:16px}.reader-audio-copy small{font-size:13px;color:var(--muted-text)}.reader-audio-progress input,.media-progress input,.newsletter-consent input{accent-color:var(--brand-yellow)}.reader-audio-progress input{height:44px}.reader-audio-progress{font-size:12px}
.sheet-body{font-size:17px;line-height:1.65}.detail-body{font-size:18px;line-height:1.75;color:#f0f1f3}.detail-meta{font-size:13px;color:var(--muted-text)}.detail-note{font-size:13px!important;color:var(--muted-text)}.source-copy strong{font-size:17px}.source-copy small{font-size:13px;color:var(--muted-text)}.out-link{font-size:16px;min-height:48px}.trust-links{font-size:14px;gap:6px 16px}.trust-links a{display:inline-flex;align-items:center;min-height:44px;color:#d3d8df}.sheet-body a:focus-visible{border-radius:4px}.eyebrow{font-size:11px;color:#bec4cd}.sheet-handle{background:var(--brand-yellow)}
.source-bias{display:block;width:100%;text-align:start;padding:10px 12px;border:1px solid #ffffff30;border-radius:12px;background:#111315;min-height:48px}.source-bias:hover{border-color:var(--brand-yellow)}.source-bias-heading{display:flex;justify-content:space-between;font-size:12px;color:#d3d8df}.source-bias-heading>span{color:var(--brand-yellow);letter-spacing:0;text-transform:none}.source-bias .bias-labels{font-size:13px;line-height:18px;color:#d3d8df}.source-bias .bias-labels strong{color:#fff}.bias-open-chevron{color:var(--brand-yellow);font-size:17px;line-height:14px;margin-left:3px}
.story-bias{width:calc(100% - 2 * var(--pad));padding:8px 10px;bottom:calc(62px + env(safe-area-inset-bottom));background:#101214eb;text-shadow:none}.story-bias .bias-bar{height:7px;margin:0 0 6px}.story-bias .bias-labels{font-size:12px;line-height:17px}.story.has-source-bias .next-cue{bottom:calc(10px + env(safe-area-inset-bottom));min-height:44px;font-size:12px}.story.has-source-bias .media-progress{bottom:calc(122px + env(safe-area-inset-bottom));font-size:11px}.media-progress input{height:24px}.story.has-source-bias:not(.no-image) .story-caption{bottom:max(18%,calc(162px + env(safe-area-inset-bottom)))}.story.has-source-bias .text-summary{bottom:calc(162px + env(safe-area-inset-bottom))}
.coverage-story-title{font-size:22px!important;line-height:1.35!important}.coverage-intro{color:#c8ced6;font-size:16px}.coverage-group{margin:24px 0;border:1px solid #ffffff25;border-radius:14px;padding:16px}.coverage-group h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:19px;color:#f6f6f6}.coverage-group h4 small{font-size:13px;font-weight:450;color:var(--muted-text);margin-left:auto}.coverage-dot{display:inline-block;width:12px;height:12px;flex:none;border:1px solid #ffffff75;border-radius:50%;background:#8793a3}.coverage-left .coverage-dot{background:#214986}.coverage-center .coverage-dot{background:#fff}.coverage-right .coverage-dot{background:#802827}.coverage-outlet{padding:12px 0;border-top:1px solid #ffffff1c}.coverage-outlet h5{margin:0;font-size:18px;line-height:1.4;font-weight:650}.coverage-outlet ul{list-style:none;padding:0;margin:4px 0 0}.coverage-outlet a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;padding:8px 0;color:#e2e6ec;font-size:15px;line-height:1.5;text-decoration:none}.coverage-outlet a:hover{text-decoration:underline;text-underline-offset:4px}.coverage-outlet a>span:last-child{color:var(--brand-yellow);font-size:20px;flex:none}.coverage-empty,.coverage-no-link{color:var(--muted-text);font-size:15px}.coverage-empty{margin:0!important}.coverage-method{font-size:14px;color:#bec5ce}.coverage-method a{display:inline-block;color:var(--brand-yellow);text-underline-offset:4px;padding:10px 0;min-height:44px}
.action-rail{bottom:max(15%,calc(100px + env(safe-area-inset-bottom)))}
@media(max-height:700px){.action-rail{bottom:max(14%,calc(100px + env(safe-area-inset-bottom)))}.rail-action{min-height:48px}.rail-action span{font-size:11px}.story-meta{font-size:10px}.title-hint{font-size:12px}.story-bias .bias-labels{font-size:12px}}
@media(max-height:580px){.action-rail{bottom:calc(126px + env(safe-area-inset-bottom));height:calc(100% - 220px - env(safe-area-inset-bottom));transform:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.rail-action{flex-shrink:0;min-height:48px}.rail-action span{font-size:11px}.story-bias .bias-labels{font-size:11px}.center-play{top:36%}}

/* Video-only center control; category metadata. */
.center-play{gap:0}.story.is-audio-playing .play-orbit::after{opacity:0}
.story-meta .story-category{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:4px 0;color:var(--brand-yellow);font:inherit;font-weight:650;letter-spacing:inherit;text-transform:uppercase;text-align:start;border-radius:5px;text-decoration:underline;text-decoration-color:#ffd50080;text-underline-offset:4px;text-decoration-thickness:1px}.story-category svg{width:14px;height:14px;stroke-width:2}.story-category:hover{text-decoration-color:var(--brand-yellow)}

/* Reading controls stay inside the existing panels; photograph and feed geometry stay full-screen. */
.reader-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.reader-tools .filter-chip[aria-pressed=true]{border-color:var(--brand-yellow);color:var(--brand-yellow)}
.reader-player-controls{display:flex;align-items:center;gap:6px;padding-right:12px}.reader-player-controls .reader-audio-toggle{flex:1;min-width:0;width:auto}.playback-speed{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:7px 10px;border:1px solid #ffffff55;border-radius:22px;background:#151719d9;color:#fff;font-size:14px;font-weight:650;white-space:nowrap;flex-shrink:0}.playback-speed:hover{border-color:var(--brand-yellow);color:var(--brand-yellow)}.media-progress input{min-width:0;flex:1}.media-progress .media-time{font-size:11px}.reader-player-controls .playback-speed{background:#ffffff0b}.reader-player-controls .reader-mini-wave{width:18px}.reader-player-controls .reader-audio-toggle{padding-right:5px}
.settings-grid{display:grid;gap:20px}.settings-grid label{display:grid;gap:8px;font-size:17px}.settings-preview{margin-top:24px!important}.reader-tools button,.filter-chip{min-height:44px;font-size:15px}.filter-chip{text-decoration:none}.menu-bottom{flex-wrap:wrap;gap:12px 18px}.menu-bottom a,.menu-bottom button{min-height:44px;font-size:14px;display:inline-flex;align-items:center}
html[data-text-size=large] .detail-body{font-size:21px}html[data-text-size=larger] .detail-body{font-size:24px}.detail-body{overflow-wrap:anywhere}.sheet-body h3{overflow-wrap:anywhere}.editorial-byline a{text-underline-offset:3px}
.story-pagination{scroll-snap-align:start;scroll-margin-top:100px;background:#101214;color:#eee;position:relative;z-index:1;padding:90px 24px 40px;min-height:50%}.story-pagination a{min-height:44px}.feed-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.feed-topics a{font-size:15px}
.rail-action span{font-size:12px;line-height:1.2}.story-meta{font-size:12px}.title-hint{font-size:14px}.sheet-body .detail-meta,.sheet-body .detail-note{font-size:14px!important}.reader-audio-copy small{font-size:13px}.reader-audio-copy strong{font-size:17px}
@media(max-height:700px){.story-meta{font-size:12px}.rail-action span{font-size:12px}.title-hint{font-size:13px}}
@media(max-width:360px),(max-height:580px){.story-caption{max-height:calc(100% - 240px);overflow-y:auto;overscroll-behavior:contain}.story-title,.story-title.long-title{font-size:25px}.rail-action span{font-size:12px}.story-meta{letter-spacing:.4px;gap:5px}.sheet-header{padding:14px 18px}.sheet-body{padding:20px 18px}.action-rail{overflow-y:auto;overscroll-behavior:contain}.rail-action{flex-shrink:0;min-height:58px}.story-bias .bias-labels{font-size:12px}}

/* A visible ten-second camera reveal; finish at the original full-bleed crop. */
@keyframes story-photo-reveal{from{transform:scale(1.12) translate(-2%,1%)}to{transform:none}}
.story.is-photo-motion:not(.has-gallery) .story-image,.story.is-photo-motion.has-gallery .story-image:is(.is-current,.is-loop-current){animation:story-photo-reveal 10s cubic-bezier(.25,.4,.35,1) backwards;transform-origin:center}
#feed[data-motion-paused="true"] .story.is-photo-motion .story-image{animation-play-state:paused}
/* Pull-down feedback is visible only during the gesture on the first story. */
.pull-refresh{position:absolute;z-index:12;top:calc(82px + env(safe-area-inset-top));left:50%;transform:translate(-50%,0);display:flex;align-items:center;gap:9px;max-width:90%;padding:11px 17px;border-radius:24px;background:var(--brand-yellow);color:#171600;font-size:15px;font-weight:600;box-shadow:0 4px 20px #0005;pointer-events:none;white-space:nowrap}.pull-refresh-arrow{font-size:22px;line-height:1;transition:transform .15s}.pull-refresh.is-ready .pull-refresh-arrow{transform:rotate(180deg)}.pull-refresh.is-refreshing .pull-refresh-arrow{font-size:0;width:18px;height:18px;border:2px solid #17160040;border-top-color:#171600;border-radius:50%;animation:spin .8s linear infinite}
@media(prefers-reduced-motion:reduce){.pull-refresh-arrow{transition:none}.pull-refresh.is-refreshing .pull-refresh-arrow{animation:none}}
.story.has-progress:not(.no-image) .story-caption{bottom:max(11.8%,calc(126px + env(safe-area-inset-bottom)))}.story.has-progress.has-source-bias:not(.no-image) .story-caption{bottom:max(18%,calc(180px + env(safe-area-inset-bottom)))}

/* Social actions and a lower, compact headline. Keep the full story one tap away. */
.story{--caption-bottom:calc(84px + env(safe-area-inset-bottom));--progress-bottom:calc(64px + env(safe-area-inset-bottom))}
.story.has-progress{--caption-bottom:calc(126px + env(safe-area-inset-bottom))}
#feed[data-hide-next-cue="true"] .next-cue{display:none}
#feed[data-hide-next-cue="true"] .story{--caption-bottom:calc(28px + env(safe-area-inset-bottom));--progress-bottom:calc(22px + env(safe-area-inset-bottom))}
#feed[data-hide-next-cue="true"] .story.has-progress{--caption-bottom:calc(84px + env(safe-area-inset-bottom))}
.story:not(.no-image) .story-caption,.story.has-source-bias:not(.no-image) .story-caption,.story.has-progress:not(.no-image) .story-caption,.story.has-progress.has-source-bias:not(.no-image) .story-caption{bottom:var(--caption-bottom);right:calc(var(--rail) + 24px);max-height:calc(100% - 180px);overflow-y:auto}
.story-caption .story-meta{margin-bottom:2px;gap:6px}
.story-caption .story-title{font-size:clamp(27px,6.5vw,34px);line-height:1.14;letter-spacing:-.7px;text-wrap:pretty}
.story-caption .story-title.long-title{font-size:clamp(25px,6vw,30px)}
.story:not(.no-image) .story-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.story-caption .title-hint{margin-top:7px;font-size:13px}
.story-caption .story-bias{position:relative;inset:auto;width:min(100%,240px);min-height:44px;margin:0 0 8px;padding:5px 8px;border-radius:8px;background:#101214b8;display:flex;flex-direction:column;justify-content:center;gap:4px}
.story-caption .story-bias .bias-bar{width:100%;height:4px;margin:0;flex:none}
.story-caption .story-bias .bias-labels{font-size:12px;line-height:16px;gap:5px;white-space:nowrap}
.story-caption .bias-open-chevron{font-size:14px;margin-left:1px}
.story .media-progress,.story.has-source-bias .media-progress{bottom:var(--progress-bottom);right:calc(var(--rail) + 24px)}
.story.no-image .story-caption{top:20%;bottom:auto;max-height:42%;overflow-y:auto}
.story.no-image .text-summary,.story.has-source-bias .text-summary{top:auto;bottom:var(--caption-bottom);max-height:22%;-webkit-line-clamp:5}
.story .action-rail{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));height:auto;max-height:calc(100% - 124px - env(safe-area-inset-top) - env(safe-area-inset-bottom));transform:none;gap:12px;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.story .action-rail::-webkit-scrollbar{display:none}
.story .rail-action{flex-shrink:0;min-height:60px;gap:4px}
.story .rail-action[data-action="more"]{min-height:44px;justify-content:center}
.story .rail-action[data-action="more"] svg{width:32px;height:32px}
.reader-timeline{margin:26px 0;padding-top:20px;border-top:1px solid #ffffff25}
.reader-timeline h4{margin:0 0 18px;font-size:20px;color:inherit}
.reader-timeline .timeline li{font-size:16px;line-height:1.6}
.reader-timeline .detail-note{margin-top:0!important}
.sheet-body.is-comments{display:flex;flex-direction:column;height:min(68dvh,610px);min-height:240px;padding-top:14px;overflow-y:auto}
.comments-story-title{flex:none;font-size:14px;color:var(--muted-text);line-height:1.4;margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.comments-list{flex:1;min-height:90px;overflow-y:auto;overscroll-behavior:contain}
.comment-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff16}
.comment-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffd50020;color:var(--brand-yellow);font-size:16px;font-weight:650}
.comment-copy{min-width:0;flex:1;overflow-wrap:anywhere}.comment-copy h4{margin:0 0 4px;font-size:15px;color:inherit}.comment-copy p{font-size:16px;line-height:1.5;white-space:pre-wrap;margin:0 0 5px}.comment-copy small{font-size:12px;color:var(--muted-text)}
.comment-form{flex:none;padding-top:14px;border-top:1px solid #ffffff25}.comment-form label{display:block;font-size:15px;font-weight:600;margin-bottom:6px}
.comment-form textarea{display:block;width:100%;min-height:72px;max-height:150px;resize:vertical;padding:12px;border:1px solid #ffffff40;border-radius:12px;background:#222528;color:inherit;font:inherit;font-size:16px;line-height:1.45}
.comment-form textarea:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:2px}
.comment-submit-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px}.comment-submit-row small{font-size:12px;line-height:1.4;color:var(--muted-text)}
#comment-status{font-size:14px;margin:8px 0 0;line-height:1.4}.comments-login-note{margin:14px 0 10px!important;font-size:15px}.is-comments .google-login{flex:none}
@media(max-height:700px){.story .rail-action{min-height:56px}.story .rail-action svg{width:31px;height:31px}.story-caption .story-title,.story-caption .story-title.long-title{font-size:26px}.story-caption .story-bias{margin-bottom:6px}}
@media(max-width:360px){.story-caption .story-title,.story-caption .story-title.long-title{font-size:25px}.story-caption .story-bias{padding-inline:5px}.story-caption .story-bias .bias-labels{font-size:11px;gap:3px}}

/* Count distinct outlets across all perspectives, including unclassified sources. */
.coverage-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0!important;padding:14px 16px;border:1px solid #ffffff25;border-radius:12px;font-size:17px;font-weight:550}.coverage-total strong{font-size:30px;line-height:1.1;color:var(--brand-yellow);font-variant-numeric:tabular-nums}

/* Source-linked context: three short answers, with the established yellow accent. */
.rail-action[data-action="intelligence"] svg{color:#ffd500}
.context-intro{font-size:17px;line-height:1.5;color:inherit;opacity:.8;margin:2px 0 24px}
.context-point{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:22px 0;border-bottom:1px solid rgba(128,128,128,.3)}
.context-point:first-child{padding-top:0}.context-point:last-child{border-bottom:0}
.context-number{color:#ffd500;font-size:14px;font-weight:750;padding-top:5px}
#sheet-body .context-point h3{font-size:21px;line-height:1.3;margin:0 0 10px}
.context-point p{font-size:19px;line-height:1.65;margin:0 0 12px}
.context-source{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:16px;color:inherit}
html[data-text-size="large"] .context-point p{font-size:21px}html[data-text-size="larger"] .context-point p{font-size:23px}

/* Horizontal photos live inside each vertical story. No timed slide advancement. */
.story-gallery{position:absolute;inset:0;z-index:-3;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;direction:ltr;touch-action:pan-x pan-y pinch-zoom;outline-offset:-4px}
.story-gallery::-webkit-scrollbar{display:none}.gallery-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
.story-gallery .story-image{z-index:auto;user-select:none;-webkit-user-drag:none}
.story-gallery:focus-visible{outline:3px solid var(--brand-yellow)}
.story-video{pointer-events:none}
.gallery-controls{position:absolute;z-index:1;top:calc(90px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);display:flex;align-items:center;padding:0 3px;gap:1px;border:1px solid #ffffff25;border-radius:28px;background:rgba(16,18,20,.5);color:#fff;box-shadow:0 2px 12px #0002}
.gallery-arrow{display:grid;place-items:center;flex:none;width:48px;height:48px;font-size:32px;line-height:1;border-radius:24px;padding:0 0 4px}
.gallery-arrow:hover:not(:disabled){background:#ffffff18}.gallery-arrow:disabled{opacity:.3}
.gallery-dots{display:flex;align-items:center}.gallery-dot{display:grid;place-items:center;min-width:24px;height:44px;padding:0;border-radius:12px}
.gallery-dot span{width:6px;height:6px;border-radius:50%;background:#ffffff80}.gallery-dot[aria-current=true] span{width:10px;height:10px;background:var(--brand-yellow)}
.gallery-count{min-width:35px;text-align:center;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px}
.gallery-controls button:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:-3px}
.story.is-video-playing .gallery-controls{display:none}.story.is-video-playing .story-gallery{pointer-events:none}
@media(max-height:580px){.gallery-controls{top:calc(78px + env(safe-area-inset-top))}}

.story-caption .source-link{width:auto;font-size:13px;line-height:1.5;text-align:left;color:#fff;min-height:44px;padding:6px 10px;background:#0005;border-radius:8px}

/* Shared accessible palettes for articles, comments, sources and preferences. */
.sheet{background:var(--ui-reader);color:var(--ui-ink);border-color:var(--ui-line);color-scheme:var(--ui-scheme);--muted-text:var(--ui-muted)}
.sheet-header{border-color:var(--ui-line)}
.sheet-body :is(h4,.detail-body,.timeline li,.intelligence-point p,.coverage-group h4,.coverage-outlet a,.out-link,.trust-links a,.source-copy strong,.text-button){color:var(--ui-ink)}
.sheet :is(.detail-meta,.detail-note,.eyebrow,.reader-audio-copy small,.reader-audio-progress,.source-copy small,.source-item>span:last-child,.menu-bottom,.coverage-intro,.coverage-method,.coverage-group h4 small,.coverage-empty,.coverage-no-link,.empty-message,.search-hint,.daily-count span,.settings-help){color:var(--ui-muted)}
.sheet :is(.filter-chip,.out-link,.source-item,.coverage-group,.coverage-outlet,.reader-audio,.coverage-total,.reader-timeline,.comment-item,.comment-form){border-color:var(--ui-line)}
.sheet .filter-chip{color:var(--ui-ink)}
.sheet .filter-chip.selected{background:var(--ui-selected);color:var(--ui-ink);border-color:var(--ui-accent-ink)}
.sheet :is(.language-select,.playback-speed,.search-field,.comment-form textarea){background:var(--ui-input);color:var(--ui-ink);border-color:var(--ui-control-line)}
.sheet .search-field input{color:var(--ui-ink)}
.sheet ::placeholder,.desktop-search ::placeholder{color:var(--ui-muted);opacity:1}
.sheet .reader-audio,.sheet .source-monogram{background:var(--ui-soft);border-color:var(--ui-line)}
.sheet .reader-audio-icon{background:var(--brand-yellow);color:var(--ink)}
.sheet .reader-mini-wave i{background:var(--ui-accent-ink)}
.sheet .reader-tools .filter-chip[aria-pressed=true]{color:var(--ui-accent-ink);border-color:var(--ui-accent-ink)}
.sheet :is(.coverage-method a,.coverage-outlet a>span:last-child,.coverage-total strong,.intelligence-point strong),:is(.sheet,.desktop-context) .context-number{color:var(--ui-accent-ink)}
.sheet .timeline li{border-color:var(--ui-line)}
.sheet .timeline li::before{background:var(--ui-accent-ink);box-shadow:0 0 0 5px var(--ui-reader)}
.sheet .coverage-dot,.desktop-context .coverage-dot{border-color:var(--ui-control-line)}
.sheet :focus-visible{outline-color:var(--ui-focus)}
.sheet .icon-button:hover,.sheet .out-link:hover{background:var(--ui-hover)}
.sheet .comment-avatar{background:var(--ui-selected);color:var(--ui-accent-ink)}
.sheet .menu-bottom button{border-color:var(--ui-control-line)}
.sheet .search-field button{background:var(--brand-yellow);color:var(--ink)}
.sheet :is(.reader-audio-progress input,.newsletter-consent input){accent-color:var(--ui-accent-ink)}
.settings-help{font-size:14px;font-weight:400;line-height:1.6}
/* A black surround in Night; images and videos retain their original colours. */
html[data-theme=night]{background:#000}
html[data-theme=night] #ambient{display:none}
html[data-theme=night] .app-shell,html[data-theme=night] .feed-end{background:#000}

.rail-action[data-action="save"].is-saved{color:var(--brand-yellow)}
.rail-action[data-action="save"].is-saved svg{fill:currentColor}

/* Keep narrated text readable in every palette, without changing text size or focus. */
.read-along-text [data-read-word]{border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.read-along-text .is-spoken{background:#ffd500;color:#17191b;box-shadow:0 0 0 2px #ffd500}
.read-along-note{font-size:13px;line-height:1.5;color:var(--ui-muted);margin:14px 0 20px!important}

/* Games are optional and load only after opening the panel. */
.header-tools{justify-self:end;display:flex;align-items:center;gap:2px}.games-open{display:grid;justify-items:center;align-content:center;gap:1px;min-width:44px;min-height:48px;border-radius:10px}.games-open svg{width:23px;height:23px}.games-open span{font-size:11px;line-height:1.2;font-weight:600}.games-open:hover{background:#ffffff14}
@media(max-width:400px){.topbar{grid-template-columns:minmax(60px,1fr) minmax(0,auto) minmax(90px,1fr);padding-left:16px;padding-right:16px}.topbar .feed-selector{max-width:112px}.topbar .feed-selector span{max-width:80px}}
@media(min-width:1100px){.topbar>.header-tools{display:none}}

/* Keep playback controls reachable without shortening the seek track on mobile. */
.media-progress{display:grid;grid-template-columns:44px minmax(0,1fr) 56px;grid-template-rows:24px 16px;gap:4px 8px;visibility:hidden}
.story.has-progress .media-progress{visibility:visible}
.media-progress input{grid-column:2;grid-row:1;margin:0;width:100%}
.media-progress .media-time{grid-column:2;grid-row:2;text-align:center;line-height:16px}
.media-progress .playback-speed{grid-column:3;grid-row:1 / 3}
.playback-toggle{grid-column:1;grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:var(--brand-yellow);color:#171717;box-shadow:0 2px 10px #0004}
.playback-toggle svg{width:24px;height:24px;fill:currentColor;stroke:none}
.playback-toggle:hover{background:#ffe889}
.playback-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}