@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#252832;background:#f6f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:12px;background:#242733;color:white;padding:15px 23px;font-weight:700}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #715be5;outline-offset:4px}header{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #dde0e6;gap:15px}.brand{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;text-decoration:none;color:inherit;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px}.dot{color:#6d50d9}.mark{font-size:32px;color:#715bd5}.quiet{background:transparent;color:#565c6c;padding:9px 12px;font-size:14px}.small{padding:11px 17px;font-size:14px}nav{display:flex;gap:15px;align-items:center}main{max-width:1120px;margin:auto;padding:45px 0 65px;min-height:75vh}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.5px;line-height:1.12}h1{font-size:clamp(36px,5vw,62px);margin:12px 0 17px;font-weight:600}h2{font-size:30px}h3{font-size:23px;letter-spacing:-.7px;margin:13px 0}p{line-height:1.65;color:#626675}.eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:#626675}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:25px}.intro p{max-width:480px;margin:0}.pill{border:1px solid #dadde5;border-radius:30px;padding:9px 13px;font-size:13px;white-space:nowrap}.feature{background:#e9e5fc;border:1px solid #d7cef9;border-radius:23px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 38px;overflow:hidden}.feature h2{font-size:34px;margin:15px 0}.feature p{max-width:410px}.duo{display:flex;align-items:center;justify-content:center;gap:12px;min-height:160px}.sample{background:#fff;border:1px solid #cbc2e5;border-radius:17px;padding:35px 18px;text-align:center;width:44%;font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:600;box-shadow:0 7px 0 #d8d0f0;transform:rotate(-4deg)}.sample:last-child{transform:rotate(4deg);background:#d4edb0}.vs{font-size:12px;font-weight:bold;color:#675c8b}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:26px 0 20px}.sectionhead h2{font-size:25px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{text-align:left;background:white;color:inherit;border:1px solid #dfe2e8;padding:23px;border-radius:16px;position:relative;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-3px);border-color:#9582dc;filter:none}.tile .number{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--tone,#eae5fc);border-radius:10px;font-size:13px}.tile p{font-size:14px;margin:0 0 20px;font-weight:400}.tile .meta{font-size:12px;font-weight:500;color:#747989;display:flex;justify-content:space-between}.narrow{max-width:730px;margin:auto}.back{margin-bottom:24px;padding-left:0}.panel{border:1px solid #dfe2e8;background:white;border-radius:20px;padding:28px;margin-top:22px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.check{padding:13px;background:#f6f7fa;border-radius:10px;display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;accent-color:#7357db}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.secondary{background:#eae6f8;color:#4b397e}.muted{font-size:14px;color:#737887}.progress{height:6px;background:#e4e5eb;border-radius:8px;margin:20px 0 30px;overflow:hidden}.progress>div{height:100%;background:#947aee;transition:width .15s}.arena{text-align:center}.arena h1{font-size:42px}.matchup{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:10px;margin:35px 0}.pick{min-height:220px;padding:25px;color:#282c33;font-family:'Space Grotesk',sans-serif;font-size:clamp(23px,3vw,34px);line-height:1.2;background:#d9efba;border:1px solid #c0d69e;box-shadow:0 5px 0 #c2d7a5;overflow-wrap:anywhere}.pick.right{background:#e5defb;border-color:#d0c3f1;box-shadow:0 5px 0 #cdbfeb}.pick:active{transform:translateY(3px);box-shadow:none}.resulttop{background:#242733;color:white;border-radius:20px;padding:28px}.resulttop h2{color:#d2f18f;margin:14px 0;font-size:38px}.resulttop p{color:#c3c6d0}.ranking{list-style:none;padding:0;margin:20px 0}.ranking li{display:flex;align-items:center;gap:15px;background:white;border-bottom:1px solid #e4e6eb;padding:14px 17px;min-height:60px}.rankno{font-family:'Space Grotesk';font-size:22px;color:#8e80b0;min-width:30px}.ranking li:first-child{border-radius:14px 14px 0 0}.ranking li:last-child{border-radius:0 0 14px 14px}.rankname{flex:1;overflow-wrap:anywhere}.adjust{padding:6px 10px;background:#f2f0f8;color:#58447e}.insights{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.insights article{background:#ede8fc;border-radius:15px;padding:22px}.score{font-size:45px;font-family:'Space Grotesk';font-weight:600}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e0dceb}label.field{display:block;font-weight:600;margin:18px 0 8px}input[type=text],textarea{width:100%;padding:14px;border:1px solid #cdd0da;border-radius:10px;background:white;color:#252832}textarea{min-height:230px;resize:vertical}.error{color:#a32c38;font-size:14px}.linkbox{margin-top:18px}.linkbox input{font-size:13px}details{margin-top:20px;font-size:14px;line-height:1.6;color:#656a78}summary{cursor:pointer}footer{max-width:1120px;margin:auto;border-top:1px solid #dfe2e8;padding:23px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#737887}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#252832;color:white;padding:12px 20px;border-radius:12px;display:none;z-index:5}.resume{padding:15px 20px;border:1px solid #c6b8ec;border-radius:13px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.inline{display:flex;gap:10px;align-items:center}.badgelabel{font-size:13px;background:#fff9;padding:7px 10px;border-radius:7px}noscript{padding:30px;display:block}@media(max-width:760px){header{padding:19px 20px}.brand{font-size:25px}nav{gap:0}nav .quiet{display:none}main{padding:28px 20px 45px}.intro{display:block}.intro .pill{display:none}.feature{grid-template-columns:1fr;padding:23px}.duo{min-height:100px}.sample{padding:22px 14px}.grid{grid-template-columns:1fr 1fr}.tile{padding:18px}.tile h3{font-size:20px}.tile p{display:none}.tile .meta{margin-top:20px}.checks{grid-template-columns:1fr}.matchup{grid-template-columns:1fr 25px 1fr;gap:6px}.pick{min-height:190px;padding:15px}.arena h1{font-size:33px}.panel{padding:20px}.insights{grid-template-columns:1fr}footer{padding:20px;gap:15px}.intro h1{font-size:42px}.feature h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.group-submit{border:2px solid #a890e8}.leading{background:#eef7e2}.participants{display:flex;flex-wrap:wrap;gap:10px}.danger{background:#983c4c;color:white}input[readonly]{font-size:13px}.check:has(input:disabled){opacity:.8}td{overflow-wrap:anywhere}button{max-width:100%}@media(max-width:760px){.brand{font-size:23px;letter-spacing:-1px}table th,table td{padding:10px 7px}.tablewrap{max-width:100%}}
.paths{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin:28px 0 46px}.path{border-radius:22px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d8dbe3}.group-path{background:#262b37;color:#fff}.group-path p{color:#dde0e8}.group-path .muted{color:#bdc5d2}.path h2{font-size:32px;margin:15px 0 5px}.path p{margin:10px 0 20px;max-width:440px}.path-label{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#bddd8c}.fun-path{background:#eae5fc;border-color:#d6cbef}.fun-path .path-label{color:#68549a}.path-cta{margin-top:auto;margin-bottom:14px}.group-path .path-cta{background:#c7ed8e;color:#202b17}.quick-starts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.quick-starts button{border:1px solid #626976;background:#353c4b;padding:10px 12px;font-size:14px}.compact{min-height:110px;width:100%;margin:0 0 22px}.compact .sample{font-size:18px;padding:18px 12px;max-width:180px;color:#252832}.daily{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;margin:0 0 22px;gap:24px}.daily h3{margin:10px 0 3px}.daily p{margin:0}.daily button{flex-shrink:0}.custom-strip{display:flex;align-items:center;justify-content:space-between;gap:20px}.custom-strip h2{font-size:25px}.mode-choice{border:0;padding:0;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:25px}.mode-choice legend{font-weight:600;margin-bottom:12px}.mode-choice label{font-size:14px;display:flex;gap:8px;align-items:center}.mode-choice input{accent-color:#7153cd;width:18px;height:18px}.constraint-box{border:1px solid #d8cfb9;border-radius:13px;padding:18px;margin-top:25px;background:#fffdf6}.constraint-box legend{font-weight:700;font-size:18px;padding:0 6px}.constraint-box .check{background:white;border:1px solid #e7e1d2}.constraint-box small{display:block;font-size:12px;color:#6c6458;margin-top:4px}.flag-count{display:inline-block;background:#ffebe1;color:#8a3824;border-radius:6px;padding:4px 7px;white-space:nowrap}.works{color:#537137;white-space:nowrap}.recommendation-note{padding:15px 19px;border-left:3px solid #8ea46f;background:#eef3e8;font-size:14px}.tablewrap th{white-space:nowrap}#funlists{scroll-margin-top:20px}#funlists:focus{outline:0}@media(max-width:760px){.paths{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.path{padding:24px}.path h2{font-size:29px}.intro h1{font-size:40px}.daily{align-items:flex-start;flex-direction:column;gap:15px}.daily button{width:100%}.custom-strip{display:block}.constraint-box{padding:12px}.path-cta{width:100%}.quick-starts{margin-bottom:22px}.tablewrap{overflow:auto}.grid{gap:12px}nav .small{font-size:13px;padding:10px 12px}.brand{gap:4px}}@media(max-width:360px){header{padding:15px 12px}main{padding-left:14px;padding-right:14px}.brand{font-size:22px}.grid{grid-template-columns:1fr}}

/* Comfortable touch controls and narrow-screen layouts. */
.tile{display:block;text-decoration:none;color:inherit}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.participation{display:grid;gap:9px;padding:18px 20px;background:#e9e2fb;border-radius:16px;margin:18px 0}.participation progress{width:100%;accent-color:#6452b9}.participation span{font-size:14px}textarea[readonly]{min-height:125px;font-size:15px}.rankname,.pick,h1,h2,h3{overflow-wrap:anywhere}.tablewrap{max-width:100%;overflow-x:auto}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6452b9;outline-offset:3px}.adjust{min-width:44px;min-height:44px}input,textarea{max-width:100%}details summary{min-height:44px;cursor:pointer}
@media(max-width:600px){.settings-grid{grid-template-columns:1fr}.actions{align-items:stretch}.actions>button{flex:1 1 180px;min-height:48px}.inline{flex-wrap:wrap;gap:10px}.ranking li{gap:8px;padding:12px 10px}.rankno{min-width:24px}.tablewrap th,.tablewrap td{padding:12px 10px}.tablewrap{background:linear-gradient(90deg,transparent 95%,#e9e2fb)}input,textarea{font-size:16px}.pick{min-height:150px}.narrow{min-width:0}header{gap:10px}header nav{gap:4px}.brand{white-space:nowrap}.participation{padding:16px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:480px){.matchup{grid-template-columns:1fr;gap:10px;margin:24px 0}.pick{min-height:116px;padding:20px;font-size:26px;overflow-wrap:break-word}.matchup .vs{justify-self:center}.arena h1{font-size:31px}.arena .inline{justify-content:center!important}}

.quick-starts a{display:inline-block;text-decoration:none;color:inherit;border:1px solid #676b78;border-radius:12px;padding:10px 12px;background:#3a3f4e;font-size:14px;font-weight:600}.quick-starts a:hover{background:#4c5264}a.back{display:inline-block;text-decoration:none;margin-bottom:24px}footer a.quiet{text-decoration:none}form .settings-grid input{width:100%}

.decision-launch{border-radius:22px;padding:28px 32px;max-width:820px;margin:24px 0 38px}.decision-launch h2{margin:0 0 12px}.decision-launch p{max-width:540px}.decision-launch .path-cta{display:block;margin:20px 0;background:#c7ed8e;color:#202b17}.decision-launch .quick-starts{margin:16px 0}.fun-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dfe2e8;padding-top:22px}.fun-intro h2{font-size:27px;margin-bottom:8px}.fun-intro p{margin-top:0}.choice-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.choice-actions button{min-height:44px}.invitation-options{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.invitation-options li{background:#ede8fc;border-radius:10px;padding:10px 14px;overflow-wrap:anywhere}.start-panel{border:2px solid #a890e8}.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:20}.skip-link:focus{top:12px}.quiet,.small,.quick-starts a{min-height:44px}.muted{color:#626877}.resulttop .muted{color:#c3c6d0}input[type=number],input[type=datetime-local]{font:inherit;padding:12px;border:1px solid #cdd0da;border-radius:10px;min-width:0}.check input{flex-shrink:0}.check span{overflow-wrap:anywhere;min-width:0}.live-note{font-size:14px}.decision-launch .muted{color:#d0d7e1}#app:focus{outline:none}@media(max-width:600px){.decision-launch{padding:24px}.decision-launch .path-cta{width:100%}.fun-intro{display:block}.intro{margin-bottom:18px}.intro h1{font-size:38px}.decision-launch h2{font-size:27px}.group-submit{padding:18px}.check{min-height:48px}}

.challenge-shelf{margin:30px 0}.challenge-tile{border-top:4px solid #8f77d9}.challenge-tile strong{font-size:14px;color:#4b397e}.challenge-question{font-size:20px;color:#353a49}.tool-links{display:flex;flex-wrap:wrap;gap:12px 24px}.tool-links a{color:#533c92;min-height:44px;display:inline-flex;align-items:center}.tool-guide h2{font-size:25px}.starter-share{border-top:1px solid #e0e2e8;margin-top:24px;padding-top:12px}@media(max-width:600px){.challenge-shelf .grid{grid-template-columns:1fr}.challenge-shelf .tile p{display:block}.challenge-question{font-size:18px}}

.share-choice{margin-top:24px;border:1px solid #c9bee6}.person-ranking{padding:12px 16px;background:#f6f7fa;border-radius:12px}.person-ranking summary{font-weight:700;color:#353447}.person-ranking li{padding:7px 0;overflow-wrap:anywhere}.visibility-controls{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.individual-results summary{overflow-wrap:anywhere}