@font-face{font-family:Outfit;src:url('/public/assets/Outfit-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Outfit;src:url('/public/assets/Outfit-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#f5f4ef;--paper:#fff;--ink:#172b2a;--muted:#647472;--line:#dde3de;--accent:#0a665b;--accent-text:#0a665b;--on-accent:#fff;--soft:#e2efe8;--gold:#ecc25f;--shadow:0 16px 60px #183a2710;color-scheme:light}
:root[data-theme=dark]{--bg:#101c1b;--paper:#182725;--ink:#e9f1eb;--muted:#a2b6ac;--line:#304440;--accent:#8fdbbc;--accent-text:#8fdbbc;--on-accent:#182725;--soft:#243e35;--gold:#d1ae58;--shadow:0 16px 60px #0002;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(40px,5vw,70px);font-weight:600}h2{font-size:30px;font-weight:600}h3{font-size:23px;font-weight:600}button{border:0;border-radius:10px;padding:11px 18px;background:var(--soft);color:var(--accent-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:var(--on-accent);padding:12px 23px;border-radius:10px;font-weight:600}.button.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.button.small{padding:9px 14px;font-size:13px}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}.brand{font-family:Outfit,system-ui,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap}.brand span{color:var(--accent-text)}.brand small{font-size:9px;vertical-align:super;letter-spacing:.5px;margin-left:5px;color:var(--muted)}.wrap{max-width:1230px;margin:auto;padding:0 36px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{padding:9px 12px;background:transparent;font-size:20px}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;padding:90px 0 72px}.landing-hero h1{max-width:620px;margin:22px 0}.landing-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent-text)}.landing-hero .lead{font-size:19px;color:var(--muted);max-width:480px}.signin{display:flex;flex-direction:column;gap:8px;margin:28px 0 12px;max-width:480px}.signin input{flex:1;min-width:0}.fine{font-size:12px;color:var(--muted)}input,textarea,select{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:11px 12px;width:100%;color:var(--ink)}.preview-paper{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow);transform:rotate(2deg)}.preview-paper .preview-date{font-size:11px;display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.preview-paper h2{margin:20px 0 8px;font-size:32px}.mini-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.preview-art{background:var(--soft);height:145px;border-radius:12px;margin:19px 0;overflow:hidden;display:flex;align-items:center;justify-content:center;font:100px Georgia;color:var(--accent-text);position:relative}.preview-art:after{content:'✦';color:var(--gold);position:absolute;font-size:70px;left:65%;top:24px}.preview-paper h3{font-family:Georgia,serif;font-size:25px}.preview-bottom{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.preview-bottom>div{flex:1}.preview-pill{font-size:10px;color:var(--accent-text);background:var(--soft);padding:4px 8px;border-radius:20px;display:inline-block;margin-bottom:9px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:40px 0 65px;border-top:1px solid var(--line)}.landing-features h3{font-size:20px;margin-top:12px}.landing-features p{color:var(--muted);font-size:14px}.feature-symbol{font-size:26px;color:var(--accent-text)}footer{border-top:1px solid var(--line);padding:24px 0;font-size:12px;display:flex;justify-content:space-between;gap:15px;color:var(--muted)}.app-layout{display:grid;grid-template-columns:224px 1fr;gap:40px;margin-top:30px}.sidebar{padding-right:22px;border-right:1px solid var(--line);position:sticky;top:20px;align-self:start;max-height:calc(100vh - 50px);overflow:auto;padding-bottom:30px}.nav-item{width:100%;background:transparent;color:var(--muted);display:flex;align-items:center;text-align:left;gap:12px;padding:12px;border-radius:9px;margin:3px 0;font-size:14px}.nav-item.active{background:var(--soft);color:var(--accent-text);font-weight:600}.sidebar-label{margin:26px 12px 10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted)}.source-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0}.sidebar-note{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:25px;font-size:12px;color:var(--muted)}.sidebar-note strong{display:block;color:var(--ink);margin-bottom:5px}.avatar{width:37px;height:37px;background:var(--accent);color:var(--on-accent);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:12px}.user-button{padding:0;background:transparent}.greeting{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-top:12px}.greeting h1{font-size:36px;margin:7px 0 11px}.greeting p{font-size:14px;color:var(--muted);margin-bottom:26px}.live-label{font-size:11px;display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.live-label:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}.feed-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:15px;gap:10px}.feed-header h2{font-size:18px;letter-spacing:-.01em;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 23px}.chip{padding:6px 11px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px}.chip.active{background:var(--soft);color:var(--accent-text);border-color:var(--soft)}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.news-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .15s;position:relative}.news-card:hover{transform:translateY(-3px)}.news-card .card-visual{height:165px;background:var(--soft);display:flex;align-items:center;justify-content:center;font:65px Georgia;color:var(--accent-text)}.card-visual img{width:100%;height:100%;object-fit:cover}.card-body{padding:21px}.card-body h3{font-family:Georgia,serif;font-size:23px;line-height:1.22;margin:10px 0 12px}.card-body p{font-size:13px;color:var(--muted);line-height:1.6}.card-footer{border-top:1px solid var(--line);padding-top:13px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.card-footer button{padding:2px 7px;background:transparent;font-size:18px}.empty{background:var(--paper);border:1px dashed var(--line);border-radius:16px;text-align:center;padding:55px 25px;grid-column:1/-1}.empty .symbol{font:60px Georgia;color:var(--accent-text);margin-bottom:15px}.empty p{max-width:420px;margin:15px auto 23px;color:var(--muted)}.empty h2{font-size:25px}.notice{background:var(--soft);padding:13px 17px;border-radius:10px;font-size:13px;margin-bottom:20px;color:var(--accent-text)}.load-status{padding:28px;text-align:center;color:var(--muted);font-size:12px}.loader{display:inline-block;width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--accent-text);border-radius:50%;animation:spin 1s linear infinite;margin-right:7px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.boot{text-align:center;padding-top:30vh}.boot p{font-size:13px;color:var(--muted)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;max-width:650px;width:calc(100% - 32px);max-height:90vh;padding:30px;box-shadow:var(--shadow)}dialog::backdrop{background:#0b201970;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:15px}.dialog-heading h2{margin-bottom:12px}.dialog-close{align-self:start;padding:3px 9px;background:transparent;font-size:22px}.onboarding{max-width:770px;margin:55px auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:38px}.onboarding h1{font-size:37px;margin:10px 0 15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.form-section h3{font-size:17px;margin-bottom:7px}.field{display:block;margin-bottom:17px;font-size:13px;font-weight:500}.field>span{display:block;margin-bottom:6px}.field small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.category-choice{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.category-choice label{display:flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid var(--line);border-radius:20px;font-size:13px;cursor:pointer}.category-choice label:has(input:checked){background:var(--soft);border-color:var(--accent-text);color:var(--accent-text)}.category-choice input{width:14px;height:14px;margin:0;accent-color:var(--accent-text)}.location-row,.source-row{display:grid;grid-template-columns:110px 1fr 1fr 35px;gap:8px;margin-bottom:10px}.source-row{grid-template-columns:1fr 1fr 35px}.remove-row{padding:4px;background:transparent;font-size:22px}.form-end{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:15px}.form-error{color:#be5144;font-size:13px}.article-reader{max-width:760px;margin:50px auto}.article-reader h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,54px);margin:22px 0}.article-reader .excerpt{font-size:20px;color:var(--muted)}.article-reader .article-content{font-family:Georgia,serif;font-size:19px;line-height:1.85}.article-reader .article-content p{margin:23px 0}.article-image{width:100%;max-height:430px;object-fit:cover;border-radius:14px;margin:20px 0}.source-box{border-top:1px solid var(--line);padding-top:22px;font-size:13px;margin-top:32px}.source-box a{text-decoration:underline;color:var(--accent-text);overflow-wrap:anywhere}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.source-tile{text-align:left;background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:13px;color:var(--ink)}.source-tile strong{display:block;font-size:17px;margin-bottom:6px}.source-tile small{color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--ink);color:var(--paper);border-radius:10px;max-width:calc(100vw - 32px);z-index:10;font-size:13px}.voice-orb{width:84px;height:84px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;margin:30px auto;font-size:35px;color:var(--accent-text)}.voice-center{text-align:center}.voice-transcript{text-align:left;max-height:170px;overflow:auto;padding:12px;background:var(--bg);border-radius:10px;font-size:13px}.voice-center audio{width:100%;margin:15px 0}.form-step{font-size:12px;color:var(--muted)}
@media(max-width:950px){.landing-hero{gap:40px;padding-top:55px}.app-layout{grid-template-columns:180px 1fr;gap:25px}.wrap{padding:0 24px}.news-grid{gap:15px}.greeting h1{font-size:29px}.greeting{flex-wrap:wrap}.sidebar{padding-right:12px}}
@media(max-width:680px){.wrap{padding:0 18px}.topbar{height:75px}.brand{font-size:25px}.top-actions{gap:3px}.top-actions .user-name{display:none}.landing-hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.landing-hero h1{font-size:47px}.landing-hero .lead{font-size:17px}.preview-paper{transform:none}.landing-features{grid-template-columns:1fr;gap:14px;padding:25px 0}.landing-features>div{padding:10px 0}.signin{flex-direction:column}.app-layout{display:block;margin-top:18px}.news-grid{grid-template-columns:1fr}.greeting h1{font-size:30px}.greeting p{margin-bottom:13px}.greeting .top-actions{margin-bottom:19px}.news-card .card-visual{height:180px}.onboarding{margin:25px 0;padding:24px}.onboarding h1{font-size:30px}.form-row{grid-template-columns:1fr;gap:0}.location-row{grid-template-columns:90px 1fr 30px}.location-row .country-input{grid-column:2;grid-row:2}.location-row .remove-row{grid-column:3;grid-row:1}.source-row{grid-template-columns:1fr 30px}.source-row .domain-input{grid-column:1;grid-row:2}.source-row .remove-row{grid-column:2;grid-row:1}.source-grid{grid-template-columns:1fr}dialog{padding:23px}.form-end{flex-wrap:wrap}footer{flex-wrap:wrap}.article-reader{margin:30px 0}.feed-header{flex-wrap:wrap}.icon-button{font-size:18px;padding:8px}.user-button{margin-left:6px}}
.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}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:13px;margin:20px 0 5px}.checkbox-field input{width:16px;height:16px;accent-color:var(--accent-text)}.avatar-0{background:#0a665b;color:#fff}.avatar-1{background:#476687;color:#fff}.avatar-2{background:#946d47;color:#fff}.avatar-3{background:#875f86;color:#fff}.avatar-4{background:#71773c;color:#fff}.avatar-5{background:#a35b53;color:#fff}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.language-switch{width:61px;padding:8px;font-size:12px;font-weight:600}.preferences-icon{display:none}
@media(max-width:680px){.brand small{display:none}.language-switch{width:54px;padding:8px 4px}.topbar [data-action=preferences]{padding:8px 10px}.topbar .preferences-label{display:none}.topbar .preferences-icon{display:inline}.topbar .button{padding:9px 12px}}

.signin-confirmation{max-width:480px;padding:22px 28px 32px}.signin-confirmation::backdrop{background:#0b201980;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.signin-confirmation-content{text-align:center}.email-sent-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 22px;background:var(--soft);color:var(--accent-text);border-radius:50%}.email-sent-icon svg{width:34px;height:34px}.signin-confirmation h2{font-size:30px;margin:0 0 14px}.signin-confirmation p{margin-bottom:16px}.sent-email{font-weight:600;color:var(--accent-text);overflow-wrap:anywhere}.signin-confirmation .button{width:100%;margin-top:8px}.signin-confirmation .fine{line-height:1.6}

.category-label{display:inline-flex;align-items:center;gap:6px}.category-emoji{flex-shrink:0;font-size:1.05em;line-height:1.2}
/* Personal news portal: fixed header, collapsible navigation and responsive masonry. */
:root{--header-bg:rgba(245,244,239,.58);--header-height:84px}
:root[data-theme=dark]{--header-bg:rgba(16,28,27,.58)}
.wrap{max-width:1300px}.app-wrap{padding:0 24px}.brand-group{display:flex;align-items:center;gap:12px;min-width:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px}.sidebar-toggle svg{width:23px;height:23px}
.app-page .topbar{position:sticky;top:0;z-index:80;height:var(--header-height);background:transparent;box-shadow:0 1px 0 var(--line);border-bottom:0}
.app-page .topbar:before{content:'';position:absolute;inset:0 -24px;background:var(--header-bg);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);pointer-events:none;z-index:-1}
.app-layout,.app-layout.sidebar-collapsed{display:block;margin-top:30px}.news-main{min-width:0;container-name:news-feed;container-type:inline-size}
html{scrollbar-gutter:stable}body.sidebar-open{overflow:hidden}
.sidebar{display:block;position:fixed;top:var(--header-height);bottom:0;left:0;width:min(320px,calc(100vw - 48px));height:calc(100dvh - var(--header-height));max-height:calc(100dvh - var(--header-height));margin:0;padding:20px 16px 28px;background:var(--paper);border:0;border-right:1px solid var(--line);border-radius:0 16px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;white-space:normal;z-index:90;box-shadow:var(--shadow);transform:translateX(0);visibility:visible;transition:transform .24s ease,visibility 0s}
.sidebar-collapsed .sidebar{transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility 0s .24s}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:0 8px}.sidebar-heading strong{font-family:Outfit,system-ui,sans-serif;font-size:23px;color:var(--accent-text)}.sidebar-heading .icon-button{font-size:26px;line-height:1;padding:8px}
.sidebar .nav-item{display:flex;width:100%;min-height:44px;padding:11px 12px;font-size:14px;gap:10px;white-space:normal;flex-shrink:0}.sidebar .category-nav,.sidebar .source-nav,.sidebar .sidebar-label,.sidebar .sidebar-note{display:block}.sidebar-note{font-size:11px;margin-top:20px;padding:12px}.sidebar-label{margin:22px 12px 8px}
.sidebar-scrim{display:none}.sidebar-scrim:not([hidden]){display:block;position:fixed;inset:var(--header-height) 0 0;background:#102b2540;border-radius:0;z-index:85;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-collapsed .sidebar{transition:none}}
.news-grid{--masonry-gap:22px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:4px;grid-auto-flow:row dense;gap:0 var(--masonry-gap);align-items:start;visibility:hidden;overflow-anchor:none}.news-grid.is-laid-out{visibility:visible}
.news-card{display:block;align-self:start;margin-bottom:var(--masonry-gap);border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 5px 18px #183a2707;overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.news-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #183a2716}
.card-media{display:block;background:var(--soft);overflow:hidden}.card-media img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.card-body{padding:20px}.card-date{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:10px;font-variant-numeric:tabular-nums}.card-categories{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;font-size:10px;color:var(--accent-text);margin-bottom:11px}.card-categories:empty{display:none}.positive-label{font-size:10px;color:var(--accent-text)}.card-body h3{font-family:Outfit,system-ui,sans-serif;font-size:23px;line-height:1.28;letter-spacing:-.03em;margin:0 0 14px;font-weight:600;overflow-wrap:anywhere}.card-compact .card-body h3{margin-bottom:17px}.card-text.card-compact h3{font-size:25px}.card-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.65;margin:0 0 18px;color:var(--muted)}.card-text .card-excerpt{-webkit-line-clamp:5}.card-featured .card-excerpt{-webkit-line-clamp:4}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;font-size:11px;border-top:1px solid var(--line)}.card-source{min-width:0;line-height:1.5}.card-source>span{display:block;font-weight:600;color:var(--ink)}.card-source small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.card-footer button{flex-shrink:0;min-width:32px;min-height:32px}.article-image{height:auto;object-fit:contain}
@container news-feed (min-width:540px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container news-feed (min-width:820px){.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-featured{grid-column:span 2}.card-featured .card-body h3{font-size:29px}.card-featured .card-media img{max-height:380px}}
@container news-feed (min-width:1120px){.news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:959px){.greeting h1{font-size:32px}}
@media(max-width:680px){:root{--header-height:72px}.app-wrap{padding:0 16px}.app-page .topbar:before{inset:0 -16px}.brand-group{gap:4px}.app-page .brand{font-size:24px}.app-page .sidebar-toggle{padding:7px}.app-page .sidebar-toggle svg{width:21px;height:21px}.app-page .topbar{gap:8px}.app-page .top-actions{gap:3px}.app-layout{margin-top:22px}.news-grid{--masonry-gap:18px}.card-body{padding:20px}.greeting h1{font-size:30px}.greeting p{margin-bottom:14px}.greeting .top-actions{gap:7px}.card-body h3{font-size:24px}.feed-header{margin-bottom:19px}.card-date{font-size:12px}}


.refresh-status{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.5}.refresh-status .loader{flex:none}.refresh-status.form-error{color:#be5144}
.first-edition .first-edition-loader{display:block;width:38px;height:38px;border-width:3px;margin:0 auto 24px}.first-edition p{max-width:480px;margin-bottom:0}
.account-control{position:relative}.account-menu{position:absolute;top:calc(100% + 12px);right:0;width:min(290px,calc(100vw - 32px));padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:100;text-align:left}.account-menu[hidden]{display:none}.account-menu>strong{display:block;font-size:15px;margin:0 10px 12px;overflow-wrap:anywhere}.account-menu-item{display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:12px 10px;background:transparent;color:var(--ink);font-size:13px}.account-menu-item:hover{background:var(--soft)}.account-language{display:flex;flex-direction:column;gap:8px;margin:10px;padding:10px 0;font-size:12px;color:var(--muted)}.account-language select{width:100%;color:var(--ink)}.account-logout{border-top:1px solid var(--line);border-radius:0;margin-top:8px;color:var(--muted)}
.feed-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.feed-order{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.feed-order select{width:auto;max-width:100%;font-size:13px;color:var(--ink)}.feed-group{grid-column:1 / -1;margin-bottom:22px;padding:16px 0 10px;border-bottom:1px solid var(--line)}.feed-group h3{margin:0;font-size:22px;font-weight:500;color:var(--accent-text);display:flex;align-items:center;gap:8px}.feed-subgroup{padding-top:8px;border-bottom:0}.feed-subgroup h3{font-size:16px}.news-grid{grid-auto-flow:row}
@media(max-width:680px){.feed-controls{align-items:stretch;gap:8px}.feed-order{flex-direction:column;align-items:stretch;width:100%;gap:6px}.feed-order select{width:100%}.feed-group h3{font-size:20px}}
/* View filters retain their card nodes while masonry reflows the visible stories. */
.news-grid>[hidden]{display:none!important}.location-filter{transition:background .2s,color .2s,opacity .2s}.location-filter[aria-pressed=true]{background:var(--soft);color:var(--accent-text);border-color:var(--accent-text)}.location-filter[aria-pressed=false]{opacity:.55;background:transparent}.location-filter:focus-visible,.order-button:focus-visible,.language-segments button:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.feed-order{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;width:auto}.order-button{padding:9px 14px;border-radius:99px;font-size:12px;background:transparent;color:var(--muted);border:1px solid var(--line)}.order-button[aria-pressed=true]{background:var(--accent-text);color:#fff;border-color:var(--accent-text)}
.language-segments{display:flex;padding:4px;gap:4px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.language-segments button{flex:1;padding:9px 8px;color:var(--muted);background:transparent;border-radius:9px;font-size:12px}.language-segments button[aria-pressed=true]{background:var(--paper);color:var(--accent-text);box-shadow:0 2px 6px #00000010}.account-logout{width:100%;margin-top:12px;border:1px solid #0a665b;border-radius:12px;background:#0a665b;color:#fff;font-size:12px;justify-content:center}
/* FLIP movement across a responsive breakpoint must not create horizontal scrolling. */
body{overflow-x:clip}
.news-card{position:relative}.card-tools{position:absolute;top:12px;right:12px;z-index:4;opacity:0;pointer-events:none;transition:opacity .16s}.news-card:hover .card-tools,.news-card:focus-within .card-tools,.news-card.has-open-menu .card-tools{opacity:1;pointer-events:auto}.card-menu-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;background:#fffffff2;color:#202124;border:1px solid #dadce0;box-shadow:0 1px 4px #00000012}.card-menu-toggle svg{width:19px;height:19px}.card-action-menu{position:absolute;top:38px;right:0;min-width:170px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 24px #00000024}.card-action-menu[hidden]{display:none}.card-action-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:transparent;color:var(--ink);border-radius:7px;font-size:14px;text-align:left}.card-action-menu button:hover,.card-action-menu button:focus-visible{background:var(--soft)}.card-action-menu svg{width:19px;height:19px;flex:none}.card-action-menu .delete-article{color:#c5221f}.news-card.has-open-menu{overflow:visible;z-index:8}.news-card.has-open-menu .card-media{border-radius:18px 18px 0 0}.card-footer .collection-toggle{display:flex;align-items:center;justify-content:center;padding:6px!important;background:transparent;border:0;border-radius:8px;width:32px;height:34px;color:#85918b;box-shadow:none;transition:color .15s,background .15s}.collection-toggle svg{display:block;width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none}.collection-toggle[aria-pressed=true] svg{fill:currentColor}:root[data-theme=dark] .collection-toggle{color:#81918b;border:1px solid var(--line)}.card-footer .collection-toggle:hover,.card-footer .collection-toggle:focus-visible{background:var(--soft);color:var(--accent-text)}.sidebar .nav-item>svg{width:18px;height:18px;flex:none;fill:var(--ink);stroke:var(--ink)}.collection-nav{padding-left:14px;margin:2px 0 10px;border-left:1px solid var(--line)}.collection-item{justify-content:space-between}.collection-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-item small{font-size:11px;color:var(--muted)}.new-collection{font-size:12px!important}.collections-dialog{width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto}.collections-dialog .dialog-heading h2{margin:0;font-size:25px;font-family:Outfit,system-ui,sans-serif}.collections-dialog>p{font-size:14px;color:var(--muted);margin-top:20px}.collection-choices{max-height:35vh;overflow:auto;margin:12px 0 22px}.collection-choices label{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:8px;font-size:14px;cursor:pointer}.collection-choices label:hover{background:var(--soft)}.collection-choices input{width:18px;height:18px;accent-color:#0a665b;flex:none}.collection-choices span{flex:1;overflow-wrap:anywhere}.collection-choices small{color:var(--muted);font-size:12px}.create-collection{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.create-collection>label{display:block;font-size:13px;margin-bottom:8px}.create-collection>div{display:flex;gap:8px}.create-collection input{flex:1;min-width:0}.create-collection button{flex:none;padding:11px 14px;font-size:12px}#toast button{margin-left:14px;padding:4px 8px;background:transparent;color:inherit;text-decoration:underline;font-weight:600}@media(hover:none){.card-tools{opacity:1;pointer-events:auto}}@media(max-width:480px){.create-collection>div{flex-direction:column}.create-collection button{align-self:flex-end}}
.feed-header{flex-wrap:nowrap;gap:16px}.feed-title{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.feed-title h2{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-title .live-label{flex:none;white-space:nowrap}.feed-header .feed-order{flex:none;flex-wrap:nowrap;min-width:0;margin-left:auto;overflow-x:auto;scrollbar-width:thin}.feed-header .order-button{flex:none;white-space:nowrap}.feed-header .order-button:focus-visible{outline-offset:-3px}@media(max-width:680px){.feed-header{gap:10px}.feed-title{flex:0 1 42%;max-width:42%}.feed-title h2{font-size:16px}.feed-title .live-label{display:none}.feed-header .feed-order{flex:1;gap:5px}.feed-header .order-button{padding:8px 10px;font-size:11px}}
.location-toolbar{align-items:center;flex-wrap:nowrap;gap:12px;margin:12px 0 24px;min-width:0}.location-intro{flex:none;font-size:14px;color:var(--muted);white-space:nowrap}.location-options{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}.location-options .chip,.personalize-places{flex:none;white-space:nowrap}.location-options .chip:focus-visible{outline-offset:-2px}.personalize-places{margin-left:auto}@media(max-width:680px){.location-toolbar{gap:6px}.location-intro{font-size:11px}.location-options{gap:6px}.location-toolbar .chip{font-size:11px;padding:6px 8px}}
.reader-navigation{position:fixed;inset:50% 0 auto;z-index:65;pointer-events:none}.reader-arrow{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;background:var(--paper);color:var(--accent-text);border:1px solid var(--line);box-shadow:0 6px 24px #102b2514;pointer-events:auto;transition:background .18s,transform .18s}.reader-arrow svg{width:25px;height:25px}.reader-arrow:hover:not(:disabled){background:var(--soft);transform:scale(1.06)}.reader-arrow:disabled{opacity:.35;cursor:default}.reader-previous{left:max(16px,calc((100vw - 760px)/2 - 76px))}.reader-next{right:max(16px,calc((100vw - 760px)/2 - 76px))}@media(max-width:980px){.reader-navigation{top:auto;bottom:calc(70px + env(safe-area-inset-bottom))}.article-reader{padding-bottom:82px}.reader-previous{left:18px}.reader-next{right:18px}}
.news-search-dialog::backdrop{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.search-toggle svg{display:block;width:22px;height:22px}.news-search-dialog{width:min(680px,calc(100vw - 32px));padding:28px;max-height:85dvh;overflow:auto}.news-search-dialog .dialog-heading h2{margin:0;font-family:Outfit,system-ui,sans-serif;font-size:28px}.news-search-form{display:flex;align-items:center;gap:10px;margin-top:22px}.news-search-form input{flex:1;min-width:0}.news-search-form .button{flex:none;padding:13px 20px}.search-hint,.search-status{font-size:13px;color:var(--muted);line-height:1.5}.search-status{min-height:20px;margin-top:22px}.news-search-results{list-style:none;padding:0;margin:12px 0 0}.news-search-results li+li{border-top:1px solid var(--line)}.news-search-results a{display:block;padding:17px 10px;border-radius:12px}.news-search-results a:hover,.news-search-results a:focus-visible{background:var(--soft)}.news-search-results a:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.news-search-results h3{font-family:Outfit,system-ui,sans-serif;font-size:20px;line-height:1.3;margin:0 0 8px;color:var(--ink)}.news-search-results p{font-size:13px;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:var(--muted)}.search-more{margin-top:16px}.search-more[hidden]{display:none}@media(max-width:500px){.news-search-dialog{padding:22px 16px}.news-search-form{gap:8px}.news-search-form .button{padding:13px 12px}}

.about-button{display:inline-flex;align-items:center;justify-content:center}.about-button svg{width:21px;height:21px}.about-dialog{width:min(460px,calc(100vw - 32px));padding:36px;border-radius:24px;text-align:center}.about-dialog::backdrop{background:#0b201990;backdrop-filter:blur(5px)}.about-dialog .dialog-close{position:absolute;top:12px;right:14px;line-height:1}.about-avatar{display:block;width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--gold);margin:0 auto 22px;box-shadow:0 8px 20px #00000015}.about-dialog h2{font-family:Outfit,system-ui,sans-serif;font-size:26px;margin-bottom:16px}.about-lead{font-weight:600;color:var(--ink);font-size:16px;line-height:1.5}.about-dialog #about-description{font-size:14px;line-height:1.65;color:var(--muted)}.about-credit{font-size:14px;margin:22px 0}.about-credit a{color:var(--accent-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.about-creator-link{font-size:14px}@media(max-width:480px){.about-dialog{padding:30px 24px}.about-button svg{width:20px;height:20px}}

.refresh-icon{display:inline-block;transform-origin:center}.refresh-icon.refresh-turns{animation:refresh-request-turns 1.2s ease-in-out}@keyframes refresh-request-turns{from{transform:rotate(0deg)}to{transform:rotate(720deg)}}@media(prefers-reduced-motion:reduce){.refresh-icon.refresh-turns{animation:none}}

.account-delete-footer{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);text-align:center}.account-delete-link{color:#bd3e39;background:transparent;border:0;padding:8px;font-size:13px;text-decoration:underline;text-underline-offset:3px}.account-delete-link:hover{color:#952d28}.account-delete-dialog{max-width:480px}.account-delete-dialog h2{font-size:25px;margin:0 0 16px}.account-delete-dialog>p{color:var(--muted);line-height:1.65}.account-delete-dialog>p.form-error{color:#bd3e39}.account-delete-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.account-delete-confirm.button{background:#bd3e39;color:#fff;border-color:#bd3e39}.account-delete-confirm.button:hover{background:#a1332e}.account-delete-confirm.button:disabled{opacity:.65}html[data-theme=dark] .account-delete-link{color:#e8938c}
@media(max-width:480px){.account-delete-actions{flex-direction:column}.account-delete-actions .button{width:100%}}
#modal.preferences-dialog[open]{display:flex;flex-direction:column;padding:0;overflow:hidden;max-height:90vh;max-height:90dvh}.preferences-heading{flex:none;padding:16px 20px 10px;align-items:center;background:var(--paper)}.preferences-heading .dialog-close{display:grid;place-items:center;width:44px;height:44px;flex:none;align-self:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--accent-text);font-size:32px;font-weight:400;line-height:1}.preferences-heading .dialog-close:hover{background:var(--soft)}.preferences-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 30px 30px}
.account-menu-item .account-menu-icon{width:26px;height:26px;flex:none;color:var(--accent-text)}

/* Reserve the menu slot while reading so the logo does not shift. */
.reader-topbar .sidebar-toggle{visibility:hidden;pointer-events:none}


.account-menu{max-height:calc(100dvh - var(--header-height) - 24px);overflow-y:auto;overscroll-behavior:contain}
.audio-news-toggle svg{width:23px;height:23px;display:block}
.graph-toggle svg{width:24px;height:24px;display:block}.graph-main{min-width:0}.news-graph-shell{margin-top:18px}.graph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.graph-toolbar h1{font:600 30px/1.2 Outfit,system-ui,sans-serif;margin:14px 0 0;letter-spacing:-.8px}.graph-periods{display:flex;gap:7px}.graph-periods button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.graph-subtoolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}.graph-subtoolbar>div{display:flex;gap:8px}.graph-status{font-size:12px;color:var(--muted);margin:0}.graph-stage{position:relative;height:min(70dvh,740px);min-height:440px;background:#f8faf9;border:1px solid var(--line);border-radius:22px;overflow:hidden;background-image:radial-gradient(#658e781b 1px,transparent 1px);background-size:18px 18px}.news-graph-canvas{position:absolute;inset:0}.graph-legend{position:absolute;bottom:14px;left:14px;right:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;pointer-events:none;font-size:11px;color:var(--muted);background:var(--paper);border:1px solid var(--line);padding:9px 14px;border-radius:30px;opacity:.9}.graph-legend span:nth-child(1){color:#138675}.graph-legend span:nth-child(2){color:#6479b8}.graph-legend span:nth-child(4){color:#aa668d}.graph-details{position:absolute;top:14px;right:14px;bottom:70px;width:330px;max-width:calc(100% - 28px);padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow-y:auto}.graph-details[hidden]{display:none}.graph-details h2{font-size:24px;margin:12px 25px 18px 0}.graph-details h3{font-size:17px;margin:20px 0 12px}.graph-details p{font-size:13px;color:var(--muted)}.graph-details-close{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;font-size:23px;padding:0;background:transparent}.graph-details ul{list-style:none;padding:0;margin:0}.graph-details li{padding:12px 0;border-top:1px solid var(--line)}.graph-details li button{display:block;width:100%;text-align:left;padding:0;background:transparent;font-size:14px;font-weight:600;color:var(--ink)}.graph-details small{color:var(--muted);font-size:11px;display:block;margin-top:5px}.graph-hint{color:var(--muted);font-size:12px;margin:14px 0 30px}.related-links{display:flex;flex-wrap:wrap;gap:8px}.related-links a{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:var(--accent-text);font:12px system-ui,sans-serif}.article-related{border-top:1px solid var(--line);padding-top:26px;margin:40px 0}.article-related>h2{font:600 25px Outfit,system-ui,sans-serif}.related-entity{padding:18px 0;border-bottom:1px solid var(--line)}.related-entity h3{font:600 19px Outfit,system-ui,sans-serif;margin:0 0 8px}.related-entity p{font:14px/1.65 system-ui,sans-serif;color:var(--muted);margin-bottom:12px}:root[data-theme=dark] .graph-stage{background-color:#14231f;background-image:radial-gradient(#c6e2d21b 1px,transparent 1px)}@media(max-width:680px){.graph-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.graph-toolbar h1{font-size:26px}.graph-subtoolbar{align-items:flex-start;flex-wrap:wrap}.graph-stage{height:64dvh;min-height:360px;border-radius:16px}.graph-legend{gap:8px;font-size:10px;bottom:8px;left:8px;right:8px;padding:8px}.graph-details{top:8px;right:8px;bottom:70px;max-width:calc(100% - 16px)}.graph-periods{width:100%}.graph-periods button{flex:1}}
.news-audio-player{position:fixed;right:24px;bottom:24px;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 55px #102b2533;z-index:110}
.news-audio-player audio{display:none}.news-player-handle{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:grab;touch-action:none;user-select:none}.news-player-handle:active{cursor:grabbing}.news-player-brand{font:700 19px Outfit,system-ui,sans-serif;letter-spacing:-.6px;color:var(--accent-text)}.news-player-drag{margin-left:auto;color:var(--muted);font-size:24px}.news-player-close{width:32px;height:32px;padding:0;background:transparent;font-size:25px;line-height:1;color:var(--muted);border-radius:50%}.news-player-close:hover{background:var(--soft)}.news-player-body{padding:18px}.news-player-kicker{font-size:11px;color:var(--accent-text);margin:0 0 8px;font-weight:600}.news-player-title{font-family:Outfit,system-ui,sans-serif;font-size:20px;line-height:1.25;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-player-title[href]:hover,.news-player-title[href]:focus-visible{text-decoration:underline;text-underline-offset:.15em}.news-player-status{font-size:12px;line-height:1.45;color:var(--muted);min-height:35px;margin-bottom:10px}.news-player-seek{width:100%;padding:0;accent-color:var(--accent);border:0;cursor:pointer}.news-player-time{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.news-player-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:10px 0}.news-player-controls button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;padding:0;background:transparent;color:var(--accent-text);font-size:30px}.news-player-controls .news-player-play{display:grid;place-items:center;width:52px;height:52px;padding:0;line-height:1;background:var(--accent);color:var(--on-accent)}.news-player-play svg{display:block;width:23px;height:23px;fill:currentColor}.news-player-counter{font-size:11px;text-align:center;color:var(--muted);margin:12px 0 0}@media(max-width:680px){.news-audio-player{right:8px;bottom:12px}.news-player-title{font-size:19px}}

.news-player-header{display:flex;align-items:center;border-bottom:1px solid var(--line)}.news-player-handle{flex:1;border-bottom:0}.news-player-close{margin-right:12px}.graph-zoom-button{width:32px;padding:5px;font-size:18px;line-height:1}.graph-zoom-value{font-size:11px;color:var(--muted);align-self:center;min-width:34px;text-align:center}.graph-tooltip{position:absolute;pointer-events:none;z-index:3;max-width:270px;padding:12px 15px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:13px;line-height:1.4}.graph-tooltip[hidden]{display:none}

.graph-subtoolbar>div{flex-wrap:wrap;justify-content:flex-end}@media(max-width:680px){.graph-subtoolbar>div{justify-content:flex-start;max-width:100%}}
.article-preparation{margin:24px 0;padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:14px}.article-preparation p{margin:0 0 8px}.article-preparation p:only-child{margin:0}
.article-reading-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.article-reading-actions .chip{display:inline-flex;align-items:center;gap:9px}.article-reading-actions svg{width:20px;height:20px}dialog.article-graph-dialog{width:min(1300px,96vw);max-width:96vw;max-height:94dvh;padding:28px;overflow:auto}dialog.article-graph-dialog .dialog-close{position:absolute;right:18px;top:18px;border-radius:50%;width:44px;height:44px;font-size:28px;z-index:5}dialog.article-graph-dialog .news-graph-shell{margin-top:0}dialog.article-graph-dialog .graph-toolbar{padding-right:46px}dialog.article-graph-dialog .graph-stage{height:62dvh;min-height:320px}.graph-focus-story{max-width:900px;color:var(--muted);font-size:14px;line-height:1.5;margin:12px 0 0}.article-graph-dialog .graph-hint{margin-bottom:0}@media(max-width:680px){dialog.article-graph-dialog{padding:18px;max-height:96dvh}.article-reading-actions{gap:12px}.article-reading-actions .chip{font-size:12px}.article-graph-dialog .graph-stage{height:54dvh}.article-graph-dialog .graph-toolbar{padding-right:34px}.article-graph-dialog .graph-toolbar h1{font-size:23px}}