@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;600&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;color:#f5f1e8;background:#090a0c;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:#090a0c}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:34px;overflow:hidden;position:relative;background:radial-gradient(circle at 18% 28%,rgba(184,119,42,.13),transparent 24%),radial-gradient(circle at 86% 78%,rgba(197,64,43,.09),transparent 25%),linear-gradient(135deg,#08090b,#111214 52%,#08090a)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.23;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}.trainer-frame{width:min(1180px,100%);position:relative;z-index:1}.trainer-topbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:24px;margin:0 auto 20px;width:min(920px,100%)}.round-button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff09;font-size:22px;cursor:pointer;transition:.2s ease}.round-button:hover{border-color:#d9a75f;color:#e6b96e;transform:translateY(-2px)}.trainer-progress{width:min(330px,70vw);justify-self:center;text-align:center}.trainer-progress strong{display:block;font-size:14px;letter-spacing:.04em}.trainer-progress span{display:block;margin:2px 0 11px;color:#827f7a;font-size:12px}.progress-track{height:3px;overflow:hidden;border-radius:9px;background:#2b2b2b}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e5b66e,#ce8047);transition:width .35s ease}.trainer-meta{justify-self:end}.cocktail-card{position:relative;width:min(920px,100%);margin:auto;overflow:hidden;border:1px solid rgba(224,176,101,.58);border-radius:32px;background:linear-gradient(145deg,#1f1f1ef5,#101112fa);box-shadow:0 38px 100px #0000008c,inset 0 1px #ffffff09}.cocktail-card:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(214,72,49,.7);border-radius:80px;right:-350px;top:14%;transform:rotate(8deg)}.cocktail-card__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 68% 42%,rgba(207,93,38,.12),transparent 25%),linear-gradient(105deg,rgba(255,255,255,.025),transparent 40%);pointer-events:none}.cocktail-card__content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(270px,.85fr) minmax(270px,.85fr);grid-template-areas:"copy visual" "steps visual" "actions visual";gap:10px 58px;padding:56px 64px 44px}.cocktail-copy{grid-area:copy}.card-kicker{margin:0 0 10px;color:#a09b92;font-size:12px;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font:600 clamp(36px,5vw,62px)/1.06 Unbounded,sans-serif;letter-spacing:-.045em}.card-description{margin:18px 0 0;max-width:45ch;color:#99958f;font-size:14px;line-height:1.7}.cocktail-visual{grid-area:visual;min-height:500px;position:relative;overflow:hidden;display:grid;place-items:center;margin:-56px -64px -44px 0;background:#090909}.cocktail-visual:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#151514 0,transparent 18%),linear-gradient(0deg,rgba(8,8,8,.4),transparent 22%)}.cocktail-visual img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;animation:cocktail-in .55s ease both}.cocktail-visual__glow{position:absolute;z-index:3;width:82%;height:1px;bottom:7%;background:linear-gradient(90deg,transparent,rgba(225,171,92,.48),transparent);box-shadow:0 0 25px #db85334d}@keyframes cocktail-in{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.steps-stack{grid-area:steps;display:grid;gap:9px;margin-top:22px}.answer-step{border-radius:18px;border:1px solid rgba(255,255,255,.09);background:#0a0a0a5c;padding:16px}.answer-step--active{border-color:#e1ad5e8c;background:#181715cc}.answer-step__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.answer-step__label{font-size:13px;font-weight:700}.answer-step__hint{color:#77736d;font-size:10px;text-align:right;max-width:180px}.answer-step__input{width:100%;margin-bottom:10px;padding:12px 14px;color:#f6f1e7;border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:0;background:#101010;font-size:12px}.answer-step__input:focus{border-color:#dba75e;box-shadow:0 0 0 3px #dba75e1a}.answer-step__submit,.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(100deg,#e6b66f,#d9954b);color:#16120e;font-weight:700;cursor:pointer;transition:.2s ease}.answer-step__submit:hover,.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.answer-step__submit:disabled{opacity:.38;cursor:not-allowed;transform:none}.answer-step--future{display:grid;grid-template-columns:24px 1fr 20px;align-items:center;padding:12px 14px;color:#6f6d69;background:transparent}.answer-step__number{color:#b98a50;font-size:11px}.answer-step__lock{text-align:right}.answer-step__value{margin:2px 0 6px;font-size:12px}.answer-step__expected{color:#817d76;font-size:10px}.answer-step__badge{padding:4px 8px;border-radius:999px;font-size:9px;font-weight:700}.answer-step.is-correct{border-color:#68a67073}.answer-step.is-correct .answer-step__badge{background:#37633e}.answer-step.is-partial{border-color:#dca14180}.answer-step.is-partial .answer-step__badge{background:#765420}.answer-step.is-wrong{border-color:#b7483a80}.answer-step.is-wrong .answer-step__badge{background:#71362f}.card-actions{grid-area:actions;margin-top:10px}.card-actions--idle{color:#6d6a66;font-size:10px}.completion-copy{margin:0 0 10px;color:#9f9a91;font-size:11px}.finish-card{position:relative;z-index:1;width:min(650px,100%);padding:clamp(34px,7vw,72px);text-align:center;border:1px solid rgba(224,176,101,.58);border-radius:32px;background:linear-gradient(145deg,#1f1f1ef7,#101112fa);box-shadow:0 38px 100px #0000008c}.finish-card__mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;border:1px solid #dfa95c;border-radius:50%;color:#e7b86c;font-size:32px;box-shadow:0 0 35px #da9a4124}.finish-card h1{font-size:clamp(31px,6vw,52px)}.finish-card p:not(.card-kicker){max-width:48ch;margin:22px auto 30px;color:#99958f;line-height:1.7}.finish-card .primary-button{max-width:310px;margin:auto}@media (max-width: 720px){.app-shell{place-items:start center;padding:18px 12px 28px;overflow:visible}.trainer-topbar{grid-template-columns:44px 1fr 44px;gap:10px;margin-bottom:14px}.round-button{width:42px;height:42px;font-size:18px}.trainer-progress{width:min(190px,58vw)}.trainer-progress span{margin-bottom:8px}.cocktail-card{border-radius:25px}.cocktail-card:after{right:-410px}.cocktail-card__content{display:flex;flex-direction:column;padding:28px 20px 24px;gap:0}h1{font-size:clamp(31px,10vw,42px)}.card-description{font-size:12px;margin-top:12px}.cocktail-visual{min-height:330px;order:2;margin:20px -20px 14px;border-block:1px solid rgba(226,176,101,.22)}.cocktail-visual:before{background:linear-gradient(180deg,#1b1b1a 0,transparent 14%,transparent 84%,#171716 100%)}.cocktail-copy{order:1}.steps-stack{order:3;margin-top:0}.card-actions{order:4}.answer-step__header{flex-direction:column;gap:4px}.answer-step__hint{text-align:left}.answer-step{padding:14px}.answer-step--future{padding:11px 12px}}@media (min-width:721px) and (max-height:760px){.cocktail-card__content{padding-top:36px;padding-bottom:32px}.cocktail-visual{min-height:440px}.glass{transform:scale(.88)}}