:root{--ink:#10272b;--muted:#63767a;--paper:#f4f3ed;--card:#fffefa;--line:rgba(15,43,47,0.12);--navy:#07191d;--acid:#d9ff63;--teal:#28bea6;--shadow:0 22px 60px rgba(24,48,45,0.08)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 8%,rgba(210,255,99,.13),transparent 24rem),var(--paper);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100svh;padding-bottom:calc(94px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:30;height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(22px,calc((100vw - 1120px) / 2)) 0;justify-content:space-between;color:#f4fff9;background:rgba(7,25,29,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:inherit;background:none;border:0;padding:0;font-size:13px;letter-spacing:.12em;cursor:pointer}.brand b{color:var(--acid);font-weight:700}.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;color:var(--navy);background:var(--acid);border-radius:50% 50% 44% 56%/54% 42% 58% 46%;transform:rotate(-6deg)}.brand-mark svg{transform:rotate(6deg)}.top-actions{display:flex;align-items:center;gap:10px}.demo-badge{padding:6px 9px;color:#c8d5d2;border:1px solid rgba(255,255,255,.12);border-radius:99px;font-size:10px;letter-spacing:.08em}.demo-badge.ready{color:#16362e;background:var(--acid);border-color:var(--acid)}.demo-badge.empty,.demo-badge.stale{color:#ffe4b5;border-color:rgba(255,196,92,.35)}.demo-badge.error{color:#ffd5d5;border-color:rgba(255,130,130,.4)}.icon-button{width:38px;height:38px;display:grid;place-items:center;color:#eef9f5;background:rgba(255,255,255,.06);border:0;border-radius:50%;cursor:pointer}.search-wrap{position:sticky;top:calc(68px + env(safe-area-inset-top));z-index:29;display:flex;align-items:center;gap:10px;max-width:1120px;margin:0 auto;padding:12px 22px;background:rgba(244,243,237,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.search-wrap input{width:100%;padding:8px 0;color:var(--ink);background:transparent;border:0;outline:0}.search-wrap button{color:var(--teal);background:none;border:0;font-size:13px}.intro{max-width:1120px;margin:0 auto;padding:54px 22px 32px}.date-line{margin:0 0 17px;color:#738286;font-size:12px;font-weight:600;letter-spacing:.08em}.intro h1,.simple-page>h1{margin:0;font-size:clamp(38px,7vw,68px);line-height:1.1;letter-spacing:-.055em}.intro h1 span{color:#607376;font-weight:500}.intro-copy{max-width:470px;margin:20px 0 22px;color:var(--muted);font-size:16px;line-height:1.75}.pulse-row{display:flex;align-items:center;gap:9px;color:#425b5e;font-size:12px;font-weight:600}.pulse-dot{position:relative;width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(40,190,166,.12)}.pulse-dot:after{content:"";position:absolute;inset:-5px;border:1px solid var(--teal);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.7);opacity:.8}75%,to{transform:scale(1.5);opacity:0}}.category-tabs{max-width:1120px;margin:0 auto;padding:0 22px 22px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{flex:none;padding:10px 17px;color:#5b6c70;background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease}.category-tabs button.active{color:#eef8f5;background:var(--navy);border-color:var(--navy);box-shadow:0 8px 24px rgba(7,25,29,.16)}.tag-tabs{max-width:1120px;margin:-10px auto 0;padding:0 22px 16px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.tag-tabs::-webkit-scrollbar{display:none}.tag-tabs button{flex:none;padding:7px 11px;color:#6b777a;background:transparent;border:1px solid rgba(15,43,47,.13);border-radius:99px;font-size:11px;cursor:pointer}.tag-tabs button.active{color:#574a87;background:#eeeafa;border-color:#cfc4ef;font-weight:700}.content-section{max-width:1120px;margin:0 auto;padding:20px 22px 44px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.kicker{display:block;margin-bottom:6px;color:#4c9b8e;font-size:10px;font-weight:700;letter-spacing:.2em}.section-heading h2{margin:0;font-size:24px;letter-spacing:-.03em}.count{color:#7f8e91;font-size:12px}.category-pill{display:inline-flex;width:fit-content;padding:6px 9px;color:#1f5150;background:#e5f6f0;border-radius:7px;font-size:10px;font-weight:700;letter-spacing:.04em}.pill-violet{color:#5c4f8e;background:#eeeafa}.pill-mint{color:#277264;background:#dff5ed}.pill-amber{color:#895f20;background:#fff0d3}.pill-blue{color:#375f8f;background:#e4effb}.pill-rose{color:#925261;background:#f9e8ed}.bookmark-button{width:36px;height:36px;display:grid;place-items:center;color:#50676b;background:transparent;border:0;border-radius:50%;cursor:pointer}.bookmark-button:hover{background:rgba(8,47,51,.06)}.story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:17px;color:#899598;font-size:10px}.story-meta i{width:3px;height:3px;background:#b7c0c0;border-radius:50%}.story-image{position:relative;overflow:hidden;width:100%;height:108px;margin:0;background:#dfe6e3}.story-image img{width:100%;height:100%;display:block;object-fit:cover}.story-image figcaption{position:absolute;right:7px;bottom:6px;max-width:calc(100% - 14px);padding:3px 6px;overflow:hidden;color:white;background:rgba(4,20,23,.64);border-radius:5px;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.image-large{height:230px}.story-waterfall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.waterfall-card{--category-accent:#28bea6;overflow:hidden;min-width:0;background:var(--card);border:1px solid rgba(13,48,52,.08);border-top:3px solid var(--category-accent);border-radius:17px;box-shadow:0 8px 26px rgba(24,48,45,.05);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.card-tone-violet{--category-accent:#7564b6}.card-tone-mint{--category-accent:#2ba88f}.card-tone-amber{--category-accent:#d28b32}.card-tone-blue{--category-accent:#4b86b8}.card-tone-rose{--category-accent:#bd687e}.waterfall-card:active{transform:scale(.985)}.waterfall-card.has-image{border-top:1px solid rgba(13,48,52,.08)}.waterfall-body{padding:13px}.waterfall-topline{display:flex;align-items:center;justify-content:space-between;gap:6px}.waterfall-topline .category-pill{overflow:hidden;max-width:calc(100% - 30px);padding:5px 7px;white-space:nowrap;text-overflow:ellipsis}.waterfall-topline .bookmark-button{width:28px;height:28px;flex:none}.waterfall-topline .bookmark-button svg{width:18px;height:18px}.waterfall-body h3{margin:10px 0 7px;font-size:15px;line-height:1.45;letter-spacing:-.02em}.waterfall-body>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:11px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.waterfall-body .story-meta{gap:5px;margin-top:12px;font-size:9px}.waterfall-body .story-meta>i:first-of-type,.waterfall-body .story-meta>span:first-child{display:none}.simple-page{max-width:900px;min-height:calc(100svh - 170px);margin:0 auto;padding:55px 22px 50px}.simple-page>h1{font-size:clamp(38px,6vw,58px)}.page-lead{max-width:590px;margin:18px 0 32px;color:var(--muted);line-height:1.75}.empty-state{margin-top:35px;padding:55px 24px;text-align:center;color:#718184;background:rgba(255,255,255,.5);border:1px dashed rgba(15,43,47,.18);border-radius:24px}.empty-state h3{margin:13px 0 6px;color:var(--ink)}.empty-state p{margin:0;font-size:13px}.empty-state button{margin-top:20px;padding:11px 17px;color:white;background:var(--navy);border:0;border-radius:99px;font-size:12px;font-weight:700}.saved-grid{display:grid;gap:12px}.saved-card{--category-accent:#28bea6;position:relative;display:grid;grid-template-columns:108px 1fr 38px;gap:16px;align-items:center;padding:12px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--category-accent);border-radius:20px;cursor:pointer}.saved-card.card-tone-violet{--category-accent:#7564b6}.saved-card.card-tone-mint{--category-accent:#2ba88f}.saved-card.card-tone-amber{--category-accent:#d28b32}.saved-card.card-tone-blue{--category-accent:#4b86b8}.saved-card.card-tone-rose{--category-accent:#bd687e}.saved-card.no-image{grid-template-columns:minmax(0,1fr) 38px}.saved-card .story-image{height:100px;border-radius:13px}.saved-card h3{margin:9px 0 0;font-size:16px;line-height:1.4}.source-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 26px;padding:22px 10px;color:white;background:var(--navy);border-radius:20px}.source-summary div{display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid rgba(255,255,255,.1)}.source-summary div:last-child{border:0}.source-summary b{color:var(--acid);font-size:26px}.source-summary span{color:#a8b9b6;font-size:10px}.source-list{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px}.source-list article{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid var(--line)}.source-list article:last-child{border:0}.source-icon{width:40px;height:40px;display:grid;place-items:center;color:#317d71;background:#e2f4ee;border-radius:12px}.source-list h3{margin:0 0 4px;font-size:15px}.source-list p{margin:0;color:var(--muted);font-size:11px}.source-list strong{margin-left:auto;color:#7b898c;font-size:12px}.source-list strong.status-online{color:#23856e}.source-list strong.status-offline{color:#b26b47}.compact-empty{margin-top:0;padding:34px 24px}.update-note{margin:13px 2px 0;color:var(--muted);font-size:11px}.notice{display:flex;gap:12px;margin-top:18px;padding:17px;color:#4d625f;background:#e7f3d0;border-radius:16px}.notice svg{flex:none;color:#3c7568}.notice b{color:#31514c;font-size:12px}.notice p{margin:5px 0 0;font-size:11px;line-height:1.65}.settings-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px}.settings-card label{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);cursor:pointer}.settings-card label:last-child{border:0}.settings-card label.disabled-setting{cursor:default;opacity:.62}.settings-card span{display:flex;flex-direction:column;gap:4px}.settings-card b{font-size:14px}.settings-card small{color:var(--muted);font-size:11px}.settings-card input{position:absolute;opacity:0}.settings-card i{position:relative;width:43px;height:25px;background:#cbd2d0;border-radius:99px;transition:.2s}.settings-card i:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.settings-card input:checked+i{background:var(--teal)}.settings-card input:checked+i:after{transform:translateX(18px)}.install-card{display:flex;align-items:center;gap:15px;margin-top:18px;padding:19px;color:white;background:var(--navy);border-radius:20px}.install-card .brand-mark{flex:none;width:45px;height:45px}.install-card b{font-size:14px}.install-card p{margin:4px 0 0;color:#a9b8b6;font-size:11px;line-height:1.55}.bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;width:min(calc(100% - 26px),480px);height:67px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,25,29,.95);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 15px 45px rgba(7,25,29,.24);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateX(-50%)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#78908e;background:transparent;border:0;border-radius:15px;font-size:9px;cursor:pointer}.bottom-nav button.active{color:var(--acid);background:rgba(255,255,255,.06)}.bottom-nav svg{width:20px;height:20px}.sheet-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:end;justify-content:center;padding-top:35px;background:rgba(1,13,16,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .18s ease-out}.story-sheet{position:relative;overflow-y:auto;width:min(100%,680px);max-height:94svh;background:var(--paper);border-radius:28px 28px 0 0;box-shadow:0 -18px 60px rgba(0,0,0,.2);animation:slideUp .28s ease-out}.sheet-handle{position:sticky;top:9px;z-index:3;width:36px;height:4px;margin:9px auto -13px;background:rgba(255,255,255,.65);border-radius:9px}.sheet-close{position:absolute;right:16px;top:18px;z-index:4;width:38px;height:38px;display:grid;place-items:center;color:white;background:rgba(3,19,22,.55);border:1px solid rgba(255,255,255,.15);border-radius:50%}.story-sheet.no-media .sheet-close{color:var(--ink);background:rgba(7,25,29,.07);border-color:rgba(7,25,29,.08)}.story-sheet.no-media .sheet-body{padding-top:64px}.sheet-body{padding:25px 23px calc(30px + env(safe-area-inset-bottom))}.sheet-body h2{margin:16px 0 0;font-size:28px;line-height:1.3;letter-spacing:-.04em}.sheet-summary{margin:24px 0;color:#3e5659;font-size:15px;line-height:1.85}.card-labels{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.major-badge{padding:5px 8px;color:#9b3d25;background:#fff0e6;border:1px solid #f2c7b5;border-radius:999px;font-size:10px;font-weight:700}.tag-row{display:flex;flex-wrap:wrap;gap:6px 10px;margin:13px 0 3px;color:#73868a;font-size:11px}.detail-tags{margin:18px 0 0}.insight-stack{display:grid;gap:10px;margin-top:22px}.insight-box{padding:16px 17px;border-left:3px solid;border-radius:0 14px 14px 0}.insight-box span{font-size:10px;font-weight:750;letter-spacing:.08em}.insight-box p{margin:7px 0 0;font-size:13px;line-height:1.7}.insight-box.relevance{color:#385f63;background:#e6f1ef;border-color:#69a7a3}.insight-box.impact{color:#5c6538;background:#eef1de;border-color:#9faf5b}.insight-box.action{color:#684d34;background:#f5eadb;border-color:#c8955d}.source-row{display:flex;justify-content:space-between;margin-top:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.source-row span{color:var(--muted)}.demo-warning{margin:14px 0;color:#8b6d3c;font-size:10px;line-height:1.6}.source-link{margin-bottom:9px;padding:13px;color:var(--navy);background:#f2f4ee;border:1px solid var(--line);border-radius:14px;text-decoration:none}.save-wide,.source-link{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.save-wide{width:100%;gap:8px;padding:14px;color:white;background:var(--navy);border:0;border-radius:14px}.save-wide.saved{color:var(--navy);background:var(--acid)}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(40px)}}@media (min-width:720px){.intro{padding-top:72px}.story-waterfall{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.waterfall-card{border-radius:20px}.waterfall-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(24,48,45,.1)}.waterfall-card .story-image{height:145px}.waterfall-body{padding:17px}.waterfall-body h3{font-size:18px}.waterfall-body>p{font-size:12px;-webkit-line-clamp:4}.saved-grid{grid-template-columns:1fr 1fr}.saved-card{grid-template-columns:100px 1fr 32px}.saved-card.no-image{grid-template-columns:minmax(0,1fr) 32px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important}}