.mockup-frame{user-select:none;background:#09090b;border-radius:46px;flex-direction:column;width:375px;height:780px;padding:10px;display:flex;position:relative;box-shadow:0 25px 60px -15px #000c,0 0 0 3px #27272a,0 0 0 6px #09090b}[data-theme=light] .mockup-frame{background:#e2e8f0;box-shadow:0 25px 60px -15px #00000026,0 0 0 3px #cbd5e1,0 0 0 6px #e2e8f0}.phone-island{z-index:100;background:#000;border-radius:14px;width:100px;height:22px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:#121318;border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}[data-theme=light] .phone-screen{background:#f8fafc}.card-hero{background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;height:265px;padding:24px 16px 14px;display:flex;position:relative}.hero-scrim{background:linear-gradient(#000000a6 0%,#0000001a 40%,#1b1c22d9 100%);position:absolute;inset:0}.flutter-top-bar{z-index:2;justify-content:space-between;align-items:center;margin-top:14px;display:flex;position:relative}.brand-logo-badge{color:#fff;background:#c0392b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 2px 10px #00000073}.flutter-search-btn{backdrop-filter:blur(8px);color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hero-bottom-row{z-index:2;align-items:center;gap:8px;margin-bottom:22px;display:flex;position:relative}.cat-pill{border-radius:var(--radius-full);color:#fff;padding:4px 11px;font-size:.75rem;font-weight:700}.breaking-badge{color:#fff;background:#e11d48;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:700;display:flex;position:relative}.flutter-content-sheet{z-index:3;background:#1b1c22;border-radius:24px 24px 0 0;flex-direction:column;flex:1;margin-top:-30px;display:flex;position:relative;overflow:hidden;box-shadow:0 -6px 20px #00000080}[data-theme=light] .flutter-content-sheet{background:#fff;box-shadow:0 -6px 20px #00000014}.sheet-drag-handle{background:#ffffff38;border-radius:2px;width:40px;height:4px;margin:10px auto 4px}[data-theme=light] .sheet-drag-handle{background:#00000026}.sheet-body{flex-direction:column;flex:1;gap:10px;padding:14px 20px;display:flex;overflow-y:auto}.sheet-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}[data-theme=light] .sheet-title{color:#0f172a}.sheet-meta-row{color:#94a3b8;align-items:center;gap:5px;font-size:.8125rem;display:flex}[data-theme=light] .sheet-meta-row{color:#64748b}.meta-source-name{color:#3b82f6;font-weight:600;text-decoration:underline}.meta-dot{color:#64748b}.sheet-summary{color:#cbd5e1;font-size:.9375rem;line-height:1.65}[data-theme=light] .sheet-summary{color:#334155}.sheet-summary p{margin:0 0 8px}.sheet-summary h2,.sheet-summary h3{color:#fff;margin:10px 0 4px;font-size:1.05rem;font-weight:700}[data-theme=light] .sheet-summary h2,[data-theme=light] .sheet-summary h3{color:#0f172a}.sheet-summary b,.sheet-summary strong{color:#fff;font-weight:700}[data-theme=light] .sheet-summary b,[data-theme=light] .sheet-summary strong{color:#0f172a}.sheet-summary blockquote{color:#e2e8f0;background:#e11d4814;border-left:3px solid #e11d48;border-radius:0 6px 6px 0;margin:10px 0;padding:8px 12px;font-style:italic}[data-theme=light] .sheet-summary blockquote{color:#475569}.sheet-summary a{color:#3b82f6;text-decoration:underline}.sheet-summary ul,.sheet-summary ol{margin:6px 0;padding-left:18px}.sheet-summary li{margin-bottom:4px}.sheet-summary img{border-radius:8px;max-width:100%;margin:6px 0}.sheet-summary .ql-formula{margin:0 2px;display:inline-block}.flutter-action-bar{background:#121318f2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:54px;padding:0 12px;display:flex}[data-theme=light] .flutter-action-bar{background:#f8fafc;border-top:1px solid #00000014}.action-pill{color:#94a3b8;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:flex}[data-theme=light] .action-pill{color:#64748b}.heart-icon{color:#f43f5e}.ad-banner-preview{background:#5a181c;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;min-height:54px;margin-top:14px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000040}.ad-badge-wrap{z-index:10;position:absolute;top:4px;right:6px}.ad-badge-tag{color:#fff;letter-spacing:.2px;background:#000000a6;border:.5px solid #fff3;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.image-ad-container{width:100%;height:54px}.ad-img-element{object-fit:cover;width:100%;height:54px;display:block}.text-ad-container{background:linear-gradient(135deg,#5a181c 0%,#8b262d 100%);align-items:center;gap:8px;min-height:54px;padding:8px 12px;display:flex}.text-ad-icon{color:#ffeaa7;flex-shrink:0;align-items:center;display:flex}.text-ad-content{flex-direction:column;flex:1;gap:2px;padding-right:50px;display:flex;overflow:hidden}.ad-title-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;line-height:1.3;overflow:hidden}.ad-sponsor-text{color:#ffffffb3;font-size:9px}.text-ad-action{flex-shrink:0;align-items:center;gap:3px;display:flex}.ad-action-btn{color:#ffeaa7;font-size:10.5px;font-weight:600}.ad-caret{color:#ffeaa7}
