@import "https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201e1d;--color-accent:#0088b0;--color-accent-2:#d6006c;--color-divider:#201e1d29;--color-neutral-100:#f8f4f4;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-700:#605d5d;--color-accent-100:#e9f8ff;--color-accent-600:#1186ac;--color-accent-700:#006786;--color-accent-900:#0a303e;--color-accent-2-100:#fff1f4;--color-accent-2-700:#aa0b56;--font-heading:"Source Serif 4", ui-serif, Georgia, serif;--font-body:"Source Serif 4", ui-serif, Georgia, serif;--radius-md:2px;--radius-lg:4px;--shadow-lg:0 12px 32px #2d2b2b38}*,:before,:after{box-sizing:border-box}body{background:var(--color-neutral-200);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.55}button,input,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.broadsheet-app{grid-template-columns:minmax(220px,.8fr) 390px minmax(240px,.9fr);justify-content:center;align-items:start;gap:40px;min-height:100vh;padding:44px 28px;display:grid}.desktop-intro,.prototype-notes{padding-top:8px;position:sticky;top:40px}.desktop-intro h1{margin:4px 0 10px;font-size:56px;font-weight:600;line-height:1}.desktop-intro p,.prototype-notes p,.muted{color:color-mix(in srgb, var(--color-text) 74%, transparent)}.prototype-notes h2{margin:0 0 10px;font-size:24px}.phone-frame{background:var(--color-bg);border-radius:var(--radius-lg);width:390px;height:844px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.screen-scroll{scrollbar-width:none;flex:1;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{width:0}.screen-content{min-height:100%;padding:26px 22px 30px}.top-row,.play-header,.bar-labels{justify-content:space-between;align-items:center;display:flex}.eyebrow,.topic-tag,.privacy-pill,.streak,.tag{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:10px}.magenta{color:var(--color-accent-2-700)}.screen-title,.question-title,.drop-title{font-family:var(--font-heading);text-wrap:pretty;margin:14px 0;font-weight:600;line-height:1.08}.screen-title{max-width:14ch;font-size:34px}.question-title{font-size:31px}.drop-title{font-size:29px}.surface{background:var(--color-surface);border-radius:var(--radius-md);margin-top:16px;padding:18px}.surface h3{margin:6px 0;font-size:23px;font-weight:600;line-height:1.15}.surface p,.atlas-teaser span,.text-link span{margin:0;font-size:13px;line-height:1.5}.accent-surface{background:var(--color-accent-100);color:var(--color-accent-900)}.btn{border-radius:var(--radius-md);cursor:pointer;min-height:44px;color:var(--color-text);background:0 0;border:0;padding:10px 15px}.btn:hover,.choice-tile:hover,.discovery-card:hover,.atlas-teaser:hover,.text-link:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.btn.primary{color:var(--color-bg);background:var(--color-accent)}.btn.primary:hover{background:var(--color-accent-600)}.btn.ghost{padding-left:0;padding-right:0}.block{width:100%;margin-top:16px}.pip-row{gap:4px;margin:16px 0;display:flex}.pip-row span{background:var(--color-neutral-300);border-radius:2px;flex:1;height:4px}.pip-row .done,.drop-dots .active{background:var(--color-accent)}.text-link,.atlas-teaser,.discovery-card{all:unset;cursor:pointer;border-radius:var(--radius-md);width:100%;min-height:48px;display:block}.text-link{margin-top:28px}.text-link strong,.atlas-teaser strong,.discovery-card strong{font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:1.2;display:block}.text-link span,.atlas-teaser span,.discovery-card span{color:color-mix(in srgb, var(--color-text) 62%, transparent);display:block}.atlas-teaser{margin-top:32px}.drop-dots{gap:6px;display:flex}.drop-dots span{background:var(--color-neutral-300);border-radius:2px;width:22px;height:3px}.proportion{margin:24px 0}.bar-labels{margin-bottom:8px;font-size:14px}.split-bar{background:var(--color-neutral-300);border-radius:var(--radius-md);height:20px;margin-bottom:12px;display:flex;overflow:hidden}.split-bar .mine{background:var(--color-accent)}.split-bar .other{background:repeating-linear-gradient(45deg, var(--color-neutral-700) 0 4px, color-mix(in srgb, var(--color-neutral-700) 70%, transparent) 4px 8px)}.stat-pair,.recap-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.stat-pair span,.recap-stats span{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:10px;display:block}.stat-pair strong,.recap-stats strong{font-family:var(--font-heading);font-size:19px;font-weight:600;line-height:1.15;display:block}.privacy-pill,.tag{background:var(--color-accent-100);width:fit-content;min-height:24px;color:var(--color-accent-700);border-radius:var(--radius-md);align-items:center;padding:2px 8px;display:inline-flex}.topic-tag{margin-top:26px}.choice-list{gap:10px;margin-top:24px;display:grid}.choice-tile{border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);min-height:78px;color:var(--color-text);text-align:left;font-family:var(--font-heading);border:0;padding:16px;font-size:21px;font-weight:600}.skip-button{color:color-mix(in srgb, var(--color-text) 55%, transparent);cursor:pointer;background:0 0;border:0;margin:18px auto 0;display:block}.prediction-number{font-family:var(--font-heading);margin:20px 0 8px;font-size:54px;font-weight:600;line-height:1}.slider{width:100%;accent-color:var(--color-accent)}.small{font-size:12px}.atlas-screen .input{margin-bottom:14px}.input{border:1px solid var(--color-divider);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--color-text);background:var(--color-bg);padding:10px 12px}.text-area{resize:vertical;min-height:110px}.topic-row{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.atlas-section{margin-top:26px}.discovery-card{padding:12px 0}.bottom-nav{border-top:1px solid var(--color-divider);background:var(--color-bg);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px 14px;display:grid}.bottom-nav button{border-radius:var(--radius-md);min-height:40px;color:color-mix(in srgb, var(--color-text) 60%, transparent);cursor:pointer;background:0 0;border:0}.bottom-nav .active{color:var(--color-accent-700);background:var(--color-accent-100)}@media (width<=880px){.broadsheet-app{padding:0;display:block}.desktop-intro,.prototype-notes{display:none}.phone-frame{width:100%;height:100dvh;min-height:100dvh;box-shadow:none;border-radius:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}