:root{--ink:#101827;--sub:#667085;--line:#e5e7ee;--surface:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--ink);background:#f4f5f8}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#fafbfc,#f2f3f7);min-height:100dvh}.app-shell{width:min(100%,760px);margin:auto;padding:calc(env(safe-area-inset-top) + 16px) 18px 104px}.topbar,.hero-footer,.section-heading,.story-top{display:flex;align-items:center;justify-content:space-between}.topbar{margin:0 2px 18px}.wordmark,.eyebrow{margin:0;font-size:10px;font-weight:800;letter-spacing:.15em}.wordmark{color:#2c3954}.greeting{margin:4px 0 0;color:var(--sub);font-size:13px}.avatar{width:39px;height:39px;border:0;border-radius:50%;background:#e1e8fa;color:#263d70;font-size:12px;font-weight:800}.hero-card{position:relative;overflow:hidden;border-radius:28px;padding:27px 24px 19px;color:#fff;background:radial-gradient(circle at 87% 12%,#647dbf 0,transparent 25%),linear-gradient(135deg,#17243a,#111827 67%,#3c2b42);box-shadow:0 18px 40px #1e2c4530}.hero-glow{position:absolute;width:180px;height:180px;right:-53px;bottom:-84px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 22px #ffffff08,0 0 0 44px #ffffff06}.eyebrow{color:#ffceb3}.live-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#78e5ad;box-shadow:0 0 0 4px #78e5ad30}.hero-card h1{position:relative;margin:17px 0 6px;font-size:34px;letter-spacing:-.045em}.hero-copy{position:relative;max-width:280px;margin:0;color:#dce3f3;font-size:15px;line-height:1.4}.hero-footer{position:relative;gap:12px;margin-top:24px;font-size:11px;color:#c9d2e5}.refresh-button{border:1px solid #ffffff35;border-radius:999px;padding:8px 12px;color:#fff;background:#ffffff12;font:inherit;font-weight:700}.widget-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 15px}.mini-widget{display:flex;align-items:center;gap:9px;min-height:69px;border:1px solid var(--line);border-radius:18px;padding:11px;background:#ffffffd0;text-align:left;color:inherit;font:inherit}.mini-widget b,.mini-widget small{display:block}.mini-widget b{font-size:12px}.mini-widget small{margin-top:4px;color:var(--sub);font-size:10px}.widget-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:16px}.saffron{background:#fff0e8;color:#d95d26}.blue{background:#e7f1ff;color:#3576c3}.violet{background:#efeafe;color:#7153bd}.action-widget{grid-column:1/-1;border:0;background:#e9ebf1}.action-widget>span:last-child{margin-left:auto;font-size:24px}.tile-deck{display:flex;gap:14px;overflow-x:auto;margin:0 -18px;padding:0 18px 14px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.tile-deck::-webkit-scrollbar,.filter-scroll::-webkit-scrollbar{display:none}.tab-panel{display:block;flex:0 0 100%;min-width:0;padding:3px 0 10px;scroll-snap-align:start;scroll-snap-stop:always}.tile-progress{display:flex;justify-content:center;gap:6px;margin:-1px 0 14px}.tile-progress span{width:6px;height:6px;border-radius:999px;background:#c8ceda;transition:.2s}.tile-progress span.active{width:20px;background:#3f5e95}.section-heading{align-items:end;margin:0 2px 13px}.eyebrow.dark{color:#81899a}.section-heading h2{margin:5px 0 0;font-size:23px;letter-spacing:-.035em}.text-button{border:0;background:none;color:#3e5f9f;font:inherit;font-size:13px;font-weight:700}.filter-scroll{display:flex;gap:8px;overflow:auto;margin:0 -18px 16px;padding:0 18px;scrollbar-width:none}.chip{white-space:nowrap;border-radius:999px;padding:7px 11px;background:#e7e9ef;color:#4f586a;font-size:11px;font-weight:700}.feed-grid{display:grid;gap:10px}.story-card{display:block;border:1px solid var(--line);border-radius:19px;padding:16px;background:var(--surface);color:inherit;text-decoration:none}.story-top{gap:10px;margin-bottom:9px}.story-source{color:#b94d24;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.story-time{color:#9299a7;font-size:10px}.story-card h3{margin:0;font-size:15px;line-height:1.32}.story-arrow{float:right;margin:9px 0 -3px;font-size:17px}.skeleton{height:92px;border-radius:19px;background:#e8eaf0}.assistant-card{display:flex;gap:14px;border-radius:22px;padding:18px;background:linear-gradient(135deg,#e9effd,#f4f0fb)}.assistant-orb{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:13px;background:#394d80;color:#fff}.assistant-card p,.privacy-note{color:#687287;font-size:12px;line-height:1.45}.chat-thread{display:grid;gap:9px;min-height:120px;margin:18px 0}.assistant-message,.user-message{max-width:88%;margin:0;border-radius:17px;padding:12px 14px;font-size:13px;line-height:1.45}.assistant-message{background:#fff;border:1px solid var(--line)}.user-message{justify-self:end;background:#253657;color:#fff}.composer{display:flex;gap:8px;padding:7px;border:1px solid var(--line);border-radius:17px;background:#fff}input,textarea{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.composer input{padding:0 7px}.composer button{width:37px;height:37px;border:0;border-radius:12px;background:#263a61;color:#fff;font-size:20px}.create-card{overflow:hidden;min-height:240px;border-radius:24px;background:#dfe3ed}.image-placeholder{display:grid;place-items:center;align-content:center;min-height:240px;background:radial-gradient(circle at 72% 22%,#fdc77d,transparent 24%),radial-gradient(circle at 24% 70%,#a0bbd5,transparent 31%),linear-gradient(145deg,#f4e8df,#d7def2);color:#425575;text-align:center}.image-placeholder span{font-size:40px}.image-placeholder p{max-width:190px;font-size:13px}.create-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.create-form{margin-top:14px}.create-form label,.settings-card label{display:block;font-size:13px;font-weight:800}.create-form input,.settings-card textarea{display:block;margin-top:7px;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.create-form button,.settings-card button{width:100%;margin-top:14px;border:0;border-radius:14px;padding:14px;background:#273b62;color:#fff;font:inherit;font-weight:800}.settings-card{border:1px solid var(--line);border-radius:22px;padding:17px;background:#fff}.settings-card label+label{margin-top:19px}.settings-card label span,.settings-card small{display:block;margin:4px 0 8px;color:#8a92a0;font-size:11px;font-weight:500}.settings-card textarea{min-height:104px;resize:vertical}.bottom-nav{position:fixed;z-index:4;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:4px;padding:9px max(12px,calc((100% - 720px)/2)) calc(9px + env(safe-area-inset-bottom));border-top:1px solid #dfe2e9;background:#f9fafcee;backdrop-filter:blur(16px)}.nav-item{display:grid;place-items:center;gap:3px;flex:1;max-width:135px;border:0;border-radius:13px;padding:7px;background:transparent;color:#848c9b;font:inherit}.nav-item span{font-size:19px;line-height:19px}.nav-item b{font-size:10px}.nav-item.active{background:#e6ebf5;color:#273e69}@media(min-width:720px){.app-shell{padding-top:35px}.widget-row{grid-template-columns:1fr 1fr 1fr}.action-widget{grid-column:auto}.feed-grid{grid-template-columns:1fr 1fr}.story-card:first-child{grid-column:1/-1}.bottom-nav{top:16px;bottom:auto;left:50%;width:400px;transform:translateX(-50%);border:1px solid #dfe2e9;border-radius:18px;padding:5px}.app-shell{padding-bottom:55px}}