@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,500;0,600;1,500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#352440;background:#faf8fe;font-synthesis:none;--purple:#713bc5;--ink:#352440;--pink:#ef76a8}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:48px}button:focus-visible,a:focus-visible{outline:3px solid #25796f;outline-offset:4px}button:disabled{cursor:default}header{max-width:1240px;margin:auto;padding:26px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e2ef}.brand{display:flex;align-items:center;gap:10px;font-family:Fraunces,Georgia,serif;font-size:31px;text-decoration:none;color:var(--ink);line-height:1}.logo{font-family:serif;font-size:45px;color:var(--purple)}.brand-small{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:2.7px;margin-top:7px}.wallet{padding:11px 19px;border:1px solid #eadbaa;border-radius:30px;background:#fff5d9;color:#785211;font-weight:700;font-size:15px}main{max-width:1240px;padding:28px 42px 0;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;color:#76578b}h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(29px,3.5vw,44px);line-height:1.13;margin:12px 0 0;letter-spacing:-1.2px}h1 em{font-weight:500;color:var(--purple)}.quiet{border:1px solid #e5daee;background:white;color:var(--purple);border-radius:25px;padding:0 22px;font-weight:600}.studio{display:grid;grid-template-columns:0.9fr 1.1fr;gap:28px}.mirror-panel{background:#ede3fa;border-radius:26px;position:relative;padding:23px 28px 20px;overflow:hidden;min-height:540px;background-image:radial-gradient(#bcb0d344 .9px,transparent .9px);background-size:16px 16px}.scene-label{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;font-weight:700;color:#684d80}.scene-label>span:last-child{margin-left:auto;font-size:24px}.live-dot{width:6px;height:6px;border-radius:50%;background:#8962b2}.mirror{height:380px;width:min(100%,290px);margin:12px auto 0;position:relative;border:7px solid #fff9;box-shadow:0 0 0 1px #d9c6e9,0 10px 35px #73428a16;border-radius:150px 150px 30px 30px;overflow:hidden;background:#faf4fb}.avatar{width:100%;height:100%;background-image:url('looks-teen.png');background-size:300% 300%;background-position:0% 0%}.spark{position:absolute;color:#ab7e23;font-size:35px;text-shadow:0 2px white}.s1{left:13px;top:110px}.s2{right:7px;top:40px}.s3{right:12px;bottom:65px}.look-caption{text-align:center;margin:17px 0;font-family:Fraunces,Georgia,serif;font-size:23px}.look-caption small{display:block;font:14px 'DM Sans',sans-serif;color:#775e87;margin-top:5px}.nail-preview{max-width:280px;margin:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff9;border:1px solid white;border-radius:16px}.nail-preview>span{font-size:28px}.nail-preview small{display:block;font-size:10px;letter-spacing:1.4px;color:#755f84;margin-bottom:3px}.nail-preview strong{font-size:14px}.nail-preview i{width:28px;height:28px;display:block;margin-left:auto;border-radius:50%;background:#ef76a8;border:3px solid white;box-shadow:0 0 0 1px #d8c9df}.workspace{display:flex;flex-direction:column;gap:21px}.mission{border-radius:23px;background:white;border:1px solid #e8dfef;padding:25px 27px}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mission-top .eyebrow{font-size:10px;letter-spacing:1.3px}.pill{background:#f1eafa;color:#713bc5;padding:7px 10px;border-radius:20px;white-space:nowrap;font-size:12px;font-weight:700}h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:25px;margin:17px 0 8px;letter-spacing:-.4px}p{font-size:15px;color:#786982;line-height:1.6;margin:8px 0 16px}.journey{display:flex;justify-content:space-between;position:relative;margin:20px 0 21px;gap:12px}.journey:before{content:'';position:absolute;top:19px;height:2px;background:#eae0f1;left:5%;right:5%}.step{z-index:1;background:#f7f3fb;border:1px solid #e6dced;color:#9d86ae;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:16px}.step.done{background:#743dca;color:white;border-color:#743dca}.primary{border:0;background:var(--purple);color:white;border-radius:14px;width:100%;padding:15px 21px;font-weight:700;font-size:17px;box-shadow:0 4px 0 #53259c;display:flex;justify-content:center;gap:22px}.primary:hover{background:#6430b5}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #53259c}.gentle{font-size:12px;color:#85738e;text-align:center;margin-top:15px}.closet{padding:0 4px}.closet-title{display:flex;align-items:center;justify-content:space-between}.closet-title h2{margin:0}.closet-title>span{font-size:12px;color:#8c759b}.tabs{display:flex;gap:4px;border-bottom:1px solid #e7deef;margin:12px 0 16px}.tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#806c8d;flex:1;font-size:14px;padding:10px 2px}.tabs button[aria-selected=true]{color:var(--purple);border-color:var(--purple);font-weight:700}.items{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.item{border:1px solid #e5dbea;background:white;border-radius:16px;padding:8px 7px 12px;position:relative;color:var(--ink);min-width:0}.item.selected{border:2px solid #8050cb;padding:7px 6px 11px;background:#f3edfc}.item-art{height:91px;background-image:url('looks-teen.png');background-size:300% 300%;border-radius:10px;background-color:#f6f0fa;margin-bottom:8px}.item.locked .item-art{opacity:.48}.item-title{display:block;font-size:12px;font-weight:600;line-height:1.35}.item-state{display:block;font-size:11px;color:#796486;margin-top:5px}.color-art{height:91px;display:flex;align-items:center;justify-content:center;font-size:43px;border-radius:10px;background:#f5f0fa;margin-bottom:8px}.color-art span{border-bottom:5px solid var(--swatch);padding:0 10px}.closet-note{font-size:12px;margin:12px 0 0;color:#8a7895;line-height:1.5}footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#9989a1;padding:25px 0}dialog{border:1px solid #e3d6ef;border-radius:28px;width:min(540px,calc(100% - 28px));padding:27px;color:var(--ink);box-shadow:0 24px 120px #34213c33;max-height:90dvh;overflow:auto;background:#fffafd}dialog::backdrop{background:#2c153a80;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-top h2{margin:0}.icon-button{width:48px;border:0;border-radius:50%;background:#f0e7f6;color:#704e86;font-size:28px}.question-context{text-align:center;margin-top:12px}.equation{font-size:clamp(40px,8vw,60px);text-align:center;font-family:Fraunces,Georgia,serif;padding:14px 0 25px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{border:2px solid #e5d8ef;background:white;border-radius:16px;min-height:72px;color:#573476;font-size:27px;font-weight:700}.answer:hover:not(:disabled){background:#f1e7ff;border-color:#8751c6}.answer.correct{background:#e5f6e9;border-color:#58a574;color:#225b38}.answer.wrong{background:#fff0df;border-color:#e4aa65;color:#8a5f26}.feedback{font-size:16px;text-align:center;min-height:55px;margin:18px 0 8px;line-height:1.5}.hint-button{display:block;border:0;background:none;color:var(--purple);text-decoration:underline;margin:0 auto}.hint{background:#f0e9fb;border-radius:15px;padding:16px;font-size:16px;line-height:1.6;margin-top:12px}.groups{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.group{border:1px solid #cfbce5;border-radius:8px;padding:5px;max-width:110px;letter-spacing:2px;color:#8550bc;font-size:14px}.reward{text-align:center;padding:10px 0}.reward-icon{font-size:55px}.reward h2{font-size:34px}.reward-preview{width:150px;height:165px;margin:16px auto;border-radius:22px;background-image:url('looks-teen.png');background-size:300% 300%}.table-options{display:flex;gap:8px;flex-wrap:wrap}.table-choice{border:1px solid #dacbe6;background:white;border-radius:12px;min-width:48px;color:#734598;padding:8px 12px}.table-choice.active{background:#713bc5;color:white}.facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}.fact{padding:10px;background:#f4eefa;border-radius:9px;font-size:15px}.table-intro{background:#f4eefa;border-radius:15px;padding:16px;margin-top:20px}button:disabled{opacity:.7}.answer.correct:disabled{opacity:1}@media(min-width:1100px){.mirror-panel{min-height:610px}.mirror{height:405px;width:310px}.item-art,.color-art{height:103px}.mission{padding:27px 30px}.mission h2{font-size:29px}.mission p{max-width:370px}}@media(max-width:760px){header{padding:18px 22px}main{padding:24px 22px 0}.studio{gap:18px;grid-template-columns:.85fr 1.15fr}.mirror-panel{padding:16px 13px;min-height:500px}.mirror{height:330px;border-width:5px}.mission{padding:18px}.mission h2{font-size:24px}.mission-top{flex-wrap:wrap;gap:5px}.intro{gap:15px}.intro .eyebrow{font-size:10px}.quiet{padding:0 15px;font-size:14px;flex-shrink:0}.item-art,.color-art{height:80px}.items{gap:7px}.item-title{font-size:11px}.scene-label{font-size:9px;letter-spacing:1px}footer{font-size:10px}.gentle{font-size:11px}}@media(max-width:580px){header{padding:17px 18px}.brand{font-size:26px}.wallet{font-size:12px;padding:9px 12px}main{padding:22px 16px 0}.intro{align-items:flex-start}h1{font-size:30px}.intro .eyebrow{font-size:9px;letter-spacing:1px}.quiet{font-size:12px;min-height:42px;padding:0 12px}.studio{grid-template-columns:1fr}.mirror-panel{min-height:0;padding:16px}.mirror{height:285px;width:225px;margin-top:0}.look-caption{margin:10px 0;font-size:22px}.nail-preview{padding:8px 14px;position:absolute;bottom:17px;right:14px;width:48px;overflow:hidden;display:block}.nail-preview>span{font-size:22px}.nail-preview div,.nail-preview i{display:none}.workspace{gap:24px}.mission h2{margin-top:13px}.item-art,.color-art{height:115px}.item-title{font-size:13px}.item-state{font-size:12px}.scene-label{position:relative;z-index:2}.mission-top{flex-wrap:nowrap}.mission-top .eyebrow{font-size:10px}.gentle{font-size:12px}footer{flex-direction:column;text-align:center;gap:8px}.mirror-panel .scene-label>span:last-child{font-size:20px}.look-caption{padding-right:30px}.question-context{font-size:14px}dialog{padding:21px}}@media(prefers-reduced-motion:no-preference){.avatar{transition:background-position .3s ease}.reward-icon{animation:bounce .6s ease}.primary{transition:background .2s,transform .15s}@keyframes bounce{50%{transform:scale(1.2) rotate(-10deg)}}}
.avatar{height:auto;aspect-ratio:1;position:absolute;top:50%;transform:translateY(-50%)}.mirror{background:#f6bcca}.item-art{height:auto;aspect-ratio:1}.item-title{font-size:14px}.item-state{font-size:12px}.reward-preview{height:150px}[hidden]{display:none!important}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-bottom:0}.tabs button{border:1px solid #e5daee;border-radius:12px;min-height:48px;font-size:14px;background:#fff}.tabs button[aria-selected=true]{background:#eee4fc;border:2px solid #8050cb}.accessory-board{margin-top:22px;border-top:1px solid #d7c7e5;padding-top:15px}.accessory-board h3{font:500 22px Fraunces,Georgia,serif;margin:0}.accessory-board p{font-size:13px;margin:5px 0 12px}.accessory-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.accessory-slot{min-width:0;background:#fff9;border:1px solid #fff;border-radius:13px;padding:6px;color:#543a64}.accessory-slot .item-art{width:100%;margin:0 0 5px;border-radius:8px}.accessory-slot span{font-size:12px;line-height:1.3;display:block}.accessory-art{background-color:#fff4f7}.mirror-panel{align-self:start}.items{max-height:460px;overflow-y:auto;padding:3px}.item-state{min-height:32px;display:flex;align-items:center;justify-content:center}.reward-preview{width:170px;height:170px;margin:16px auto}.accessory-slot:hover{border-color:#8050cb}@media(max-width:580px){.accessory-selection{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.accessory-slot span{font-size:11px}.accessory-slot{padding:3px}.accessory-board h3{font-size:20px}.nail-preview{bottom:auto;top:315px}.tabs button{font-size:13px}.items{max-height:none}}
.worn-accessory{position:absolute;display:block;pointer-events:none;background-repeat:no-repeat;transform-origin:center;z-index:2}.worn-shoes{z-index:3}.worn-bags{z-index:4}.worn-watches,.worn-bracelets{z-index:5}.avatar{isolation:isolate;transition:none}.accessory-art{background-color:#fff4f7}
.fitted-shoe{overflow:hidden}.fitted-shoe>span{position:absolute;top:0;width:200%;height:100%;background-repeat:no-repeat}.hand-foreground{position:absolute;inset:0;z-index:4;pointer-events:none;background-repeat:no-repeat}.worn-bags{z-index:3}.worn-watches,.worn-bracelets{z-index:5}.empty-accessory{display:grid;place-items:center;aspect-ratio:1;color:#9a80ad;font-size:30px;border:1px dashed #d4c1e1;border-radius:10px;background:#f7f1fb}.empty-slot small{font-size:11px;color:#866e97}.empty-slot{background:#ffffff55}.none-item .empty-accessory{margin-bottom:8px}.none-item{min-width:0}
.none-item{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:52px}.none-item .empty-accessory{width:32px;height:32px;aspect-ratio:auto;margin:0;font-size:21px}.none-item .item-state{margin:0 0 0 auto;min-height:0}.none-item.selected{padding:7px 13px}