:root{--paper:#f7f5f2;--ink:#28232b;--green:#49354f;--muted:#706775;--line:#ded7e1}html{scroll-padding-top:28px}body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}button:hover,a:hover{filter:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #706775;outline-offset:5px}button:disabled{cursor:default}.preview{padding:7px 20px;background:transparent;border-bottom:1px solid #28232b0d;color:#706775;font-size:8px;font-weight:400;letter-spacing:1.5px}.preview span{font-size:9px;letter-spacing:.2px}header{height:88px;max-width:1440px;padding:0 5.5%;border-bottom:1px solid var(--line)}header .brand img{display:block;width:38px;height:38px;object-fit:contain}header nav{gap:32px;margin-left:auto;margin-right:40px}header nav a,header nav button{font-size:11px}.outline,.primary{border-radius:32px;padding:14px 22px;min-height:44px;font-size:12px}.outline{border-color:#a899af;transition:background .25s,border-color .25s}.outline:hover{background:#e9e2ec;border-color:#706775}.primary{background:var(--green)}main{max-width:1440px;padding:0 5.5%}.opening{padding:30px 0 4px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.opening h1{font-size:clamp(24px,2.5vw,35px);letter-spacing:-1.1px;font-weight:400;line-height:1.2;margin:0}.opening p{font-size:11px;color:var(--muted);margin:0;letter-spacing:.2px}.featured{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:590px;padding:0 0 30px;scroll-margin-top:20px}.featured-copy{position:relative;z-index:1;padding:35px 0}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:400}.tiny-dot{width:5px;height:5px;background:#706775}.featured .eyebrow{flex-wrap:wrap;gap:9px}#featured-category{font-size:9px;letter-spacing:.4px;color:#706775;margin-left:12px}#featured-question{font-size:clamp(32px,3.9vw,59px);font-weight:400;line-height:1.12;letter-spacing:-2px;margin:25px 0 20px;max-width:620px;text-wrap:pretty}.featured-context{font-size:13px;line-height:1.7;color:var(--muted);max-width:440px;margin:0 0 30px}.featured-actions{display:flex;gap:12px}.featured-actions:empty{display:none}.vote{width:146px;border:1px solid #706775;border-radius:32px;padding:16px 23px;display:flex;justify-content:space-between;background:transparent;color:var(--ink);transition:background .3s,border-color .3s,transform .3s}.vote span{opacity:.55}.vote:not(:disabled):hover,.vote:focus-visible{background:#e9e2ec;border-color:#706775;transform:translateY(-2px)}.vote:active{background:#49354f;color:#fffdfc}.featured-meta{margin-top:22px;font-size:10px;color:var(--muted);letter-spacing:.4px}.featured-confirmation{min-height:52px;display:flex;align-items:center;font-size:17px;letter-spacing:-.3px}.featured-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:15px}.text-button{font-size:11px;color:#49354f;text-underline-offset:5px}.text-button:hover{text-decoration:underline}.featured-visual{height:min(670px,70vh);min-height:490px;position:relative;isolation:isolate}.featured-visual canvas{display:block;width:100%;height:100%}.material-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.orbital-result{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;opacity:0;pointer-events:none}.orbital-result strong{font-size:clamp(52px,6vw,90px);font-weight:400;letter-spacing:-5px;white-space:nowrap;font-variant-numeric:tabular-nums}.orbital-result em{font-size:.51em;font-style:normal;letter-spacing:-1px;margin-left:8px}.orbital-result>span{font-size:13px;letter-spacing:1px;margin-top:8px;color:#706775}.orbital-legend{position:absolute;bottom:12%;left:0;right:0;display:flex;justify-content:center;gap:30px;font-size:11px;opacity:0}.orbital-legend span{display:flex;align-items:center;gap:8px}.orbital-legend i{width:5px;height:5px;border-radius:50%;background:var(--green)}.orbital-legend span+span i{background:#fffdfc;box-shadow:0 0 0 1px #a899af}.orbital-legend b{font-weight:400;margin-left:8px}.orbital-caption{position:absolute;bottom:8%;left:0;right:0;text-align:center;transition:opacity .4s}.orbital-caption span{font-size:8px;letter-spacing:2.2px}.orbital-caption small{display:block;font-size:9px;color:#706775;margin-top:9px}.orbital-motion{position:absolute;right:0;bottom:0;border:0;background:none;font-size:9px;color:#706775;padding:10px}.questions{padding:48px 0 60px;border-top:1px solid var(--line)}h2{font-size:35px;font-weight:400;letter-spacing:-1.2px}.section-head{align-items:center}.section-note,.sample-label{font-size:10px;color:var(--muted)}.toolbar{margin:27px 0 12px}.filters{gap:7px}.filters button{border:1px solid transparent;border-radius:28px;padding:10px 16px;font-size:11px;color:#706775}.filters button:hover{background:#e9e2ec}.filters .selected{background:transparent;border-color:#a899af;color:var(--ink)}.search{background:transparent;border-radius:25px;border-color:#ded7e1;padding:10px 15px}.search input{width:160px;font-size:11px;outline-offset:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.card{padding:30px 0 26px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;min-height:270px;box-shadow:none}.card-top{font-size:9px}.category{background:transparent;padding:0;letter-spacing:.7px;color:#706775}.card h3{margin:20px 0 12px;font-size:24px;letter-spacing:-.6px;font-weight:400}.question-title{font:inherit;color:inherit;line-height:1.3;letter-spacing:inherit;border:0;background:none;text-align:left;padding:0}.question-title:hover{color:#706775}.context{font-size:12px;line-height:1.7;margin-bottom:24px}.choices{display:flex;gap:10px}.choices button,.choices button:last-child{flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;min-height:45px;border:1px solid #a899af;border-radius:28px;background:transparent;font-size:12px;color:var(--ink);transition:background .25s,border-color .25s,transform .25s}.choices button span{opacity:.55}.choices button:not(:disabled):hover,.choices button:last-child:not(:disabled):hover{background:#e9e2ec;border-color:#706775;transform:translateY(-1px)}.choices button:active,.choices button:last-child:active{background:#49354f;color:#fffdfc}.card-bottom{border:0;margin-top:14px;padding-top:4px;font-size:10px}.saved-answer{font-size:12px;color:#49354f;margin:6px 0 16px}.compact-result{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px}.compact-track{flex-basis:100%;height:3px;background:#fffdfc;box-shadow:0 0 0 1px #ded7e1;overflow:hidden;border-radius:6px}.compact-track i{display:block;height:100%;background:#706775;border-radius:6px}.most-answered{border-top:1px solid var(--line);padding:42px 0 58px}.top-list{list-style:none;padding:0;margin:27px 0 0}.top-list li{border-bottom:1px solid var(--line)}.top-list button{display:grid;grid-template-columns:40px 1fr 90px 20px;gap:22px;align-items:center;width:100%;text-align:left;background:transparent;border:0;padding:21px 0;font-size:17px;letter-spacing:-.3px;transition:color .2s}.top-list button:hover{color:#706775}.top-list .rank{font-size:11px;letter-spacing:1px;color:#706775}.top-list small{display:block;font-size:9px;letter-spacing:.3px;color:var(--muted);margin-top:6px}.top-count{text-align:right;font-size:17px;font-variant-numeric:tabular-nums}.contribute{background:transparent;border-top:1px solid var(--line);border-radius:0;padding:42px 0;margin:0;gap:25px}.contribute h2{font-size:29px}.contribute p{font-size:12px}footer{max-width:1282px;margin:20px auto 0;padding:35px 0 26px;gap:25px}.footer-brand{font-size:15px;letter-spacing:-.4px}.footer-links{gap:24px}.footer-links button{font-size:10px}.footer-small{font-size:9px;line-height:1.6;border:0;color:#706775}dialog{background:var(--paper);border-radius:16px;box-shadow:0 24px 100px #28232b20}dialog::backdrop{background:#49354f38;backdrop-filter:blur(6px)}dialog h2{font-weight:400}dialog p{font-size:13px}form textarea,form select,form input[type=email],form input[type=password]{background:#fffdfc99;border-radius:9px}.notice{border-radius:28px;background:#49354f;line-height:1.6;font-size:12px}.skip:focus{top:0;z-index:40}.featured[aria-busy=true] .featured-copy{opacity:.65}#empty{border:0;background:transparent;padding:42px 20px}.check input{accent-color:#49354f}
@media(min-width:1500px){header,main{padding-left:72px;padding-right:72px}.featured{min-height:650px}}
@media(max-width:1050px){header,main{padding-left:28px;padding-right:28px}.featured{grid-template-columns:48% 52%;min-height:520px}.featured-visual{min-height:420px;height:540px}#featured-question{font-size:40px;letter-spacing:-1.4px}.cards{gap:0 30px}footer{margin:20px 28px 0}.opening p{max-width:160px;line-height:1.5;text-align:right}}
@media(max-width:700px){html{scroll-padding-top:16px}.preview{padding:5px 16px;font-size:7px;letter-spacing:1px}.preview span{display:inline;font-size:8px;margin-left:8px}header{height:66px;padding:0 6%;gap:16px}header .brand img{width:32px;height:32px}header nav{display:none}header>.outline{margin-left:auto;padding:9px 16px;font-size:10px;min-height:38px}main{padding:0 6%}.opening{display:block;padding:22px 0 0}.opening h1{font-size:25px;letter-spacing:-.8px}.opening p{display:none}.featured{display:flex;flex-direction:column;min-height:0;padding-bottom:24px}.featured-copy{padding:29px 0 0;width:100%}.featured .eyebrow{font-size:8px;letter-spacing:1.6px}#featured-category{font-size:8px}#featured-question{font-size:34px;letter-spacing:-1.3px;line-height:1.12;margin:18px 0 14px}.featured-context{font-size:12px;line-height:1.6;margin-bottom:20px}.vote{width:139px;padding:14px 22px;font-size:14px;min-height:46px}.featured-meta{font-size:9px;margin-top:17px}.featured-links{gap:22px;margin-top:12px}.featured-links .text-button{font-size:10px;min-height:30px}.featured-confirmation{font-size:15px;min-height:46px}.featured-visual{width:100%;height:380px;min-height:0;margin-top:3px}.orbital-result strong{font-size:64px}.orbital-result>span{font-size:11px}.orbital-motion{font-size:8px}.orbital-legend{font-size:10px}.questions{padding:30px 0 35px}h2{font-size:28px}.section-head .eyebrow{font-size:8px}.sample-label{margin:0;font-size:9px}.toolbar{gap:16px;margin-top:22px}.filters{gap:3px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.filters button{padding:10px 12px;white-space:nowrap;font-size:10px}.search input{width:100%}.cards{grid-template-columns:1fr}.card{padding:25px 0;min-height:0}.card h3{font-size:23px;margin:17px 0 12px}.context{margin-bottom:20px}.choices button,.choices button:last-child{min-height:46px}.most-answered{padding:30px 0 35px}.most-answered .section-head{align-items:start}.section-note{max-width:90px;line-height:1.6;text-align:right;font-size:8px}.top-list button{grid-template-columns:24px 1fr 48px;gap:12px;font-size:14px;padding:18px 0}.top-list button>span:last-child{display:none}.top-count{font-size:13px}.top-list .rank{font-size:9px}.contribute{display:block;padding:30px 0}.contribute h2{font-size:27px}.contribute .outline{margin-top:23px}footer{margin:12px 6% 0;display:block;padding-top:27px}.footer-links{justify-content:start;gap:18px;margin-top:20px}.footer-small{margin-top:22px}.notice{bottom:15px;width:calc(100% - 30px);padding:13px 19px;border-radius:14px}dialog{padding:30px 24px}.orbital-caption small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* A quieter rhythm: one map, individual results, full-page account and editorial tools. */
[hidden]{display:none!important}a.outline,a.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none}header a.outline{padding:12px 19px;border-radius:999px}nav a{white-space:nowrap}.card h3{font-size:23px;line-height:1.3;letter-spacing:-.035em;max-width:32ch}.card{scroll-margin-top:30px}.card-answer-space{min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.small-orbital{position:relative;align-self:center;width:240px;height:250px;isolation:isolate}.small-orbital canvas{position:absolute;inset:0;width:240px;height:240px}.small-orbital-center{position:absolute;left:0;right:0;top:83px;text-align:center;pointer-events:none}.small-orbital-center strong{font-size:46px;font-weight:500;letter-spacing:-.07em;font-variant-numeric:tabular-nums;line-height:1}.small-orbital-center strong span{font-size:22px;letter-spacing:-.04em;margin-left:2px}.small-orbital-center small{display:block;font-size:11px;letter-spacing:.07em;margin-top:8px;color:#706775}.small-orbital-legend{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:25px;font-size:11px}.small-orbital-legend span{display:flex;align-items:center;gap:5px}.small-orbital-legend b{font-weight:500}.small-orbital-legend i{width:5px;height:5px;border-radius:50%;background:#49354f}.small-orbital-legend span+span i{background:#fffdfc;box-shadow:0 0 0 1px #ded7e1}.saved-answer{text-align:center;margin:18px 0 0!important;font-size:13px;color:#49354f}.card-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.card-links .text-button{font-size:11px}.card-bottom{margin-top:22px}.card-bottom .text-button{font-size:12px}.top-list a{display:grid;grid-template-columns:44px 1fr 84px 20px;align-items:center;gap:18px;width:100%;padding:25px 0;color:inherit;text-decoration:none}.top-list a small{display:block;color:#706775;font-size:11px;margin-top:7px}.page-content{width:min(1120px,calc(100% - 96px));min-height:65vh;margin:80px auto 120px}.page-content h1{font-size:clamp(42px,5.2vw,74px);font-weight:450;line-height:1.05;letter-spacing:-.065em;margin:15px 0 24px;max-width:17ch}.page-content p{color:#706775;line-height:1.7;max-width:68ch}.page-heading{display:flex;justify-content:space-between;gap:40px;align-items:center}.page-heading .primary{flex-shrink:0}.page-section{margin-top:65px;border-top:1px solid #ded7e1;padding-top:35px}.page-section h2{font-size:29px;font-weight:450;letter-spacing:-.045em}.page-section h3{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em}.account-stats{display:flex;gap:50px;margin:35px 0 45px}.account-stats span{display:block;background:none!important;padding:0!important;border:none!important;font-size:12px;color:#706775}.account-stats strong{display:block;font-size:44px;letter-spacing:-.06em;font-weight:450;color:#28232b;margin-bottom:6px}.admin-entry{display:flex;align-items:center;gap:24px;border:1px solid #ded7e1;border-radius:18px;padding:25px;color:inherit;text-decoration:none;background:#e9e2ec}.admin-entry strong{flex:1;font-weight:500}.admin-entry>span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.admin-summary{display:flex;gap:30px;color:#706775;font-size:13px;margin:30px 0}.admin-item{background:transparent!important;border:0!important;border-bottom:1px solid #ded7e1!important;border-radius:0!important;padding:25px 0!important;margin:0!important}.admin-item h3{margin:12px 0}.admin-item .action-row{gap:20px}.admin-item .outline{font-size:12px;padding:10px 16px}.danger-link{color:#8a5045!important}.back-link{display:inline-block;font-size:12px;text-decoration:none;color:#706775;margin-bottom:30px}.standalone-question{max-width:720px;margin:0 auto}.standalone-question .card{padding:40px}.standalone-question h3{font-size:clamp(28px,4vw,42px);max-width:none}.standalone-question .card-answer-space{min-height:240px}.standalone-question .small-orbital{transform:scale(1.2);margin:25px 0}.method-note{font-size:11px;margin-top:25px}.setup-note{padding:18px;background:#e9e2ec;border-radius:12px}.about-intro{padding:30px 0 85px}.about-intro h1{font-size:clamp(44px,6.6vw,89px);max-width:19ch}.about-lead{font-size:22px;letter-spacing:-.02em}.about-story{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:65px 0;border-top:1px solid #ded7e1}.about-story h2{font-size:clamp(29px,3.2vw,43px);line-height:1.12;font-weight:450;letter-spacing:-.05em;max-width:20ch;margin:0 0 28px}.about-story p{font-size:17px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:45px 0 65px}.about-values article>span{font-size:11px;color:#706775}.about-values h3{font-size:26px;font-weight:450;letter-spacing:-.04em}.about-values p{font-size:14px}.about-outro{border-top:1px solid #ded7e1;padding:65px 0 10px}.about-outro h2{font-size:42px;letter-spacing:-.055em;font-weight:450}.share-options{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.page-content #question-form{max-width:680px}.page-content input,.page-content textarea,.page-content select{width:100%;background:#f7f5f2;border:1px solid #ded7e1;border-radius:12px;padding:15px;color:#28232b;font:inherit}.page-content label{display:block;margin:25px 0 10px;font-size:13px}.page-content #question-form .primary{margin-top:20px}.footer-links a{color:inherit;text-decoration:none;font-size:12px}.page-content .cards{gap:24px}.data-controls p{font-size:14px}
@media(max-width:700px){.page-content{width:calc(100% - 36px);margin:40px auto 65px}.page-heading{display:block}.page-heading .primary{margin-top:12px}.page-section{margin-top:40px;padding-top:25px}.account-stats{gap:35px;margin:25px 0}.admin-entry{padding:18px;gap:12px}.admin-entry>span:first-child{display:none}.admin-entry strong{font-size:13px}.about-intro{padding:5px 0 40px}.about-lead{font-size:18px}.about-story{grid-template-columns:1fr;gap:20px;padding:35px 0}.about-story p{font-size:15px}.about-values{grid-template-columns:1fr;gap:15px;padding:10px 0 35px}.about-values article{padding:20px 0;border-bottom:1px solid #ded7e1}.about-outro{padding:35px 0}.about-outro h2{font-size:34px}.small-orbital{width:220px;height:230px}.small-orbital canvas{width:220px;height:220px}.small-orbital-center{top:75px}.small-orbital-center strong{font-size:42px}.standalone-question .card{padding:24px}.card h3{font-size:22px}.top-list a{grid-template-columns:25px 1fr 55px 12px;gap:10px}header nav a{font-size:11px}header a.outline{padding:10px 12px;font-size:11px}.admin-summary{gap:18px;font-size:11px}}
.identity-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:22px;padding-bottom:22px;border-bottom:0}.identity-header .brand{justify-self:start}.wordmark{font-size:22px;font-weight:500;letter-spacing:-.065em;text-decoration:none;color:#28232b}.profile-link{justify-self:end;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #ded7e1;border-radius:50%;color:#28232b;text-decoration:none;transition:background .25s,border-color .25s}.profile-link:hover{background:#e9e2ec;border-color:#a899af}.secondary-nav{display:flex;justify-content:center;align-items:center;gap:36px;width:min(1240px,calc(100% - 96px));margin:0 auto;padding:4px 0 20px;border-bottom:1px solid #ded7e1}.secondary-nav a,.secondary-nav button{font-size:12px;color:#706775;text-decoration:none;border:0;background:none;padding:8px 0;cursor:pointer;white-space:nowrap;font-family:inherit}.secondary-nav a:hover,.secondary-nav button:hover{color:#28232b}.featured-context[hidden]{margin:0}.opening{padding-top:50px}
@media(max-width:700px){.identity-header{padding-top:16px;padding-bottom:12px}.wordmark{font-size:21px}.identity-header .brand img{width:32px;height:32px}.profile-link{width:37px;height:37px}.secondary-nav{width:calc(100% - 36px);gap:0;justify-content:space-between;padding-bottom:12px}.secondary-nav a,.secondary-nav button{font-size:10px}.opening{padding-top:24px}}
#featured{margin-top:36px}.secondary-opening{padding:90px 0 28px;text-align:left}.secondary-opening h1{font-size:clamp(38px,5vw,68px);margin-bottom:12px}.secondary-opening p{margin:0;color:#706775}.questions{padding-top:30px}.questions .section-head h2{font-size:22px;letter-spacing:-.025em}.questions .section-head .eyebrow{display:none}
@media(max-width:700px){#featured{margin-top:22px}.secondary-opening{padding:50px 0 18px}.secondary-opening h1{font-size:37px;line-height:1.06}.questions{padding-top:20px}.questions .section-head h2{font-size:19px}}
/* V3: clearer section boundaries and independent, single-column questions. */
.identity-header{border-bottom:1px solid #ded7e1}.secondary-nav{border-bottom:0;padding-top:12px;padding-bottom:12px}#featured{border-bottom:1px solid #ded7e1;padding-bottom:42px;margin-bottom:0}.questions{padding-top:46px}.questions .section-head h2{font-size:clamp(32px,4vw,51px);font-weight:450;letter-spacing:-.05em;line-height:1.08}.questions .cards{display:flex;flex-direction:column;gap:0}.questions .card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 290px;column-gap:55px;align-items:center;padding:32px 0;border-bottom:1px solid #ded7e1}.questions .card-top{grid-column:1;margin-bottom:16px;align-self:end}.questions .card h3{grid-column:1;margin:0;font-size:clamp(23px,2.5vw,31px);max-width:30ch;align-self:start}.questions .card>.context{grid-column:1;margin-top:15px}.questions .card .vote-area{grid-column:2;grid-row:1/4;margin:0;align-self:center}.questions .card-answer-space{min-height:115px}.questions .card .choices{gap:10px}.questions .card .choices button{padding:15px 20px}.questions .card-bottom{margin-top:20px}.questions .card-links{gap:15px}.questions .small-orbital{margin-top:0}.questions .saved-answer{margin-top:15px!important}.questions .toolbar{margin-top:26px}.questions .section-head{padding-bottom:0}.questions .sample-label{font-size:11px}dialog{width:min(850px,calc(100vw - 36px));max-height:86dvh;overflow:auto}dialog:has(.admin-polls),dialog:has(.account-answer){width:min(960px,calc(100vw - 36px))}dialog h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.055em;font-weight:450;line-height:1.12}dialog .page-heading{gap:20px}dialog .page-section{margin-top:30px;padding-top:25px}dialog .account-stats{margin:25px 0;gap:35px}dialog .admin-entry{width:100%;text-align:left;font:inherit;cursor:pointer}dialog .cards#my-vote-cards{display:block}.account-answer{padding:25px 0;border-bottom:1px solid #ded7e1}.account-answer h3{font-size:21px;font-weight:500;line-height:1.35;margin:12px 0}.account-answer p{font-size:12px;margin:10px 0 18px}.account-result-labels{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.account-result-track{height:7px;background:#fffdfc;border:1px solid #ded7e1;border-radius:7px;overflow:hidden}.account-result-track i{display:block;height:100%;background:#49354f;border-radius:5px;transition:width .8s ease}.account-answer .action-row{margin-top:15px}.platform-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:25px 0}.platform-options button{padding:22px 16px;background:#e9e2ec;border:1px solid #ded7e1;border-radius:16px;color:#49354f;text-align:left;cursor:pointer}.platform-options button:first-child{background:#49354f;color:#f7f5f2;border-color:#49354f}.platform-options strong{font-size:19px;font-weight:500}.platform-options small{display:block;margin-top:8px;line-height:1.4;font-size:11px}.close{border:0!important;border-radius:50%;width:35px;height:35px}.close:focus-visible{outline:2px solid #a899af;outline-offset:3px}.share-options .outline,.share-options .primary{font-size:12px;padding:12px 17px}
@media(max-width:700px){#featured{padding-bottom:26px}.questions{padding-top:30px}.questions .section-head h2{font-size:34px;max-width:10ch}.questions .card{grid-template-columns:1fr;gap:0;padding:28px 0}.questions .card .vote-area{grid-column:1;grid-row:auto;margin-top:22px}.questions .card h3{font-size:24px;max-width:none}.questions .card-answer-space{min-height:70px}.questions .card .choices{max-width:none}.platform-options{grid-template-columns:1fr;gap:8px}.platform-options button{padding:17px 20px}.platform-options small{display:inline;margin-left:12px}.secondary-nav{padding-top:10px;padding-bottom:10px}dialog .page-heading{display:block}dialog .page-heading .outline{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.account-result-track i{transition:none}}
/* V4: bounded desktop composition; footer belongs to the whole question. */
.questions{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}.questions .card{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto auto;column-gap:42px;row-gap:18px;padding:28px 0}.questions .question-copy{grid-column:1;grid-row:1;align-self:center}.questions .question-copy .card-top{margin-bottom:16px;justify-content:flex-start;gap:18px}.questions .question-copy h3{margin:0;max-width:28ch;font-size:clamp(24px,2.2vw,30px);line-height:1.28}.questions .question-copy .context{margin:15px 0 0;max-width:48ch}.questions .card .vote-area{grid-column:2;grid-row:1;align-self:center;width:260px}.questions .card-answer-space{min-height:76px}.questions .card .choices{width:100%;gap:10px}.questions .card .choices button{flex:1;min-width:0;padding:14px 18px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;grid-column:1/-1;grid-row:2;width:100%;margin:0}.card-footer .card-bottom{display:flex;align-items:center;justify-content:flex-start;gap:22px;margin:0}.card-footer .card-links{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin:0}.card-footer .card-bottom>span{font-size:11px;color:#706775}.questions .small-orbital{width:220px;height:230px}.questions .small-orbital canvas{width:220px;height:220px}.questions .small-orbital-center{top:75px}.questions .small-orbital-center strong{font-size:42px}.questions .saved-answer{font-size:12px;margin-top:13px!important}.questions .section-head{align-items:flex-end}.questions .toolbar{gap:24px}.questions .search{max-width:270px}.standalone-question .question-copy .card-top{margin-bottom:18px}.standalone-question .card-footer{margin-top:30px}
@media(max-width:700px){.questions{max-width:none}.questions .card{display:block;padding:28px 0}.questions .question-copy h3{font-size:24px;max-width:none}.questions .question-copy .card-top{justify-content:space-between;gap:0}.questions .card .vote-area{width:100%;margin-top:22px}.questions .card-answer-space{min-height:70px}.questions .small-orbital{width:220px;height:230px}.card-footer{display:block;margin-top:22px}.card-footer .card-bottom{justify-content:space-between;gap:18px}.card-footer .card-links{justify-content:flex-start;margin-top:20px;gap:18px;flex-wrap:wrap}.questions .search{max-width:none}}

/* Footer: shared link styling and matching wordmark. */
.footer-links{align-items:center}.footer-links a,.footer-links button{font-family:inherit;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:normal;color:var(--muted);padding:10px 0;border:0;background:none;text-decoration:none}.footer-brand{font-size:22px;font-weight:500;letter-spacing:-.065em;text-decoration:none;color:#28232b}@media(max-width:700px){.footer-brand{font-size:21px}}

/* Ten categories, horizontal topic browsing. */
.toolbar{flex-wrap:wrap}.filters{flex:1 1 100%;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}.filters button{flex-shrink:0;white-space:nowrap}.search{margin-left:auto}@media(max-width:700px){.filters{flex:initial;width:100%}.search{margin-left:0}}


/* Mobile: plain text controls and feedback after the complete result visual. */
@media(max-width:700px){
 .ui-symbol{display:none!important}
 .featured-feedback{width:100%;margin-top:12px}
 .featured-feedback .featured-confirmation{justify-content:center;min-height:44px}
 .featured-feedback .featured-meta{text-align:center;margin-top:8px}
 .featured-feedback .featured-links{justify-content:center;gap:12px 22px;margin-top:12px}
 .featured-feedback .text-button{min-height:44px;font-size:12px}
}

.question-pack-preview section{padding:16px 0;border-bottom:1px solid var(--line)}.question-pack-preview li{margin:12px 0;line-height:1.5}.question-pack-preview li p,.question-pack-preview small{font-size:12px;color:var(--muted)}


/* V5: fit the complete featured experience inside a narrow viewport. */
.featured,.featured-copy,.featured-visual{min-width:0}
@media(max-width:700px){
  body{padding-top:env(safe-area-inset-top,0px)}
  .identity-header,.featured,.featured-copy{max-width:100%;min-width:0}
  .secondary-nav{gap:clamp(5px,1.7vw,12px)}
  .secondary-nav a,.secondary-nav button{min-width:0;white-space:normal;text-align:center;line-height:1.35;font-size:clamp(8px,2.5vw,10px)}
  #featured-question{font-size:clamp(28px,8.2vw,34px);letter-spacing:-.045em;overflow-wrap:break-word}
  .featured-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
  .featured-actions .vote{width:100%;min-width:0;padding:14px 18px}
  /* Reserve a separate caption strip below the canvas, never over the map. */
  .featured-visual{height:clamp(282px,88vw,374px);padding-bottom:42px;margin-top:8px;max-width:100%}
  .featured-visual>canvas[data-orb="scene"]{width:100%;height:100%}
  .featured-visual .material-surface{height:calc(100% - 42px);bottom:auto}
  .orbital-caption{left:0;right:0;bottom:1px;height:32px;display:flex;align-items:center;justify-content:center;pointer-events:none}
  .orbital-caption span{font-size:9px;letter-spacing:2px}
  .orbital-result{top:calc((100% - 42px)*.47)}
  .orbital-legend{bottom:calc(42px + (100% - 42px)*.12)}
  .featured-feedback{margin-top:4px}
}
@media(max-width:380px){
  .featured-visual{height:clamp(266px,87vw,316px)}
}

/* First-paint intro: CSS-only animation, while the poll state loads in parallel. */
.site-intro{
 position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
 background:#f7f5f2;color:#28232b;overflow:hidden;
 opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;
}
html.hmd-intro-active .site-intro{
 opacity:1;visibility:visible;pointer-events:auto;transition:none;
}
.site-intro::before{
 content:"";position:absolute;inset:-25%;pointer-events:none;
 background:radial-gradient(circle at 50% 46%,rgba(112,103,117,.11),transparent 44%);
}
.site-intro-content{
 position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;
 width:min(88%,650px);text-align:center;margin-top:-4vh;
}
.site-intro-symbol{
 width:112px;height:112px;display:grid;place-items:center;position:relative;
 border-radius:50%;border:1px solid rgba(73,53,79,.18);
 background:radial-gradient(circle,rgba(222,215,225,.48),rgba(233,226,236,0) 72%);
 animation:intro-appear .7s cubic-bezier(.2,.8,.2,1) both,intro-breathe 3.2s ease-in-out .7s infinite;
}
.site-intro-symbol::before,.site-intro-symbol::after{
 content:"";position:absolute;border-radius:50%;pointer-events:none;
}
.site-intro-symbol::before{inset:-16px;border:1px solid rgba(112,103,117,.08)}
.site-intro-symbol::after{
 inset:-6px;border:1px solid rgba(112,103,117,.2);
 animation:intro-ring 2.8s ease-out .35s infinite;
}
.site-intro-symbol img{display:block;width:52px;height:52px;object-fit:contain}
.site-intro-wordmark{
 margin-top:24px;font-size:18px;font-weight:500;letter-spacing:-.065em;
 animation:intro-rise .62s ease-out .17s both;
}
.site-intro-message{
 margin:28px 0 0;font-size:clamp(29px,5.4vw,51px);font-weight:400;
 line-height:1.17;letter-spacing:-.055em;text-wrap:balance;
 animation:intro-rise .7s cubic-bezier(.22,1,.36,1) .34s both;
}
.site-intro-rule{
 display:block;width:45px;height:1px;background:rgba(73,53,79,.42);margin-top:30px;
 animation:intro-rule .6s ease-out .5s both;
}
.site-intro-footnote{
 position:absolute;bottom:calc(35px + env(safe-area-inset-bottom,0px));
 left:10px;right:10px;text-align:center;
 font-size:9px;letter-spacing:.23em;color:#706775;
 animation:intro-rise .7s ease-out .55s both;
}
@keyframes intro-appear{
 from{opacity:0;transform:translateY(10px) scale(.89)}
 to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes intro-rise{
 from{opacity:0;transform:translateY(10px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes intro-breathe{
 0%,100%{box-shadow:0 0 0 0 rgba(112,103,117,0)}
 50%{box-shadow:0 0 42px 10px rgba(112,103,117,.13)}
}
@keyframes intro-ring{
 0%{opacity:.56;transform:scale(.92)}
 70%,100%{opacity:0;transform:scale(1.29)}
}
@keyframes intro-rule{
 from{opacity:0;transform:scaleX(.2)}
 to{opacity:1;transform:scaleX(1)}
}
@media(max-width:700px){
 .site-intro-symbol{width:102px;height:102px}
 .site-intro-symbol img{width:49px;height:49px}
 .site-intro-message{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){
 .site-intro,.site-intro *{animation:none!important;transition:none!important}
}


/* Cinematic entry v2: a forest-green light field, orbit reveal and pearl-coloured exit.
   Transform/opacity animations only. Do not start animated graphics on ordinary navigation. */
.site-intro{
 --intro-pace:1;
 background:radial-gradient(ellipse at 50% 41%,#49354f 0%,#302334 36%,#211824 80%);
 color:#e9e2ec;
 transition:opacity .12s ease,visibility 0s linear .12s;
}
html.hmd-intro-returning .site-intro{--intro-pace:.67}
.site-intro::before{
 inset:0;
 background:radial-gradient(ellipse at 50% 40%,rgba(168,153,175,.1),transparent 55%);
}
.site-intro-space{
 position:absolute;left:50%;top:40%;width:min(94vmin,540px);height:min(94vmin,540px);
 transform:translate(-50%,-50%);
 pointer-events:none;isolation:isolate;
}
.site-intro-haze{
 position:absolute;inset:5%;border-radius:50%;
 background:radial-gradient(circle,rgba(222,215,225,.19) 0%,rgba(112,103,117,.12) 29%,transparent 65%);
 opacity:0;transform:scale(.3);
}
.site-intro-orbit{
 position:absolute;left:50%;top:50%;aspect-ratio:1;
 border-radius:50%;opacity:0;
 transform:translate(-50%,-50%) scale(.3) rotate(-50deg);
}
.site-intro-orbit-outer{
 width:84%;border:1px solid rgba(168,153,175,.2);
 border-left-color:rgba(222,215,225,.62);
 border-top-color:rgba(222,215,225,.78);
 box-shadow:0 0 25px rgba(168,153,175,.08),inset 0 0 27px rgba(168,153,175,.07);
}
.site-intro-orbit-middle{
 width:64%;border:1px solid rgba(168,153,175,.22);
 border-right-color:rgba(233,226,236,.86);
 border-bottom-color:rgba(222,215,225,.58);
 box-shadow:0 0 34px rgba(222,215,225,.13);
}
.site-intro-orbit-inner{
 width:45%;border:1px solid rgba(233,226,236,.42);
 border-top-color:rgba(233,226,236,.88);
 box-shadow:0 0 20px rgba(222,215,225,.12);
}
.site-intro-flare{
 position:absolute;left:50%;top:50%;width:34%;height:34%;
 border-radius:50%;transform:translate(-50%,-50%) scale(.14);opacity:0;
 background:radial-gradient(circle,rgba(233,226,236,.3) 0%,rgba(222,215,225,.14) 28%,transparent 71%);
}
.site-intro-shock{
 position:absolute;left:50%;top:50%;width:34%;height:34%;border-radius:50%;
 border:1px solid rgba(233,226,236,.57);
 box-shadow:0 0 25px rgba(222,215,225,.35),inset 0 0 21px rgba(222,215,225,.14);
 transform:translate(-50%,-50%) scale(.1);opacity:0;
}
.site-intro-content{
 width:min(88%,680px);margin-top:4vh;
 z-index:2;
}
.site-intro-symbol{
 width:120px;height:120px;position:relative;display:grid;place-items:center;
 border:1px solid rgba(233,226,236,.5);border-radius:50%;
 background:radial-gradient(circle,rgba(222,215,225,.19),rgba(168,153,175,.03) 75%);
 box-shadow:0 0 20px rgba(222,215,225,.18),0 0 65px rgba(168,153,175,.13);
 opacity:0;transform:scale(.5);
 animation:none;
}
.site-intro-symbol::before{
 inset:-9px;border:1px solid rgba(233,226,236,.18);
}
.site-intro-symbol::after{
 inset:-23px;border:1px solid rgba(222,215,225,.11);animation:none;
}
.site-intro-symbol img{
 width:58px;height:58px;object-fit:contain;
 filter:brightness(0) invert(99%) sepia(4%) saturate(240%) hue-rotate(310deg);
}
.site-intro-wordmark{
 color:#e9e2ec;margin-top:25px;font-size:17px;letter-spacing:-.055em;
 opacity:0;animation:none;
}
.site-intro-message{
 display:flex;flex-direction:column;align-items:center;
 margin-top:25px;font-size:clamp(38px,7.5vw,73px);
 color:#f7f5f2;line-height:1.07;letter-spacing:-.064em;
 animation:none;
}
.site-intro-message span{
 display:block;opacity:0;transform:translateY(26px);
}
.site-intro-rule{
 width:66px;height:1px;margin-top:29px;background:#ded7e1;
 box-shadow:0 0 16px rgba(222,215,225,.7);
 opacity:0;transform:scaleX(.2);animation:none;
}
.site-intro-footnote{
 color:#a899af;font-size:9px;letter-spacing:.23em;opacity:0;animation:none;
}
.site-intro-wipe{
 position:absolute;z-index:10;left:50%;top:50%;width:25vmax;height:25vmax;
 background:#f7f5f2;border-radius:50%;pointer-events:none;
 transform:translate(-50%,-50%) scale(0);
 transition:transform .63s cubic-bezier(.72,0,.19,1);
 will-change:transform;
}
html.hmd-intro-active .site-intro-haze{
 animation:hmd-cine-haze calc(2s * var(--intro-pace)) ease-out .05s both;
}
html.hmd-intro-active .site-intro-orbit-outer{
 animation:hmd-cine-orbit-a calc(2.15s * var(--intro-pace)) cubic-bezier(.2,.7,.22,1) both;
}
html.hmd-intro-active .site-intro-orbit-middle{
 animation:hmd-cine-orbit-b calc(2s * var(--intro-pace)) cubic-bezier(.19,.8,.23,1) both;
}
html.hmd-intro-active .site-intro-orbit-inner{
 animation:hmd-cine-orbit-c calc(1.7s * var(--intro-pace)) ease-out both;
}
html.hmd-intro-active .site-intro-flare{
 animation:hmd-cine-flare calc(1.2s * var(--intro-pace)) ease-out both;
}
html.hmd-intro-active .site-intro-shock-one{
 animation:hmd-cine-shock calc(1.3s * var(--intro-pace)) ease-out calc(.3s * var(--intro-pace)) both;
}
html.hmd-intro-active .site-intro-shock-two{
 animation:hmd-cine-shock calc(1.3s * var(--intro-pace)) ease-out calc(1.08s * var(--intro-pace)) both;
}
html.hmd-intro-active .site-intro-symbol{
 animation:hmd-cine-logo calc(.85s * var(--intro-pace)) cubic-bezier(.16,1,.3,1) calc(.28s * var(--intro-pace)) both;
}
html.hmd-intro-active .site-intro-wordmark{
 animation:hmd-cine-text calc(.62s * var(--intro-pace)) ease-out calc(.58s * var(--intro-pace)) both;
}
html.hmd-intro-active .site-intro-message span:first-child{
 animation:hmd-cine-text calc(.72s * var(--intro-pace)) cubic-bezier(.22,1,.36,1) calc(.78s * var(--intro-pace)) both;
}
html.hmd-intro-active .site-intro-message span:last-child{
 animation:hmd-cine-text calc(.72s * var(--intro-pace)) cubic-bezier(.22,1,.36,1) calc(.98s * var(--intro-pace)) both;
}
html.hmd-intro-active .site-intro-rule{
 animation:hmd-cine-rule calc(.65s * var(--intro-pace)) ease-out calc(1.17s * var(--intro-pace)) both;
}
html.hmd-intro-active .site-intro-footnote{
 animation:hmd-cine-foot calc(.55s * var(--intro-pace)) ease-out calc(1.2s * var(--intro-pace)) both;
}
html.hmd-intro-exiting .site-intro-wipe{
 transform:translate(-50%,-50%) scale(14);
}
html.hmd-intro-exiting .site-intro-content,
html.hmd-intro-exiting .site-intro-space,
html.hmd-intro-exiting .site-intro-footnote{
 opacity:0;transition:opacity .2s ease-out;
}
@keyframes hmd-cine-haze{
 0%{opacity:0;transform:scale(.3)}
 45%{opacity:.7}
 100%{opacity:1;transform:scale(1.2)}
}
@keyframes hmd-cine-orbit-a{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-88deg)}
 37%{opacity:.85}
 100%{opacity:.76;transform:translate(-50%,-50%) scale(1) rotate(74deg)}
}
@keyframes hmd-cine-orbit-b{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.26) rotate(102deg)}
 45%{opacity:.86}
 100%{opacity:.75;transform:translate(-50%,-50%) scale(1) rotate(-71deg)}
}
@keyframes hmd-cine-orbit-c{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-70deg)}
 100%{opacity:.67;transform:translate(-50%,-50%) scale(1) rotate(28deg)}
}
@keyframes hmd-cine-flare{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.14)}
 45%{opacity:.95}
 100%{opacity:.3;transform:translate(-50%,-50%) scale(2.4)}
}
@keyframes hmd-cine-shock{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
 15%{opacity:.85}
 100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}
}
@keyframes hmd-cine-logo{
 from{opacity:0;transform:scale(.5);filter:blur(5px)}
 65%{opacity:1;transform:scale(1.08);filter:blur(0)}
 to{opacity:1;transform:scale(1);filter:blur(0)}
}
@keyframes hmd-cine-text{
 from{opacity:0;transform:translateY(26px);filter:blur(5px)}
 to{opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes hmd-cine-rule{
 from{opacity:0;transform:scaleX(.2)}
 to{opacity:1;transform:scaleX(1)}
}
@keyframes hmd-cine-foot{
 from{opacity:0;transform:translateY(8px)}
 to{opacity:1;transform:translateY(0)}
}
@media(max-width:700px){
 .site-intro-space{top:40%;width:min(110vw,430px);height:min(110vw,430px)}
 .site-intro-content{margin-top:3vh}
 .site-intro-symbol{width:104px;height:104px}
 .site-intro-symbol img{width:53px;height:53px}
 .site-intro-message{font-size:clamp(37px,10vw,54px);margin-top:24px}
 .site-intro-wordmark{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
 .site-intro,.site-intro *{animation:none!important;transition:none!important}
}

/* Safari/WebKit: keep WebGL in a visible compositing layer.
   A negative z-index can place the GPU map behind the containing surface. */
.featured-visual{isolation:isolate}
.featured-visual .material-surface{
  z-index:0;
  pointer-events:none;
}
.featured-visual > canvas[data-orb="scene"]{
  position:relative;
  z-index:1;
  pointer-events:none;
}
.featured-visual > .orbital-result,
.featured-visual > .orbital-legend,
.featured-visual > .orbital-caption{
  z-index:2;
}


/* Private account identity beside the Min side label. */
.account-heading-copy{min-width:0}.account-identity{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.account-identity .eyebrow{margin:0;flex:0 0 auto}.account-identity .account-email{margin:0;min-width:0;max-width:100%;font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:#706775;overflow-wrap:anywhere}
@media(max-width:700px){.account-identity{display:block}.account-identity .account-email{margin:6px 0 0}}

/* Space between a private suggestion's status and withdrawal action at every width. */
.account-suggestion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:16px}.account-suggestion-actions>[data-withdraw-suggestion]{margin:0}

/* Give all question actions the same type size on desktop and mobile. */
.card .card-footer .text-button,#featured-links .text-button{font-size:12px;line-height:1.4;font-weight:400}

/* Compact second step for permanent account deletion. */
dialog:has(#delete-password-form){width:min(480px,calc(100vw - 36px));max-width:480px}
#delete-password-form #delete-account-password{display:block;width:100%;min-height:48px;margin-top:10px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#fffdfc;color:var(--ink);font-size:16px}
#delete-password-form .action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
#delete-password-form .primary{margin-top:0}
#delete-password-form .form-error:empty{margin:0}


/* Centered mobile footer with naturally wrapping links. */
@media(max-width:700px){
 footer{text-align:center;padding:26px 0 calc(22px + env(safe-area-inset-bottom,0px));margin-top:20px}
 footer>div:first-child>p{margin:8px 0 0;font-size:12px;line-height:1.5}
 footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 20px;width:100%;max-width:360px;margin:16px auto 0}
 footer .footer-links a,footer .footer-links button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px;min-width:0;margin:0;padding:8px 0;font-size:12px;line-height:1.5;text-align:center;white-space:nowrap}
 footer .footer-small{width:100%;max-width:36ch;margin:16px auto 0;padding:14px 0 0;border:0;font-size:10px;line-height:1.7;text-align:center}
}