@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,DM Sans,system-ui,-apple-system,sans-serif;font-weight:500;color:#faf8ff;background:#101427;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101427;--panel:#1a2038;--stroke:#343a55;--text:#faf8ff;--muted:#aeb4cc;--mint:#a1f1de;--coral:#ff9fba}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid #a1f1de;outline-offset:3px}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}.app-shell{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 10% 2%,rgba(81,84,170,.27),transparent 35%),radial-gradient(ellipse at 96% 61%,rgba(90,151,145,.12),transparent 45%),var(--bg)}.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(75px);opacity:.5;z-index:-1}.ambient-one{width:270px;height:270px;background:#715fce;top:-155px;right:-80px}.ambient-two{width:220px;height:220px;background:#174b65;bottom:20%;left:-150px}.app-layout{max-width:1000px;min-height:100vh;min-height:100dvh;margin:auto;padding:calc(15px + var(--tg-content-safe-area-inset-top, 0px)) max(24px,env(safe-area-inset-right)) calc(15px + var(--tg-content-safe-area-inset-bottom,0px));display:flex;flex-direction:column}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-1.2px;padding:3px}.brand-icon{display:inline-grid;place-items:center;background:var(--mint);color:#101427;border-radius:13px;width:32px;height:32px;font-size:28px;font-weight:800;line-height:1}.brand-accent{color:var(--coral)}.header-right{display:flex;align-items:center;gap:9px}.header-hint{font-size:10px;color:#9da5c0;letter-spacing:2.6px;font-weight:800}.avatar{display:grid;place-items:center;width:36px;height:36px;background:#393251;border:1px solid #6e5c83;border-radius:50%;margin-left:9px;color:#f1e1f5;font-size:13px;font-weight:800}.main{flex:1}.home-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:24px}.home-hero{text-align:center;position:relative;padding-top:18px;max-width:640px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(185,173,251,.3);background:#b0a2fd14;border-radius:100px;padding:9px 15px;font-size:10px;letter-spacing:2px;font-weight:800;color:#d6ccff}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}.hero-art{height:182px;width:220px;margin:20px auto 4px;position:relative;display:grid;place-items:center}.hero-ring{position:absolute;border:2px solid rgba(206,199,255,.23);border-radius:50%;transform:rotate(-32deg);width:200px;height:114px}.ring-two{width:172px;height:188px;transform:rotate(39deg);border-color:#a7f1da40}.hero-core{height:108px;width:108px;border-radius:50%;display:grid;place-items:center;font-size:89px;font-weight:800;line-height:1;color:#192037;background:linear-gradient(135deg,var(--mint),#f5d9bc 60%,var(--coral));box-shadow:0 14px 60px #a9f1dc2b;transform:rotate(-10deg)}.hero-dot{position:absolute;width:15px;height:15px;border-radius:100%;background:var(--coral);top:33px;left:25px}.dot-two{background:var(--mint);top:auto;left:auto;right:22px;bottom:28px;width:10px;height:10px}.home-hero h1{font-size:clamp(38px,7.2vw,67px);line-height:1.13;letter-spacing:-.065em;font-weight:800;margin:0 0 14px}.home-hero h1 em{color:var(--mint);font-style:normal}.home-hero p{color:var(--muted);font-size:14px;line-height:1.65;max-width:355px;margin:0 auto}.home-actions{width:100%;max-width:460px;display:grid;grid-template-columns:1fr;gap:14px;margin:34px auto 20px}.mode-card{min-height:116px;display:flex;flex-direction:row;align-items:center;gap:16px;text-align:left;border:1px solid #494362;border-radius:23px;padding:19px;position:relative;color:var(--text);transition:transform .15s ease,background .15s ease}.mode-card:hover,.clickable:hover{transform:translateY(-2px)}.mode-solo{background:linear-gradient(145deg,#403047,#30263f)}.mode-icon{font-size:29px;line-height:1;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ffffff17;color:var(--coral)}.mode-copy{display:flex;flex-direction:column;gap:6px;margin-top:0;padding-right:24px}.mode-copy strong{font-size:16px;letter-spacing:-.5px}.mode-copy small{color:#b7bacb;font-size:11px;line-height:1.4}.mode-arrow{position:absolute;right:18px;top:20px;color:#e4d7f3;font-size:20px}.home-footer,.app-bottom{color:#828da9;font-size:10px;letter-spacing:1.4px;font-weight:800}.home-footer{display:flex;gap:8px;align-items:center}.home-footer span{color:var(--mint);font-size:15px}.app-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);margin-top:20px}.bottom-waves{font-size:17px;letter-spacing:4px;color:#707e9b}.stage-main{width:100%;padding-top:18px}.top-nav{display:flex;align-items:center;gap:12px;margin:0 0 34px}.back-btn{background:#ffffff0e;border:1px solid #38405c;color:#fff;border-radius:13px;width:40px;height:40px;font-size:22px;line-height:1}.nav-label{font-weight:800;letter-spacing:2px;font-size:11px;color:#bfc7dc}.round-tag{margin-left:auto;padding:8px 12px;border-radius:100px;border:1px solid #3b4360;color:#c6cee3;font-size:11px;font-weight:800;white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:2.6px;color:var(--mint);font-weight:800;margin-bottom:14px}.heading{max-width:680px;margin:0 0 27px}.heading h1{font-size:clamp(30px,6vw,49px);font-weight:800;line-height:1.12;letter-spacing:-.06em;margin-bottom:12px}.heading p{color:var(--muted);font-size:14px;line-height:1.7;max-width:520px;margin:0}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}.concept-card{display:flex;flex-direction:column;text-align:left;position:relative;background:#fcf6eb;color:#262d43;border:1px solid #fff5e6;border-radius:22px;padding:21px;min-height:285px;width:100%;box-shadow:0 11px 28px #00000021;overflow:hidden}.concept-card.clickable{transition:transform .15s ease,box-shadow .15s ease}.concept-card.clickable:hover{box-shadow:0 16px 30px #0000002e}.concept-card:after{content:"";position:absolute;border:1px solid rgba(78,61,74,.06);border-radius:50%;width:250px;height:250px;top:-180px;right:-85px;pointer-events:none}.concept-top{display:flex;justify-content:space-between;align-items:center;color:#7c7f8c;font-weight:800;font-size:10px;letter-spacing:1.9px}.concept-spark{font-size:26px;line-height:1;color:#e5a2aa}.concept-terms{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:8px;align-items:center;flex:1;margin:24px 0}.term{display:flex;flex-direction:column;gap:11px;min-width:0}.term-direction{color:#d7708b;font-size:34px;font-weight:400;line-height:1}.term-right .term-direction{color:#26a994}.term strong{font-size:clamp(17px,2.45vw,23px);line-height:1.23;font-weight:800;letter-spacing:-.8px;overflow-wrap:anywhere}.wave-divider{height:100%;min-height:82px;display:grid;place-items:center;color:#acb1ba;position:relative}.wave-divider:before{content:"";position:absolute;width:1px;height:100%;background:linear-gradient(transparent,#d7d3d0,transparent);left:50%}.wave-divider span{z-index:1;background:#fcf6eb;padding:4px 0;color:#d7a795;font-size:22px}.card-bottom{border-top:1px solid #e8e1d7;display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;font-weight:800;color:#565c73}.small-round{width:26px;height:26px;border-radius:50%;background:#e9e0de;display:grid;place-items:center;font-size:18px;color:#42455c}.hint-strip{display:flex;gap:10px;align-items:center;margin-top:22px;color:#9ca6bf;font-size:12px}.hint-strip span{color:var(--mint)}.reveal-area{max-width:760px;margin:0 auto}.concept-card.expanded{min-height:390px;padding:30px 34px;border-radius:29px}.concept-card.expanded .concept-terms{gap:22px;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.concept-card.expanded .term strong{font-size:clamp(25px,4.4vw,43px);letter-spacing:-1.8px}.concept-card.expanded .term-direction{font-size:47px}.action-stack{max-width:760px;margin:22px auto 0;display:flex;flex-direction:column;gap:8px}.primary-button,.outline-button{border:0;min-height:57px;padding:15px 20px;border-radius:16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;transition:filter .15s}.primary-button{color:#142126;background:var(--mint)}.primary-button:not(:disabled):hover{filter:brightness(1.08)}.primary-button span,.outline-button span{font-size:22px}.quiet-button{border:0;background:none;color:#a7b1c9;padding:12px;font-weight:700;font-size:12px}@media(max-width:650px){.app-layout{padding-left:18px;padding-right:18px}.home-actions{max-width:390px;grid-template-columns:1fr;gap:11px;margin:25px auto 20px}.mode-card{min-height:100px;flex-direction:row;align-items:center;gap:15px;padding:18px}.mode-icon{flex-shrink:0}.mode-copy{margin:0;padding-right:16px}.mode-arrow{top:16px;right:16px}.home-hero{padding-top:5px}.hero-art{height:150px;margin-top:12px;margin-bottom:0}.hero-core{height:91px;width:91px;font-size:75px}.hero-ring{width:179px;height:101px}.ring-two{width:144px;height:165px}.hero-dot{top:22px}.home-hero h1{font-size:42px}.home-hero p{font-size:12px}.top-nav{margin-bottom:27px}.cards-grid{grid-template-columns:1fr;gap:13px}.concept-card{min-height:191px;padding:17px 20px}.concept-terms{margin:16px 0}.concept-card.clickable .concept-terms{margin-bottom:4px}.term strong{font-size:19px}.term-direction{font-size:28px}.card-bottom{margin-top:7px;padding-top:10px}.concept-card.expanded{min-height:360px;padding:23px}.concept-card.expanded .concept-terms{gap:10px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.concept-card.expanded .term strong{font-size:clamp(23px,5vw,32px)}.concept-card.expanded .term-direction{font-size:36px}.app-bottom{font-size:9px}.heading h1{font-size:33px}.stage-main{padding-top:10px}}@media(max-width:375px){.app-layout{padding-left:14px;padding-right:14px}.heading h1{font-size:29px}.mode-copy strong{font-size:14px}.concept-card.expanded .term strong{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.status-area{max-width:760px;width:100%;margin:18px auto 35px;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.status-area .heading{max-width:440px}.status-area .heading p{overflow-wrap:anywhere}.status-area .action-stack{width:min(100%,430px);margin-top:8px}.loading-wave,.finish-wave,.status-symbol{height:92px;width:92px;border-radius:50%;display:grid;place-items:center;font-size:64px;font-weight:800;background:#a1f1de1c;color:var(--mint)}.loading-wave{animation:wave-breathe 1.7s ease-in-out infinite}@keyframes wave-breathe{50%{transform:scale(1.09);opacity:.65}}.status-symbol{font-size:52px;background:#ff9fba1f;color:var(--coral)}.finish-wave{background:#ff9fba1f;color:var(--coral)}.finish-count{display:flex;flex-direction:column;align-items:center;gap:3px;padding:15px 45px;border:1px solid var(--stroke);border-radius:18px}.finish-count strong{font-size:40px;font-weight:800;color:var(--mint)}.finish-count span{font-size:12px;color:var(--muted)}@media(max-width:650px){.status-area{min-height:320px}.status-area .heading h1{font-size:30px}}