@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:#10243e;background:#eaf1f6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}::selection{color:#10243e;background:#adebe3}.site{--ink:#10243e;--muted:#64758a;--blue:#145da0;--teal:#007f73;--paper:#f7f9fc;--card:#fff;--line:#dbe4ec;--chip:#f5f8fa;--soft:#d8f3ee;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 80% 10%,#e9f7f4,#0000 32%),linear-gradient(140deg,#f2f7fa,#e5eef6);overflow-x:hidden}.site.dark{--ink:#e6eef8;--muted:#a8b8ca;--blue:#76b9ff;--teal:#50d8c8;--paper:#071525;--card:#10243e;--line:#334c66;--chip:#1c3652;--soft:#164a46;background:linear-gradient(140deg,#081322,#102b3b)}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800}.site-main{place-items:center;width:100%;min-height:100dvh;padding:16px;display:grid}.phone-area{justify-content:center;align-items:center;width:100%;display:flex}.phone-frame{background:#101e2c;border:4px solid #142536;border-radius:48px;width:min(390px,100%);height:min(756px,100dvh - 32px);padding:11px;position:relative;overflow:hidden;box-shadow:0 30px 85px #0b2c4440,0 0 0 1px #456276}.phone-hardware{z-index:5;background:#101e2c;border-radius:0 0 15px 15px;justify-content:center;align-items:center;gap:7px;width:110px;height:24px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.camera-dot{background:#173b55;border:2px solid #2e4d63;border-radius:50%;width:8px;height:8px}.speaker{background:#253c4e;border-radius:99px;width:35px;height:4px}.phone-home-indicator{background:#b9c6cf;border-radius:99px;width:106px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--paper);width:100%;height:100%;color:var(--ink);border-radius:37px;flex-direction:column;font-size:14px;display:flex;position:relative;overflow:hidden}.phone-screen h1,.phone-screen h2,.phone-screen h3,.phone-screen h4{font-family:Manrope,sans-serif}.app-scroll{scrollbar-width:thin;scrollbar-color:#b5c7d0 transparent;overscroll-behavior:contain;overflow:hidden auto}.app-scroll::-webkit-scrollbar{width:5px}.app-scroll::-webkit-scrollbar-thumb{background:#b5c7d0;border-radius:10px}.eyebrow,.teal-period{color:var(--teal)}.muted{color:var(--muted);line-height:1.5}.onboarding{flex:1;padding:48px 24px 28px}.onboarding-symbol{width:48px;height:48px;color:var(--teal);background:var(--soft);border-radius:15px;place-items:center;margin:0 0 30px;display:grid}.onboarding h1{letter-spacing:-2px;margin:6px 0 12px;font-size:37px;line-height:1.1}.onboarding-lead{color:var(--teal);margin:0;font-size:17px;font-weight:700;line-height:1.45}.onboarding-divider{background:var(--line);height:1px;margin:27px 0}.onboarding h2{letter-spacing:-.6px;margin:0 0 5px;font-size:23px;line-height:1.25}.onboarding h3{margin:0 0 4px;font-size:18px}.onboarding .muted{margin:0 0 15px;font-size:13px}.chip-cloud{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:12px;padding:9px 12px;font-size:12px;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,transform .15s}.chip:hover{border-color:var(--teal);transform:translateY(-1px)}.chip.selected{background:var(--soft);border-color:var(--soft);color:var(--ink)}.button-primary,.button-secondary,.button-link{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:11px 16px;font-size:13px;font-weight:800;display:inline-flex}.button-primary{color:#fff;background:#145da0}.button-primary:hover:not(:disabled){background:#0d4e88}.button-secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.button-secondary:hover{border-color:var(--teal)}.button-link{color:var(--blue);background:0 0}.full{width:100%;margin-top:23px}.button-link.full{margin-top:3px}.app-topbar{background:var(--card);height:70px;box-shadow:0 1px 0 var(--line);z-index:2;flex:none;justify-content:space-between;align-items:center;padding:22px 12px 8px;display:flex}.app-topbar button{width:38px;height:38px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.app-topbar button:hover{background:var(--chip)}.app-topbar>div{text-align:left;flex:1;padding-left:4px}.app-topbar strong{letter-spacing:-.4px;font:800 15px Manrope,sans-serif}.app-topbar small{color:var(--muted);font-size:10px;display:block}.invisible{visibility:hidden}.feed-pane,.saved-pane,.settings-pane{flex:1;min-height:0}.feed-hero{padding:22px 17px 13px}.feed-hero h2{letter-spacing:-1px;margin:4px 0 5px;font-size:25px;line-height:1.15}.feed-hero p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.search-zone{background:var(--paper);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:6px 13px 10px;display:flex;position:sticky;top:0}.search-zone.compact{border-bottom:1px solid var(--line);flex-wrap:nowrap;min-height:51px;padding:5px 9px}.search-field{background:var(--card);border:1px solid var(--line);width:100%;color:var(--muted);border-radius:13px;align-items:center;gap:9px;padding:9px 11px;display:flex}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px var(--soft)}.search-field input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search-field button{color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.search-zone.compact .search-field{flex:1;width:auto}.compact-search,.filter-trigger{color:var(--blue);white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:6px 3px;font-size:12px;font-weight:700;display:inline-flex}.compact-search{text-overflow:ellipsis;overflow:hidden}.filter-trigger{margin-left:auto}.article-list{flex-direction:column;gap:13px;padding:4px 13px 25px;display:flex}.article-card{background:var(--card);border:1px solid #0c40660f;border-radius:17px;overflow:hidden;box-shadow:0 3px 10px #15365414}.article-card.viewed{opacity:.78}.thumbnail{background:#0b537c;height:135px;position:relative;overflow:hidden}.article-card.featured .thumbnail{height:185px}.thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumbnail-shade{background:linear-gradient(#0000 44%,#011d2c73);position:absolute;inset:0}.thumbnail-category{color:#fff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 6px #10243e;font-size:9px;font-weight:800;position:absolute;bottom:12px;left:13px}.art{color:#dbfff8;background:linear-gradient(125deg,#235a76,#58b4ac);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.art:before,.art:after{content:"";border:1px solid #ffffff40;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-45px}.art:after{width:230px;height:230px;inset:auto auto -95px -35px}.art svg{z-index:1;filter:drop-shadow(0 6px 16px #011e3466);position:relative}.art-grid{background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;transform:rotate(-12deg)scale(1.3)}.art-caption{letter-spacing:2px;color:#d5fff7;font-size:8px;font-weight:800;position:absolute;top:11px;right:12px}.art-1{background:linear-gradient(130deg,#1b5679,#3e9cb7)}.art-2{background:linear-gradient(120deg,#114061,#58aaa5)}.art-3{background:linear-gradient(135deg,#115080,#7abeb2)}.art-4{background:linear-gradient(125deg,#1d5468,#4897a7)}.art-5{background:linear-gradient(140deg,#245b8a,#4eacba)}.art-6{background:linear-gradient(110deg,#153f6b,#44aa9e)}.art-7{background:linear-gradient(140deg,#315b88,#7cc7ba)}.art-8{background:linear-gradient(140deg,#214863,#319998)}.art-9{background:linear-gradient(120deg,#074f74,#8fc8b4)}.art-10{background:linear-gradient(145deg,#1a567d,#3e8eb7)}.art-11{background:linear-gradient(115deg,#064c58,#6dbeb9)}.art-12{background:linear-gradient(135deg,#37537b,#83bdb3)}.art-13{background:linear-gradient(130deg,#17517e,#55b1a4)}.art-14{background:linear-gradient(100deg,#17536b,#5eb9c0)}.art-15{background:linear-gradient(130deg,#1a4d69,#5aa5b6)}.art-16{background:linear-gradient(140deg,#285379,#70bbae)}.art-17{background:linear-gradient(125deg,#165c80,#5cbbad)}.art-18{background:linear-gradient(130deg,#205a84,#73b8b7)}.art-19{background:linear-gradient(145deg,#15516c,#6bb5aa)}.article-body{padding:13px 14px 12px}.article-meta{color:var(--muted);align-items:center;gap:6px;margin-bottom:7px;font-size:10px;display:flex}.article-meta strong{color:var(--teal);font-weight:800}.meta-dot{color:#b6c3ce}.language-tag{background:var(--chip);border-radius:3px;padding:2px 4px;font-size:9px}.article-title{text-align:left;width:100%;color:var(--ink);letter-spacing:-.3px;background:0 0;border:0;padding:0;font:800 16px/1.37 Manrope,sans-serif;display:block}.article-title:hover:not(:disabled){color:var(--blue)}.article-title:disabled{opacity:1}.article-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 3px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.article-footer{align-items:center;gap:6px;margin-top:9px;display:flex}.category-label{color:var(--blue);flex:1;font-size:9px}.article-actions{align-items:center;gap:1px;display:flex}.article-actions button,.session-entry button{width:29px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.article-actions button:hover,.session-entry button:hover{background:var(--chip)}.article-actions .active-heart{color:#d84860}.article-actions .active-bookmark{color:var(--blue)}.notice{border-radius:11px;align-items:flex-start;gap:9px;margin:8px 13px;padding:10px 12px;font-size:11px;line-height:1.4;display:flex}.example-notice{color:#7b5413;background:#fff4d8;border:1px solid #ecd28b}.stale-notice,.muted-notice{color:var(--blue);background:var(--chip);border:1px solid var(--line)}.notice svg{flex:none}.load-more{background:var(--card);border:1px solid var(--line);width:100%;color:var(--blue);border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:11px;font-size:12px;font-weight:800;display:flex}.empty-state,.loading-state{text-align:center;min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex}.empty-state svg{color:var(--teal);margin-bottom:6px}.empty-state strong{color:var(--ink);font:800 15px Manrope,sans-serif}.empty-state span{font-size:12px}.loading-state{min-height:300px}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-nav{background:var(--card);border-top:1px solid var(--line);z-index:2;flex:none;justify-content:space-around;align-items:center;height:63px;display:flex}.app-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:33%;padding:5px 0;font-size:10px;display:flex}.app-nav button.active{color:var(--teal);font-weight:800}.app-nav button.active svg{background:var(--soft);border-radius:8px;width:29px;height:25px;padding:2px}.page-heading{padding:25px 17px 15px}.page-heading h2{letter-spacing:-1px;margin:4px 0 3px;font-size:29px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.segmented{background:var(--chip);border-radius:12px;margin:0 13px 12px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 4px;font-size:12px;font-weight:800;display:flex}.segmented .active{background:var(--card);color:var(--teal);box-shadow:0 1px 6px #0001}.settings-pane{padding-bottom:16px}.settings-section{background:var(--card);border:1px solid var(--line);border-radius:15px;margin:0 13px 13px;padding:15px}.section-heading{align-items:center;gap:11px;margin-bottom:16px;display:flex}.section-icon{background:var(--soft);width:35px;height:35px;color:var(--teal);border-radius:10px;flex:none;place-items:center;display:grid}.section-heading h3,.theme-setting h3{margin:0 0 2px;font-size:15px}.section-heading p,.theme-setting p{color:var(--muted);margin:0;font-size:11px}.settings-section h4{margin:18px 0 9px;font-size:12px}.settings-section .chip{padding:8px 10px;font-size:11px}.field-hint{color:var(--muted);font-size:11px;line-height:1.4}.theme-setting{align-items:center;gap:10px;display:flex}.theme-setting>div{flex:1}.toggle{background:#bdcbd5;border:0;border-radius:20px;flex:none;width:41px;height:24px;padding:3px;transition:background .15s}.toggle.on{background:#007f73}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;display:block}.toggle.on span{transform:translate(17px)}.source-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.source-row strong{font-size:11px;display:block}.source-row small{color:var(--muted);font-size:10px}.source-health{color:var(--teal);font-size:8px;font-weight:800}.source-health.unavailable,.source-health.stale{color:#d57a4e}.evaluation-section .privacy-copy{color:var(--muted);font-size:11px;line-height:1.5}.evaluation-form{flex-direction:column;gap:10px;display:flex}.evaluation-form label{flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.evaluation-form input:not([type=checkbox]){border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;outline:0;width:100%;padding:9px;font-size:12px}.evaluation-form input:focus{border-color:var(--teal)}.evaluation-form .consent-line{color:var(--muted);flex-direction:row;align-items:flex-start;font-weight:500;line-height:1.4}.consent-line input{accent-color:#007f73;flex:none;margin:1px 3px 0 0}.evaluation-active{background:var(--chip);border-radius:10px;padding:8px 10px}.evaluation-active p{margin:4px 0 10px;font-size:12px}.button-row{flex-wrap:wrap;gap:6px;display:flex}.button-row button{padding:7px;font-size:10px}.session-list{border-top:1px solid var(--line);margin-top:15px}.session-list h4{margin:12px 0 5px;font-size:11px}.session-entry{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.session-entry small{color:var(--muted)}.session-entry>div{display:flex}.form-error{color:#b63344;font-size:11px}.privacy-note{color:var(--muted);align-items:flex-start;gap:8px;margin:4px 16px;font-size:11px;line-height:1.4;display:flex}.privacy-note svg{flex:none}.drawer-backdrop{z-index:10;background:#061a3080;display:flex;position:absolute;inset:0}.filter-drawer{background:var(--paper);width:90%;max-width:335px;padding:24px 17px 30px;box-shadow:8px 0 22px #0002}.drawer-heading{justify-content:space-between;align-items:flex-start;display:flex}.drawer-heading h2{letter-spacing:-.6px;margin:5px 0;font-size:22px}.drawer-heading button{color:var(--ink);background:0 0;border:0;padding:5px}.filter-drawer>.muted{margin:0 0 14px;font-size:11px}.drawer-actions{gap:7px;display:flex}.drawer-actions button{flex:1;padding:8px 5px;font-size:11px}.filter-drawer hr{background:var(--line);border:0;height:1px;margin:20px 0}.filter-drawer h3{margin:17px 0 9px;font-size:15px}.filter-drawer .chip-cloud.alone{margin-top:17px}.filter-drawer .chip{font-size:11px}.dark .phone-frame{border-color:#41607a}@media (width<=700px){.site{background:var(--paper)}.site-main{min-height:100dvh;padding:0;display:block}.phone-area{display:block}.phone-frame{width:100%;height:100dvh;box-shadow:none;background:var(--paper);border:0;border-radius:0;padding:0}.phone-hardware,.phone-home-indicator{display:none}.phone-screen{border-radius:0}.app-topbar{height:59px;padding:12px 12px 8px}.onboarding{padding-top:36px}.article-card.featured .thumbnail{height:205px}.article-list{padding-left:16px;padding-right:16px}.site.dark{background:var(--paper)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}