@font-face{font-family:Rethink;src:url(/belive/assets/rethink-sans.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{color:#fff;font-synthesis:none;--purple:#8134fe;--light:#d6bdff;--lighter:#f2ebff;--dark:#3e0798;--darker:#20044e;--muted:#d6bdff;--line:#d6bdff30;--white:#fff;background:#20044e;font-family:Rethink,Rethink Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--light);outline-offset:5px}::selection{background:var(--light);color:var(--darker)}h1,h2,p{margin:0}.experience{--be-size:min(430px,44dvh,80vw);--be-y:43%;color:#fff;isolation:isolate;background:radial-gradient(at 50% 40%,#5222a0 0%,#361074 45%,#20044e 85%);height:100dvh;position:fixed;inset:0;overflow:hidden}.experience--connecting,.experience--session{--be-y:36%}.experience--recap{--be-size:min(240px,27dvh,56vw);--be-y:23%}.atmosphere{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ambient-light{background:radial-gradient(#8134fe21 0%,#8134fe0d 30%,#0000 65%);border-radius:50%;width:100vmax;height:100vmax;animation:24s ease-in-out infinite alternate ambient-drift;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.ambient-light--two{background:radial-gradient(#d6bdff0c,#0000 58%);width:80vmax;height:80vmax;animation-duration:31s;animation-delay:-12s;top:20%;left:25%}.ambient-horizon{opacity:.5;background:radial-gradient(#8134fe18,#0000 65%);transition:opacity 2s;position:absolute;inset:15% -40% -50%}.experience--session .ambient-horizon,.experience--recap .ambient-horizon{opacity:1}.experience-be{left:50%;top:var(--be-y);width:var(--be-size);height:var(--be-size);z-index:1;pointer-events:none;transition:top .8s cubic-bezier(.22,1,.36,1),width .8s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%)}.be-aura{opacity:.6;background:radial-gradient(#8134fe20 15%,#8134fe0e 42%,#0000 68%);border-radius:50%;transition:opacity 2s,transform 2s;position:absolute;inset:-32%;transform:scale(.95)}.experience--session .be-aura{opacity:.85;transform:scale(1)}.has-achievement .be-aura{opacity:1;transform:scale(1.08)}.achievement-light{opacity:0;background:radial-gradient(#d6bdff24,#0000 68%);border-radius:50%;animation:3.2s ease-out both achievement-bloom;position:absolute;inset:-25%}.be-character{isolation:isolate;width:100%;height:100%;position:relative}.be-animation{transition:none;position:absolute;inset:0}.be-animation svg{width:100%;height:100%;overflow:visible}.experience main{position:absolute;inset:0}.header{z-index:5;top:max(26px,env(safe-area-inset-top));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));opacity:0;visibility:hidden;justify-content:space-between;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:absolute}.header.is-active{opacity:1;visibility:visible}.brand-logo{width:156px;height:auto;display:block}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--light);background:0 0;border-radius:50%;place-items:center;display:grid}.info-banner{z-index:8;background:var(--darker);border:1px solid var(--line);width:min(520px,100% - 40px);color:var(--light);border-radius:16px;padding:20px 48px 20px 20px;font-size:13px;line-height:1.6;position:absolute;top:82px;left:50%;transform:translate(-50%);box-shadow:0 15px 60px #0004}.info-banner button{color:#fff;background:0 0;border:0;position:absolute;top:14px;right:14px}.onboarding{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s;position:absolute;inset:0}.onboarding.is-active{opacity:1;visibility:visible;pointer-events:auto}.welcome-content h1{letter-spacing:-1.7px;text-align:center;width:min(600px,100% - 40px);font-size:clamp(32px,4.5vw,48px);font-weight:500;line-height:1.08;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:11%;left:50%;transform:translate(-50%,-12px)}.welcome-content h1 em{color:var(--light);font-style:normal}.onboarding.is-active h1{transform:translate(-50%)}.entry-actions{left:50%;bottom:max(clamp(44px,10dvh,96px),env(safe-area-inset-bottom));width:min(440px,100% - 44px);transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,18px)}.onboarding.is-active .entry-actions{transform:translate(-50%)}fieldset{border:0;margin:0;padding:0}.level-picker legend{text-align:center;width:100%;color:var(--light);margin-bottom:12px;font-size:12px;font-weight:400}.levels{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.level-card{border:1px solid var(--line);cursor:pointer;background:#f2ebff07;border-radius:13px;min-width:0;padding:13px 13px 12px;transition:background .18s,border-color .18s;position:relative}.level-card.selected{border-color:var(--light);background:#d6bdff20;box-shadow:0 0 0 1px #d6bdff50}.level-card:hover{background:#d6bdff20}.level-card:has(input:focus-visible){outline:3px solid var(--light);outline-offset:4px}.level-card input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.level-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.level-bars{align-items:flex-end;gap:3px;height:18px;display:flex}.level-bars i{background:#d6bdff30;border-radius:2px;width:4px;height:8px}.level-bars i:nth-child(2){height:13px}.level-bars i:nth-child(3){height:18px}.level-bars i.filled{background:var(--light)}.radio-mark{border:1px solid #d6bdff60;border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.selected .radio-mark{background:var(--light);border-color:var(--light);color:var(--darker)}.level-card strong{letter-spacing:-.15px;font-size:13px;font-weight:500;display:block}.primary{background:var(--purple);color:#fff;border:1px solid #d6bdff18;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;padding:16px 18px;font-size:14px;font-weight:550;transition:background .2s,transform .2s;display:flex}.primary:hover{background:#914cff;transform:translateY(-1px)}.start-button{margin-top:20px}.error{border:1px solid var(--line);color:var(--lighter);background:#f2ebff12;border-radius:10px;margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.45}.recap{z-index:3;top:calc(var(--be-y) + var(--be-size)*.45 + 16px);bottom:max(24px,env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:var(--light) transparent;width:min(520px,100% - 44px);animation:.6s .2s both recap-enter;position:absolute;left:50%;overflow:auto;transform:translate(-50%)}.recap-content{text-align:center;padding:0 4px 8px}.recap h1{letter-spacing:-1px;font-size:32px;font-weight:500;line-height:1.12}.intro{color:var(--light);margin-top:13px;font-size:14px;line-height:1.55}.takeaways{text-align:left;flex-direction:column;gap:10px;margin:25px 0;display:flex}.takeaways>div{background:#d6bdff0b;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;display:flex}.takeaways>div>span{color:var(--light);flex-shrink:0;place-items:center;display:grid}.takeaways p{font-size:14px;line-height:1.4}.recap .primary{margin-top:24px}.text-button{min-height:36px;color:var(--light);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:16px auto 0;font-size:11px;display:flex}@keyframes ambient-drift{0%{transform:translate(-50%,-50%)scale(.95)}to{transform:translate(-46%,-46%)scale(1.05)}}@keyframes achievement-bloom{0%{opacity:0;transform:scale(.75)}25%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes recap-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@media (width<=760px){.header{top:max(20px,env(safe-area-inset-top));left:22px;right:22px}.brand-logo{width:144px}.welcome-content h1{letter-spacing:-1.2px;font-size:34px;top:12%}.level-card{padding:12px 10px}.level-card strong{font-size:12px}.levels{gap:8px}.recap h1{font-size:28px}.recap .intro{font-size:13px}.recap{top:calc(var(--be-y) + var(--be-size)*.45 + 10px)}.takeaways{margin:20px 0}.takeaways p{font-size:13px}}@media (width<=370px){.entry-actions,.recap{width:calc(100% - 36px)}.level-card{padding:11px 8px}.level-card strong{font-size:11px}.welcome-content h1{font-size:30px}.brand-logo{width:136px}}@media (height<=700px){.experience{--be-size:min(200px,32dvh,65vw);--be-y:42%}.experience--connecting,.experience--session{--be-y:31%}.experience--recap{--be-size:min(160px,25dvh);--be-y:20%}.header{top:16px}.brand-logo{width:132px}.welcome-content h1{font-size:29px;top:13%}.level-card{padding:10px}.level-top{margin-bottom:7px}.primary{min-height:48px;padding:13px}.start-button{margin-top:15px}.recap h1{font-size:25px}.takeaways{gap:8px;margin:16px 0}.takeaways>div{padding:9px 12px}}@media (height<=480px){.experience{--be-size:30dvh;--be-y:40%}.experience--connecting,.experience--session{--be-y:27%;--be-size:27dvh}.experience--recap{--be-y:20%;--be-size:25dvh}.header{top:12px}.brand-logo{width:114px}.icon-button{width:28px;height:28px}.welcome-content h1{font-size:24px;top:13%}.welcome-content h1 br{display:none}.welcome-content h1 em:before{content:" "}.entry-actions{width:min(440px,100% - 44px);bottom:14px}.level-picker legend{margin-bottom:7px}.level-card{padding:8px 12px}.level-top{display:none}.level-card strong{text-align:center}.primary{min-height:42px;padding:10px;font-size:12px}.start-button{margin-top:10px}.recap h1{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=370px){html[lang=de-DE] .levels{grid-template-columns:1fr 1fr 1.3fr}}.research-notice{z-index:3;text-align:center;color:#ffffffb8;max-width:440px;margin:12px auto 20px;padding:0 20px;font-size:11px;line-height:1.5;position:relative}.experience--start:not(.experience--studio):not(.experience--bf) .research-notice{bottom:max(8px,env(safe-area-inset-bottom));width:min(100%,440px);margin:0;position:absolute;left:50%;transform:translate(-50%)}.experience-be>img{object-fit:contain;width:100%;height:100%}
