:root{--bg:var(--wl-bg);--panel:var(--wl-surface);--panel-2:var(--wl-surface-muted);--text:var(--wl-text);--muted:var(--wl-text-muted);--line:var(--wl-border);--purple:var(--wl-primary);--blue:var(--wl-primary);--green:var(--wl-accent);--orange:var(--wl-accent);--paper:var(--wl-screen);--ink:var(--wl-text);--ink-soft:var(--wl-text-muted);font-family:var(--wl-font-ui)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app-canvas{background:radial-gradient(circle at 20% 10%,#6f3cff59,#0000 28%),radial-gradient(circle at 80% 90%,#1f7cff2e,#0000 34%),#07070b;place-items:center;min-height:100svh;padding:18px;display:grid}.phone-frame{background:#000;border-radius:38px;width:min(100%,430px);height:min(900px,100svh - 36px);padding:8px;box-shadow:0 28px 80px #0000008c,0 0 0 1px #ffffff14}.phone-screen{scrollbar-width:none;background:linear-gradient(#101827,#07070b 52%);border-radius:32px;height:100%;padding:18px 18px 94px;position:relative;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}.tone-editorial .phone-screen{color:var(--ink);background:linear-gradient(180deg, #f7f1e6f0, #f2e9dafa), var(--paper)}.top-bar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#07070bd1;justify-content:space-between;align-items:center;gap:12px;margin:-18px -18px 20px;padding:18px;display:flex;position:sticky;top:-18px}.tone-editorial .top-bar{color:var(--ink);background:#f7f1e6db;border-color:#1c19161a}.top-bar div{text-align:center;gap:2px;display:grid}.top-bar span{color:var(--muted);font-size:12px}.tone-editorial .top-bar span{color:var(--ink-soft)}.circle-button{background:#ffffff14;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.tone-editorial .circle-button{background:#1c191614}.circle-button.accent{background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff}.home-hero h1,.discover-head h1{letter-spacing:-.04em;margin:12px 0 4px;font-size:34px}.home-hero p,.discover-head p{color:var(--muted)}.soft-pill,.pill{color:#cfc2ff;background:#6f3cff2e;border:1px solid #6f3cff59;border-radius:999px;width:fit-content;padding:7px 12px;font-size:13px;display:inline-flex}.hero-actions,.chips,.article-tools,.question-chips{flex-wrap:wrap;gap:10px;display:flex}.hero-actions a,.article-tools a,.quick-question button,.question-chips button,.mode-switcher a{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:999px;padding:10px 14px}.hero-actions a:first-child,.mode-switcher .active{background:linear-gradient(135deg, var(--purple), var(--blue));border:0}.quick-question,.helper-card,.question-panel,.editorial-card,.timeline-card{border:1px solid var(--line);background:#ffffff14;border-radius:24px;margin:18px 0;padding:18px}.quick-question small,.editorial-kicker{color:#a999ff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.quick-question h2{margin:8px 0 14px}.section-heading{justify-content:space-between;align-items:center;margin:22px 0 12px;display:flex}.section-heading span,.section-heading strong{font-weight:800}.section-heading a{color:#a999ff;font-size:13px}.article-card{border:1px solid var(--line);background:#ffffff0f;border-radius:20px;grid-template-columns:112px 1fr;gap:14px;margin-bottom:12px;padding:12px;display:grid}.article-card:not(.compact){grid-template-columns:1fr}.article-card img{object-fit:cover;filter:brightness(.8);border-radius:14px;width:100%;height:100%;min-height:96px}.article-card:not(.compact) img{height:210px}.article-card h2{margin:8px 0 6px;font-size:17px;line-height:1.15}.article-card p,.article-card small{color:var(--muted)}.mode-switcher{background:#ffffff0f;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0;padding:6px;display:grid}.mode-switcher a{text-align:center;padding:10px}.grid-feed{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-feed .article-card{margin:0;display:block}.grid-feed .article-card img{height:140px}.scroll-feed{padding-bottom:24px}.swipe-card{background:#000;border-radius:28px;align-items:flex-end;min-height:560px;display:flex;position:relative;overflow:hidden}.swipe-card img{object-fit:cover;opacity:.58;width:100%;height:100%;position:absolute;inset:0}.swipe-card div{background:linear-gradient(#0000,#000000e6);padding:22px;position:relative}.swipe-card h2{font-size:28px;line-height:1.02}.article-hero{object-fit:cover;filter:brightness(.78);border-radius:26px;width:100%;height:260px}.article-meta{color:var(--muted);margin-top:18px;font-size:13px}.article-page h1{letter-spacing:-.04em;font-size:33px;line-height:1.02}.intro{color:#deddea;font-size:18px;line-height:1.45}.article-body p{color:#d7d6dd;font-size:17px;line-height:1.68}.help-button{background:linear-gradient(135deg, var(--purple), var(--blue));border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;font-weight:900;display:grid;position:sticky;bottom:18px;left:calc(100% - 72px);box-shadow:0 0 34px #6f3cffa6}.helper-card.purple{background:linear-gradient(135deg,#6f3cff47,#34145c85)}.helper-card.green{background:linear-gradient(135deg,#0fbf7a3d,#09442f80)}.helper-card.orange{background:linear-gradient(135deg,#b3441a4d,#501b0e85)}.helper-head{justify-content:space-between;gap:10px;margin-bottom:12px;font-weight:800;display:flex}.helper-head small{color:var(--muted)}.helper-card li,.helper-card p{color:#f0eef6;line-height:1.55}.helper-card a{color:#d8ccff;font-weight:800}.perspective-list{gap:12px;display:grid}.question-panel h2{margin-top:0}.question-panel p{color:var(--muted)}.question-chips button{text-align:left}.sample-answer{background:#ffffff12;border-radius:18px;margin-top:14px;padding:14px}.story-page{font-family:Geist,ui-sans-serif,system-ui,sans-serif}.story-hero{padding:10px 0 8px}.story-hero h1{letter-spacing:-.025em;margin:10px 0;font-family:"Source Serif 4",Georgia,serif;font-size:34px;line-height:1.03}.story-hero p{color:var(--ink-soft);font-size:17px;line-height:1.45}.story-tabs{gap:8px;margin:12px -18px 18px;padding:0 18px;display:flex;overflow-x:auto}.story-tabs a{color:var(--ink-soft);background:#ffffff70;border:1px solid #1c191624;border-radius:999px;flex:none;padding:10px 13px}.story-tabs .active{background:var(--ink);color:var(--paper)}.hub-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hub-card{background:#fffaf0;border:1px solid #1c19161f;border-radius:20px;flex-direction:column;gap:10px;min-height:152px;padding:16px;display:flex}.hub-card small{color:var(--orange);font-family:ui-monospace,monospace}.hub-card strong{font-family:"Source Serif 4",Georgia,serif;font-size:21px;line-height:1.05}.hub-card span{color:var(--ink-soft);font-size:13px}.timeline-card,.editorial-card{color:var(--ink);background:#fffaf0;border-color:#1c19161f}.timeline-track{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.timeline-item{border-left:4px solid var(--orange);background:#f1e6d3;border-radius:18px;min-width:220px;padding:16px}.timeline-item time{color:var(--orange);font-size:12px;font-weight:900}.timeline-item h3{margin:8px 0;font-family:"Source Serif 4",Georgia,serif}.timeline-item p{color:var(--ink-soft);line-height:1.45}.pnn-grid,.actors-list{gap:12px;display:grid}.pnn-card,.actor-card,.related-item{background:#fffaf0;border:1px solid #1c19161f;border-radius:20px;padding:16px}.pnn-card time{color:var(--orange);font-weight:900}.pnn-card h2{margin-bottom:8px;font-family:"Source Serif 4",Georgia,serif}.actor-card div{background:var(--ink);width:42px;height:42px;color:var(--paper);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.actor-card span,.actor-card p{color:var(--ink-soft)}.story-mode{color:#fff;background:linear-gradient(150deg,#12101a,#351b52);border-radius:28px;min-height:520px;padding:20px}.progress-bars{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.progress-bars span{opacity:.75;background:#fff;border-radius:99px;height:4px}.story-mode article{background:#ffffff1a;border-radius:22px;margin-top:18px;padding:18px}.related-item{grid-template-columns:70px 1fr;align-items:center;gap:12px;margin-bottom:10px;display:grid}.related-item img{object-fit:cover;border-radius:14px;width:70px;height:70px}.bottom-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07070be6;grid-template-columns:repeat(3,1fr);width:min(414px,100vw - 52px);padding:12px 18px 18px;display:grid;position:fixed;bottom:max(0px,50svh - 442px);left:50%;right:auto;transform:translate(-50%)}.bottom-nav a{text-align:center;color:var(--muted);font-size:13px}.bottom-nav .active{color:#c9bbff;font-weight:900}.propositions-page{color:#fff;background:#08080d;min-height:100svh;padding:48px clamp(18px,4vw,64px)}.propositions-hero{max-width:860px;margin-bottom:40px}.propositions-hero span{color:#a999ff;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.propositions-hero h1{letter-spacing:-.06em;margin:14px 0;font-size:clamp(42px,7vw,88px);line-height:.92}.propositions-hero p{color:var(--muted);max-width:680px;font-size:20px}.propositions-hero a,.proposition-card a{background:linear-gradient(135deg, var(--purple), var(--blue));border-radius:999px;padding:12px 18px;font-weight:900;display:inline-flex}.proposition-grid{gap:28px;display:grid}.proposition-card{border:1px solid var(--line);background:#ffffff0f;border-radius:30px;grid-template-columns:minmax(280px,1fr) 430px;align-items:center;gap:28px;padding:24px;display:grid}.proposition-card h2{margin:0 0 8px;font-size:32px}.proposition-card p{color:var(--muted)}.proposition-card iframe{background:#000;border:0;border-radius:28px;width:100%;height:720px}.embed-page .app-canvas{background:0 0;min-height:auto;padding:0}.embed-page .phone-frame{height:780px;box-shadow:none}.error-page{padding:48px}.error-page a{color:#a999ff}@media (width<=800px){.app-canvas{padding:0}.phone-frame{border-radius:0;width:100%;height:100svh;padding:0}.phone-screen{border-radius:0}.proposition-card{grid-template-columns:1fr}.proposition-card iframe{height:640px}}body{background:var(--wl-bg);color:var(--wl-text)}.app-canvas{background:radial-gradient(circle at 20% 8%, color-mix(in srgb, var(--wl-primary) 16%, transparent), transparent 30%), linear-gradient(135deg, var(--wl-canvas), var(--wl-bg))}.phone-frame{background:var(--wl-frame);box-shadow:var(--wl-shadow)}.phone-screen,.tone-editorial .phone-screen{background:var(--wl-screen);color:var(--wl-text)}.top-bar,.tone-editorial .top-bar,.bottom-nav{background:var(--wl-overlay);border-color:var(--wl-border);color:var(--wl-text)}.top-bar{grid-template-columns:46px 1fr auto;display:grid}.top-bar-actions{align-items:center;gap:8px!important;display:flex!important}.circle-button,.tone-editorial .circle-button{background:var(--wl-surface-muted);color:var(--wl-text)}.circle-button.accent,.help-button,.hero-actions a:first-child,.mode-switcher .active,.story-tabs .active,.actor-card div,.propositions-hero a,.proposition-card a{background:var(--wl-primary);color:var(--wl-primary-contrast);box-shadow:none;border:0}.top-bar span,.tone-editorial .top-bar span,.home-hero p,.discover-head p,.article-card p,.article-card small,.article-meta,.intro,.article-body p,.helper-head small,.question-panel p,.sample-answer p,.story-hero p,.hub-card span,.timeline-item p,.actor-card span,.actor-card p,.propositions-hero p,.proposition-card p,.bottom-nav a{color:var(--wl-text-muted)}.soft-pill,.pill,.quick-question small,.editorial-kicker,.section-heading a,.hub-card small,.timeline-item time,.pnn-card time,.helper-card a,.error-page a{background:var(--wl-primary-soft);border-color:color-mix(in srgb, var(--wl-primary) 36%, transparent);color:var(--wl-primary)}.quick-question,.helper-card,.question-panel,.editorial-card,.timeline-card,.article-card,.hub-card,.timeline-item,.pnn-card,.actor-card,.related-item,.sample-answer,.proposition-card,.mode-switcher,.story-tabs a,.hero-actions a,.article-tools a,.quick-question button,.question-chips button,.mode-switcher a{background:var(--wl-surface);border-color:var(--wl-border);color:var(--wl-text)}.helper-card.purple,.helper-card.green,.helper-card.orange{background:var(--wl-surface)}.helper-card li,.helper-card p{color:var(--wl-text)}.helper-head span{color:var(--wl-primary)}.article-card img,.article-hero{filter:saturate(.96)brightness(.95)}.swipe-card,.story-mode{background:var(--wl-surface-muted);color:var(--wl-text)}.swipe-card div{color:#fff;background:linear-gradient(#0000,#000000d1)}.timeline-card,.editorial-card,.pnn-card,.actor-card,.related-item,.hub-card,.story-hero h1,.hub-card strong,.timeline-item h3,.pnn-card h2{color:var(--wl-text)}.progress-bars span{background:var(--wl-primary)}.story-mode article{background:var(--wl-surface);border:1px solid var(--wl-border)}.bottom-nav .active{color:var(--wl-primary)}.propositions-page{background:var(--wl-bg);color:var(--wl-text)}.propositions-hero span{color:var(--wl-primary)}.theme-toggle--compact{background:var(--wl-primary);color:#fff;border-radius:50%;width:46px;height:46px;min-height:46px;padding:0}.theme-toggle--compact .theme-toggle__icon{color:#fff;background:0 0}[data-theme=dark] .swipe-card div{background:linear-gradient(#0000,#000000e6)}[data-theme=dark] .swipe-card div,[data-theme=dark] .swipe-card p,[data-theme=dark] .swipe-card small{color:#fff}@media (width<=800px){.bottom-nav{width:100%;bottom:0}}