@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--bg: #f2ede4;--bg-warm: rgba(195, 168, 124, .18);--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--surface-dark: #121212;--ink: #18130e;--ink-soft: #5e5348;--line: rgba(23, 17, 12, .1);--accent: #121212;--accent-soft: rgba(18, 18, 18, .08);--success: #0f8b62;--error: #b64835;--shadow: 0 18px 60px rgba(33, 23, 8, .12);--radius-xl: 32px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.75),transparent 42%),radial-gradient(circle at top right,rgba(93,67,25,.12),transparent 28%),linear-gradient(180deg,#f4efe6,#efe7da 44%,#ece5da);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.public-shell{position:relative;min-height:100vh;padding:28px}.ambient{position:fixed;inset:auto;border-radius:999px;filter:blur(60px);pointer-events:none}.ambient-one{width:360px;height:360px;top:10px;left:-90px;background:#d2bc9a59}.ambient-two{width:420px;height:420px;right:-100px;bottom:-120px;background:#00000014}.topbar,.hero-panel,.sidebar-panel,.workspace-panel,.hero-ad-strip,.footer-strip,.toast,.challenge-card{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;margin-bottom:22px;background:#ffffff8f;border:1px solid rgba(255,255,255,.5);border-radius:999px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--surface-dark);color:#fff;font-weight:800}.brand-block h1,.hero-copy h2,.panel-head h3,.detail-sponsor h4,.email-detail h4{margin:0}.eyebrow,.slot-label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.topbar-meta{display:flex;align-items:center;gap:12px}.meta-pill{padding:10px 14px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--line);color:var(--ink-soft);font-size:.9rem}.meta-pill.state-open{color:var(--success)}.meta-pill.state-warming{color:#9a6a14}.meta-pill.state-busy,.meta-pill.state-saturated{color:var(--error)}.surface-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.74fr);gap:22px;align-items:start}.hero-panel,.sidebar-panel,.workspace-panel,.hero-ad-strip,.footer-strip{background:var(--surface);border:1px solid rgba(255,255,255,.56);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:24px;padding:28px;border-radius:var(--radius-xl)}.hero-copy p{max-width:620px;color:var(--ink-soft);line-height:1.65}.hero-actions,.inbox-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.ghost-button,.challenge-choice{border:0;border-radius:14px;padding:12px 16px;transition:transform .18s ease,background-color .18s ease,color .18s ease}.primary-button{background:var(--surface-dark);color:#fff;font-weight:700}.primary-button:hover,.challenge-choice:hover{transform:translateY(-1px)}.ghost-button{background:var(--accent-soft);color:var(--ink)}.wide{width:100%}.hero-stats{display:grid;gap:14px}.metric-card,.sponsored-card,.detail-sponsor,.inline-detail-ad,.adsense-slot,.empty-state,.challenge-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-lg)}.metric-card{padding:18px}.metric-card span{display:block;font-size:.86rem;color:var(--ink-soft)}.metric-card strong{display:block;margin-top:6px;font-size:2rem}.sidebar-panel{padding:24px;border-radius:var(--radius-xl);display:grid;gap:18px}.panel-head p,.sponsored-card p,.detail-sponsor p,.empty-state p,.footer-ad span{color:var(--ink-soft)}.field{display:grid;gap:8px}.field span{font-size:.9rem;font-weight:700}.field input,.field select{width:100%;padding:13px 15px;border-radius:14px;border:1px solid var(--line);background:#ffffffeb;color:var(--ink)}.compact-slot{margin-top:8px}.quick-pill-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-pill{padding:14px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line)}.quick-pill span,.quick-pill small{display:block;color:var(--ink-soft)}.quick-pill strong{display:block;margin-top:6px;font-size:1.05rem}.sponsored-card,.detail-sponsor,.inline-detail-ad,.adsense-slot,.empty-state{padding:18px}.workspace-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.1fr) minmax(320px,.85fr);gap:18px;padding:18px;border-radius:calc(var(--radius-xl) + 4px)}.inbox-rail,.message-panel,.detail-panel{display:grid;gap:14px;min-width:0}.panel-head.compact{padding:8px 8px 4px}.refresh-badge{padding:10px 14px;border-radius:999px;background:#1212120d;border:1px solid var(--line);color:var(--ink-soft);font-size:.86rem}.inbox-list,.message-list{display:grid;gap:10px}.inbox-tile,.feed-row{width:100%;text-align:left;border:1px solid var(--line);background:var(--surface-strong);border-radius:18px}.inbox-tile{display:grid;gap:6px;padding:16px}.inbox-tile.active,.feed-row.active{border-color:#12121266;box-shadow:inset 0 0 0 1px #12121214}.inbox-address,.feed-topline strong{font-weight:800}.inbox-meta,.feed-from,.feed-size,.challenge-expiry{color:var(--ink-soft);font-size:.88rem}.tile-link{color:var(--error);font-weight:700}.feed-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px}.feed-row.is-ad{grid-template-columns:auto minmax(0,1fr)}.feed-avatar,.feed-ad-badge,.sender-chip img{width:42px;height:42px;border-radius:14px}.feed-avatar{display:grid;place-items:center;overflow:hidden;background:#12121214;font-weight:800}.feed-avatar img,.sender-chip img{width:100%;height:100%;object-fit:cover}.feed-ad-badge{display:grid;place-items:center;background:var(--surface-dark);color:#fff;font-weight:800}.feed-copy{min-width:0}.feed-topline{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.feed-copy p,.email-detail pre{margin:8px 0 0;white-space:pre-wrap}.email-detail,.detail-sponsor{display:grid;gap:14px}.email-meta,.sender-chip{display:flex;align-items:center;gap:12px}.sender-chip{padding:10px;border-radius:14px;background:#1212120a;width:fit-content}.email-body{padding:18px;border-radius:18px;background:#ffffffe0;border:1px solid var(--line);min-height:220px;overflow:auto}.hero-ad-strip,.footer-strip{margin-top:20px;padding:12px;border-radius:24px;display:grid;gap:10px}.hero-ad-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hero-ad,.footer-ad{border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;padding:16px;text-align:left}.footer-strip{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.toast-stack{position:fixed;right:24px;bottom:24px;display:grid;gap:10px;z-index:20}.toast{min-width:260px;padding:14px 18px;border-radius:16px;color:#fff;box-shadow:var(--shadow)}.toast.neutral{background:#121212d1}.toast.success{background:#0f8b62e6}.toast.error{background:#b64835eb}.challenge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#110c0680;z-index:25;padding:24px}.challenge-card{max-width:520px;width:100%;padding:28px;box-shadow:0 26px 90px #0000003d}.challenge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.challenge-choice{background:#12121214;color:var(--ink);font-weight:700}@media (max-width: 1220px){.surface-grid,.workspace-panel{grid-template-columns:1fr}}@media (max-width: 720px){.public-shell{padding:16px}.topbar,.hero-panel{border-radius:24px}.topbar,.feed-topline,.topbar-meta,.hero-panel{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.feed-row,.challenge-grid,.quick-pill-group{grid-template-columns:1fr}}