@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#30342b;background:#f6f5f0;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #78845b;outline-offset:4px}button{color:inherit}header{height:100px;max-width:1320px;margin:auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.brand{display:flex;align-items:center;gap:11px;color:#30342b;text-decoration:none;font-size:26px;font-weight:700;letter-spacing:-1.2px}.brand svg{width:30px;height:30px}.brand-light{font-weight:400}.brand-dot{color:#888e62}.header-note{font-size:13px;color:#7c7e73}.text-button{border:0;background:none;font-size:13px;padding:10px 0}.text-button span{margin-left:10px}main{max-width:1120px;margin:auto;padding:0 40px}.intro{text-align:center;padding:58px 0 36px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#7a806a}.intro .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.intro .eyebrow>span{width:6px;height:6px;border-radius:50%;background:#919971}h1{font-family:Manrope,sans-serif;font-size:49px;font-weight:500;letter-spacing:-2.6px;margin:16px 0}p{line-height:1.7}.intro p{font-size:14px;color:#777b70;margin:0}.mode-tabs{display:flex;width:fit-content;margin:0 auto 34px;background:#eaece3;border:1px solid #e1e4d8;border-radius:9px;padding:5px;gap:3px}.mode-tabs button{display:flex;align-items:center;gap:11px;border:0;border-radius:6px;background:none;padding:12px 18px;font-size:13px;color:#767c69}.mode-tabs button.active{background:#fffefa;color:#444c36;box-shadow:0 2px 5px #363c2310}.mode-tabs button>span{font-size:18px}.mode-tabs small{font-size:9px;opacity:.55;margin-left:9px}.exercise{background:#fdfcf9;border:1px solid #e2e2d9;border-radius:13px;padding:32px 35px 0;box-shadow:0 5px 20px #3b422603}.exercise-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.dot-divider{margin:0 8px;color:#b2b5a7}h2{font-family:Manrope,sans-serif;font-size:25px;font-weight:550;letter-spacing:-.9px;margin:10px 0 7px}.exercise-heading p{font-size:13px;color:#808276;margin:0}.difficulty{font-size:10px;color:#8c8f82;display:flex;flex-direction:column;gap:7px}.difficulty select{padding:8px 30px 8px 11px;background:#fafaf5;border:1px solid #dedfd4;border-radius:6px;font-size:12px;color:#5e6552}.direction{display:flex;align-items:center;gap:17px;font-size:10px;color:#818677;margin-bottom:15px}.direction div{height:1px;flex:1;background:linear-gradient(90deg,#6d7460,#e7e8df);position:relative}.direction div:after{content:"›";position:absolute;right:-2px;top:-7px;color:#c1c5b5}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.color-card{min-width:0;border-radius:9px;background:#fff;border:1px solid #e8e8df;padding:6px;transition:transform .15s,box-shadow .15s}.color-card.selected{outline:2px solid #747d50;transform:translateY(-5px)}.color-card.dragging{opacity:.35}.swatch{position:relative;display:block;width:100%;height:189px;border:0;border-radius:5px;text-align:left;padding:12px;cursor:grab}.swatch>span:first-child,.answer-pair span:first-child{display:inline-grid;place-items:center;font-size:10px;font-weight:600;width:24px;height:24px;background:#ffffffde;color:#45483d;border-radius:50%}.grip{position:absolute;bottom:11px;left:0;right:0;text-align:center;color:#fff9;font-size:20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:9px 4px 3px;font-size:11px;color:#848878}.card-bottom button{border:0;background:none;color:#777e67;font-size:15px;padding:3px 6px}.card-bottom button:disabled{opacity:.2;cursor:default}.interaction-hint{text-align:center;font-size:11px;color:#979b8c;padding:24px 0 28px}.interaction-hint>span{margin-right:6px;font-size:16px}.exercise-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9e9df;padding:21px 0}.exercise-actions .text-button{color:#848b75;font-size:11px}.primary{background:#555f3e;border:1px solid #555f3e;color:#fff;border-radius:7px;padding:13px 18px;font-size:12px;transition:background .2s}.primary:hover{background:#424c2e}.primary span{margin-left:22px}.below{display:flex;justify-content:space-between;gap:50px;padding:30px 3px 38px}.tip{display:flex;gap:15px;max-width:580px}.tip-icon{font-size:25px;color:#89916f;padding-top:2px}.tip .eyebrow{font-size:9px;margin:3px 0 7px}.tip p{font-size:12px;color:#858978;margin:0;line-height:1.8}.session{display:flex;gap:37px;flex-shrink:0}.session>div{display:flex;flex-direction:column;gap:6px}.session strong{font-family:Manrope,sans-serif;font-size:25px;font-weight:500;letter-spacing:-1px}.session span{font-size:10px;color:#929783}footer{display:flex;justify-content:space-between;padding:24px 0 28px;border-top:1px solid #dedfd5;font-size:10px;color:#a0a490}.tiny-mark{font-size:17px;margin-left:10px}.gray-guess{height:76px;border-radius:4px;margin-top:7px}.slider-label{display:flex;justify-content:space-between;font-size:10px;color:#777f6c;margin:12px 2px 6px}input[type=range]{width:100%;margin:7px 0;accent-color:#626e45;height:5px}.answer{margin:25px 0;background:#f1f3e9;border:1px solid #e3e7d7;border-radius:8px;padding:21px}.answer-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.answer h3{font-family:Manrope,sans-serif;font-size:19px;font-weight:550;margin:6px 0}.answer-heading>strong{font-size:25px;font-weight:500;color:#58623f}.answer-heading small{display:block;text-align:right;font-size:10px;color:#8a9179}.answer p{font-size:12px;color:#7b836c;margin:0 0 16px}.answer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.answer-pair{height:63px;display:flex;border-radius:5px;overflow:hidden;margin-bottom:9px}.answer-pair>span{width:50%!important;height:100%!important;border-radius:0!important;display:flex!important;align-items:center;justify-content:center}.answer-pair span:first-child{color:#fff;text-shadow:0 1px 4px #000b;font-size:12px}.answer-grid b{font-size:12px;font-weight:500}.answer-grid small{font-size:9px;color:#828a71}.error{display:block;margin-top:4px}dialog{border:1px solid #dadfd0;border-radius:14px;padding:38px;max-width:550px;width:calc(100% - 32px);color:#454b39;background:#fcfcf7;box-shadow:0 20px 100px #1113}dialog::backdrop{background:#242a2360;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog p{font-size:13px;color:#737b65}dialog>button{position:absolute;right:17px;top:12px;background:none;border:0;font-size:24px}.science-links{display:flex;flex-direction:column;gap:10px}.science-links a{font-size:12px;color:#566443}@media(min-width:1400px){.intro{padding-top:72px}main{max-width:1180px}.swatch{height:210px}}@media(max-width:700px){header{height:76px;padding:0 22px}.brand{font-size:23px}.header-note{display:none}main{padding:0 18px}.intro{padding:38px 0 25px}h1{font-size:36px;letter-spacing:-1.8px}.intro p{font-size:12px;max-width:320px;margin:auto}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.mode-tabs{width:100%;margin-bottom:24px}.mode-tabs button{flex:1;justify-content:center;padding:9px 6px;font-size:11px;gap:7px}.mode-tabs small{display:none}.exercise{padding:22px 15px 0}.exercise-heading{align-items:flex-start;gap:8px}.exercise-heading h2{font-size:21px}.exercise-heading p{font-size:11px;max-width:210px}.exercise-heading .eyebrow{font-size:8px;letter-spacing:1px}.difficulty select{max-width:100px;padding:7px 3px;font-size:10px}.swatches{gap:6px}.color-card{padding:3px;border-radius:6px}.swatch{height:145px;padding:6px}.swatch>span:first-child{width:20px;height:20px;font-size:9px}.card-bottom{padding:6px 0 3px;font-size:9px}.card-bottom button{padding:3px 2px;font-size:12px}.interaction-hint{font-size:10px;line-height:1.7;padding:19px 10px}.primary{font-size:11px;padding:12px}.primary span{margin-left:10px}.below{flex-direction:column;gap:24px;padding:25px 4px}.session{padding-left:39px;gap:45px}footer{font-size:8px;gap:10px}.gray-guess{height:65px}.slider-label{font-size:8px;flex-wrap:wrap;gap:4px}.answer{padding:13px}.answer h3{font-size:15px}.answer-heading>strong{font-size:20px}.answer-grid{gap:6px}.answer p{font-size:10px}.answer-pair{height:45px}.answer-grid b{font-size:10px}.error{font-size:8px!important}.answer .eyebrow,.answer-grid small{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.value-grade{display:block;width:fit-content;margin-top:8px;padding:4px 7px;border-radius:4px;background:#e3e8d7;color:#4c583a;font-size:10px;font-weight:600}.answer .grade-guide{margin:18px 0 0;font-size:10px;line-height:1.7}@media(max-width:700px){.value-grade{font-size:8px;padding:3px 4px}}