/* Original CSS / vector decoration. No remote assets, trackers or canvas loop. */
:root{--bg:#f5f7f4;--line:#d6dfd8;--soft:#eaf0ea}
body{isolation:isolate;background:var(--bg)}
.ambient-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.ambient-scene::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#56736626 .8px,transparent .8px);background-size:23px 23px;mask-image:linear-gradient(#0008,transparent 85%)}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(5px);opacity:.83}
.orb-mint{width:690px;height:690px;left:-260px;top:-170px;background:radial-gradient(circle,#b9f0d9 0,#d9f4e5 40%,#d9f4e500 70%)}
.orb-violet{width:760px;height:760px;right:-280px;top:8vh;background:radial-gradient(circle,#dbceff 0,#ece5ff 37%,#ece5ff00 70%)}
.orb-peach{width:600px;height:600px;left:30%;bottom:-340px;background:radial-gradient(circle,#ffd1bd 0,#ffe6d8 40%,#ffe6d800 70%)}
.ambient-doodle{position:absolute;opacity:.7;transform-origin:center;transition:opacity .25s}
.doodle-star{left:3.2%;top:33%;width:90px;color:#379d8a;transform:rotate(-13deg)}
.doodle-orbit{right:1.4%;top:22%;width:215px;color:#9280d1;transform:rotate(19deg)}
.doodle-spark{right:7%;bottom:9%;width:72px;color:#e6a195;transform:rotate(12deg)}
.doodle-arrow{left:6%;bottom:8%;width:116px;color:#7d9b8d;transform:rotate(-12deg)}
.ambient-bubble{position:absolute;right:5.3%;top:12%;display:grid;place-items:center;width:65px;height:65px;background:#ffe2db;color:#754d61;border:1px solid #f3b7b5;border-radius:20px 20px 20px 5px;font:700 34px Arial;transform:rotate(12deg);box-shadow:5px 6px 0 #ffffffb0}
.ambient-dots{position:absolute;left:4%;top:17%;display:flex;gap:8px;transform:rotate(-12deg)}
.ambient-dots i{width:11px;height:11px;border-radius:3px;background:#65d2bd;box-shadow:3px 3px 0 #ffffffa8}.ambient-dots i:nth-child(2){background:#baa3ef}.ambient-dots i:nth-child(3){background:#eea5ac}
.site-header,main,footer{position:relative;z-index:1}
.site-header{background:#fafffa9e;border-bottom-color:#c8d9cd99;backdrop-filter:blur(14px);border-radius:0 0 25px 25px}
footer{background:#fafffaad;backdrop-filter:blur(10px)}
.test-wrap:has(.quiz-setup){max-width:1070px;margin:38px auto;padding:46px 55px 40px;background:#ffffffab;border:1px solid #ffffffdb;border-radius:32px;box-shadow:0 14px 60px #3150440a;backdrop-filter:blur(12px)}
.quiz-setup{position:relative}.quiz-setup>.eyebrow{width:max-content;max-width:100%;padding:7px 12px;background:#e1f1e8;border:1px solid #cbe1d5;border-radius:20px;letter-spacing:1.5px}
.quiz-setup h1 em{position:relative;z-index:0}.quiz-setup h1 em::after{content:"";position:absolute;left:-3px;right:-8px;bottom:.04em;height:.15em;background:#c7e9ae;z-index:-1;transform:rotate(-1deg);border-radius:6px}
.quiz-setup .intro{color:#52665d}.quiz-setup .mode-card{background:#ffffffe8;box-shadow:0 4px 0 #e4ebe2;border-radius:14px;transition:transform .18s,box-shadow .18s,border-color .18s}
.quiz-setup .mode-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 #e4ebe2}
.quiz-setup .mode-card.selected{background:#e8f2e7;box-shadow:0 4px 0 #c4d9bd;border-color:#32694f}
.quiz-setup .mode-card:nth-child(1) .mode-top{color:#4d6f5d}.quiz-setup .mode-card:nth-child(2) .mode-top{color:#67538d}.quiz-setup .mode-card:nth-child(3) .mode-top{color:#85564e}
.quiz-setup .start-button{border-radius:12px;box-shadow:0 4px 0 #0c352c}.quiz-setup .start-button:hover{transform:translateY(-2px)}
.setup-preview-faces img{border:2px solid #fff;box-shadow:0 2px 6px #233d3515}.setup-preview-faces img:nth-of-type(odd){transform:rotate(-5deg)}.setup-preview-faces img:nth-of-type(even){transform:rotate(5deg)}
.testing .ambient-doodle,.testing .ambient-bubble,.testing .ambient-dots{opacity:.1}.testing .ambient-orb{opacity:.45}
.testing .test-wrap{padding-top:30px}.question-shell{padding:28px 34px 34px;background:#ffffffeb;border:1px solid #e4eae0;border-radius:25px;box-shadow:0 12px 40px #31504407}
.question-shell .question-area{margin-top:32px}.question-shell .answer{border-radius:10px}.question-shell .answer.chosen{background:#e2eddf}
body:has(.profile-section) .ambient-orb{opacity:.55}.profile-controls{background:#ffffffc7;padding:25px;border:1px solid #fff;border-radius:24px;box-shadow:0 8px 40px #31504407}
.profile-intro{position:relative}.profile-intro::after{content:"✳";position:absolute;right:0;top:2px;color:#aa94d1;font-size:66px;transform:rotate(12deg);opacity:.5;pointer-events:none}
.article{background:#ffffffd6;border:1px solid #ffffffed;border-radius:26px;margin-block:35px;box-shadow:0 8px 40px #31504406;padding-top:45px;padding-bottom:50px}
.landing-notes{background:#fafffa80;border-color:#d6e1d499}.runnerups article{background:#ffffffe6;border-radius:15px}.result-card{border-radius:15px;background:#fffffff0}
@media(prefers-reduced-motion:no-preference){.ambient-orb{animation:ambient-arrive 1.8s ease-out both}.orb-violet{animation-delay:.12s}.orb-peach{animation-delay:.22s}.ambient-bubble{animation:sticker-arrive 1.5s cubic-bezier(.2,.8,.3,1) both}.doodle-star{animation:star-arrive 2s ease-out both}}
@keyframes ambient-arrive{from{opacity:0;translate:0 20px}to{translate:0 0}}
@keyframes sticker-arrive{from{opacity:0;scale:.8;rotate:-10deg}to{scale:1;rotate:0deg}}
@keyframes star-arrive{from{opacity:0;rotate:-25deg}to{rotate:0deg}}
@media(max-width:1150px){.doodle-star{left:-22px;width:68px}.doodle-orbit{right:-65px}.ambient-bubble{right:1.5%;top:115px;width:50px;height:50px;font-size:28px}.doodle-arrow{left:1.5%;width:85px}.test-wrap:has(.quiz-setup){margin-inline:30px}}
@media(max-width:760px){.orb-mint{width:550px;height:550px;left:-300px;top:-100px}.orb-violet{width:580px;height:580px;right:-300px;top:14vh}.orb-peach{width:450px;height:450px;left:0;bottom:-300px}.ambient-scene::after{background-size:21px 21px;opacity:.65}.doodle-star{left:-19px;top:32%;width:55px}.doodle-orbit{right:-105px;top:38%;width:175px}.doodle-arrow{display:none}.doodle-spark{right:-6px;bottom:6%;width:45px}.ambient-bubble{right:22px;top:176px;width:39px;height:39px;border-radius:12px 12px 12px 3px;font-size:23px;opacity:.7}.ambient-dots{top:174px;left:22px;gap:6px}.ambient-dots i{width:8px;height:8px}.site-header{border-radius:0 0 18px 18px}.test-wrap:has(.quiz-setup){margin:27px 14px 24px;padding:29px 20px 30px;border-radius:24px}.quiz-setup>.eyebrow{font-size:8px;padding:6px 9px;letter-spacing:1px}.quiz-setup .three-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quiz-setup .mode-card{min-width:0;padding:14px 8px;border-radius:11px}.quiz-setup .mode-card.selected{padding:13px 7px}.quiz-setup .mode-card h2{font-size:18px;letter-spacing:-.5px}.quiz-setup .mode-top{font-size:8px;letter-spacing:.3px}.quiz-setup .mode-card p{font-size:10px;line-height:1.55}.quiz-setup .selection-label{font-size:9px}.question-shell{padding:18px 16px 24px;border-radius:18px}.question-shell .question-area{margin-top:28px}.question-shell .test-top{font-size:10px;margin-bottom:24px}.question-shell .test-top>span{display:none}.question-shell .question-area h1{font-size:27px}.profile-controls{padding:20px;border-radius:20px}.profile-intro::after{right:0;top:-18px;font-size:40px;opacity:.35}.article{margin:24px 14px;padding:30px 23px 40px;border-radius:22px}.article h1{font-size:43px}}
@media(max-width:360px){.quiz-setup .three-modes{grid-template-columns:1fr}.quiz-setup .mode-card h2{font-size:24px}.quiz-setup .mode-card p{font-size:12px}.quiz-setup .mode-top{font-size:9px}.quiz-setup .selection-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ambient-scene *{animation:none!important;transition:none!important}.quiz-setup .mode-card,.quiz-setup .mode-card:hover,.quiz-setup .start-button,.quiz-setup .start-button:hover{transition:none;transform:none}}