/* A shared UI and motion system across learning, reading, account and community pages. */
@view-transition{navigation:auto}::view-transition-old(root){animation:tribee-page-out .22s ease both}::view-transition-new(root){animation:tribee-page-in .55s cubic-bezier(.16,1,.3,1) both}@keyframes tribee-page-out{to{opacity:0;transform:translateY(-10px)}}@keyframes tribee-page-in{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
body.tribee-experience{--experience-bg:#f5f5f7;--experience-paper:#fff;--experience-ink:#171719;--experience-muted:#74717f;--experience-line:#e2dfe9;--experience-accent:#8974ba;background-color:var(--experience-bg);color:var(--experience-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}
html[data-theme=dark] body.tribee-experience,body.tribee-experience.dark{--experience-bg:#101012;--experience-paper:#1b1b20;--experience-ink:#f5f5f7;--experience-muted:#ada7bc;--experience-line:#35303f;--experience-accent:#bdacf0}
.tribee-experience :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}.tribee-experience :is(button,a):focus-visible{outline:2px solid var(--experience-accent);outline-offset:4px}.tribee-experience :is(input,select,textarea){border-radius:12px}.tribee-experience :is(button,.button,.btn,.tl-btn,.quiz-primary){transition:background-color .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s}.tribee-experience :is(button,.button,.btn,.tl-btn,.quiz-primary):active{transform:scale(.975)}
.tribee-experience :is(.panel,.guide-card,.reading-card,.book-card,.level-card,.community-card,.post-card,.tl-card,.tl-lesson-card,.reader-card,.story-card,.vocab-card,.word-card){border-radius:24px;border-color:var(--experience-line);box-shadow:0 12px 40px #20132b06}.tribee-experience :is(.section-heading h2,.section-title h2,.reader-heading h1,.community-hero h1){letter-spacing:-.045em}.tribee-experience .tribee-ribbon{background:color-mix(in srgb,var(--experience-bg) 86%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--experience-line)}
.tribee-experience .tribee-account{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--experience-line);border-radius:999px;padding:11px 15px;background:var(--experience-paper);color:var(--experience-ink);font:600 11px system-ui;white-space:nowrap;text-decoration:none}.tribee-account[data-signed-in=true]:before{content:'●';color:#719973;font-size:8px}.tribee-experience .header.wrap{flex-wrap:wrap}.tribee-experience .header.wrap>.tribee-account{margin-left:8px}.tribee-experience .tribee-ribbon>.tribee-account{flex-shrink:0}
.tribee-experience.membership-page main{max-width:1220px;padding-top:60px}.tribee-experience.membership-page h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.06em;line-height:1.12}.tribee-experience.membership-page h1 em{font-style:normal;color:#92849f}.tribee-experience.membership-page .panel.login{background:var(--experience-paper);border:1px solid var(--experience-line);padding:34px;border-radius:28px;box-shadow:0 20px 70px #26153b08}.tribee-experience.membership-page .plan-grid article{border-radius:24px;background:var(--experience-paper);border:1px solid var(--experience-line)}.tribee-experience.membership-page :is(.bank,.payment){border-radius:26px}.tribee-experience.membership-page .button{border-radius:999px}.tribee-experience.membership-page #state{color:var(--experience-muted);font-size:14px;line-height:1.8}
.tribee-signin-only :is(.intro-poster,.single-language-plan,.plans,.payment,.motivation,.plan-choice,.plan-note){display:none!important}.tribee-experience.tribee-signin-only .intro{display:grid!important;grid-template-columns:1.1fr 1fr;align-items:center;gap:7vw;min-height:58vh}.tribee-signin-only .intro-copy{grid-column:auto!important}.tribee-signin-only .panel.login{grid-column:auto!important;grid-row:auto!important;width:100%}.tribee-signin-only .intro-copy>p{font-size:16px;line-height:1.9;max-width:500px}.tribee-signin-only #login-title{font-size:27px;letter-spacing:-.03em}.tribee-signin-only .account-languages{display:none}
.experience-reveal{opacity:0;translate:0 22px;transition:opacity .7s ease var(--experience-delay,0ms),translate .85s cubic-bezier(.16,1,.3,1) var(--experience-delay,0ms)!important}.experience-reveal.experience-visible{opacity:1;translate:0 0}.experience-leaving main{opacity:.15;translate:0 -8px;transition:opacity .18s ease,translate .18s ease}.tribee-experience .experience-reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#a89acb,#e1d6fd);z-index:9998;pointer-events:none}.tribee-experience main{animation:experience-enter .55s cubic-bezier(.16,1,.3,1) both}@keyframes experience-enter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.tribee-experience.tribee-signin-only .intro{grid-template-columns:1fr;gap:24px;padding:20px 0 40px;min-height:0}.tribee-experience.membership-page main{padding-top:34px}.tribee-experience.membership-page .panel.login{padding:25px}.tribee-experience .tribee-ribbon{flex-wrap:wrap;gap:8px}.tribee-experience .tribee-account{font-size:10px;padding:9px 11px}.tribee-experience .header.wrap>.tribee-account{margin:0 0 8px}.tribee-experience header .top{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.tribee-experience main{animation:none}.experience-reveal{opacity:1;translate:none;transition:none!important}.experience-leaving main{opacity:1;translate:none}}
.tribee-motion-paused .experience-reveal{opacity:1;translate:none;transition:none!important}

.tribee-study-shortcuts{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.tribee-study-shortcuts a{font:600 11px system-ui;padding:9px 12px;border:1px solid var(--experience-line,#ddd);border-radius:99px;text-decoration:none;background:var(--experience-paper,#fff);white-space:nowrap}.tribee-experience .tribee-ribbon{flex-wrap:wrap}.tribee-experience .header.wrap{height:auto;min-height:82px;padding-top:15px;padding-bottom:15px}.learning-app.tribee-experience .learn-header{flex-wrap:wrap}.learning-app.tribee-experience .learn-header>.tribee-account{display:none}