@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600&display=swap";:root{--ink: #0c0f14;--paper: #f4f4f2;--amber: #f2c14e;--green: #3a9d4e;--red: #c9352e;--muted: #6b7178}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--ink);color:var(--paper);font-family:Barlow,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.beep-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.beep-topbar{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;pointer-events:none}.beep-topbar>*{pointer-events:auto}.beep-topbar-spacer{flex:1}.beep-home{font-family:Barlow Condensed;font-weight:700;font-size:1.2rem;background:#0c0f148c;color:var(--paper);border:0;border-radius:999px;padding:.25rem .8rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.beep-lang{display:inline-flex;gap:.3rem;align-items:center;background:#0c0f148c;color:var(--muted);border:0;border-radius:999px;padding:.3rem .7rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.85rem}.beep-lang .on{color:var(--amber)}.beep-lang .sep{opacity:.5}.beep-main{flex:1;min-height:0;position:relative}.beep-screen{height:100%;display:flex;flex-direction:column}.beep-landing{position:relative;height:100%;overflow:hidden}.beep-landing-scene{position:absolute;top:0;right:0;bottom:0;left:0}.beep-landing-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c0f141a,#0c0f1459 45%,#0c0f14e6)}.beep-landing-content{position:absolute;inset:auto 0 0 0;padding:0 1.5rem 3.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.beep-word{font-family:Barlow Condensed;font-weight:700;font-size:clamp(3.5rem,18vw,7rem);margin:0;letter-spacing:-.02em}.beep-tag{margin:0 0 1.8rem;font-size:1.05rem;color:#d8dbdf}.beep-tag span{color:var(--muted)}.beep-cta-row{display:flex;gap:1.4rem}.beep-circle{width:7.2rem;height:7.2rem;border-radius:50%;border:2px solid transparent;font-family:Barlow Condensed;font-weight:600;font-size:1.5rem;cursor:pointer;color:var(--ink);transition:transform .15s ease}.beep-circle:active{transform:scale(.94)}.beep-circle-learn{background:var(--amber)}.beep-circle-quiz{background:var(--paper)}.beep-learn{padding-top:3rem}.beep-progress{width:calc(100% - 2rem);height:.7rem;margin:.3rem 1rem}.beep-card-stack{flex:1;min-height:0;display:flex;padding:.5rem 1rem}.beep-card{flex:1;display:flex;flex-direction:column;border-radius:1.4rem;overflow:hidden;background:#14181f;box-shadow:0 20px 60px #0006;touch-action:pan-y}.beep-card-scene{flex:1;min-height:0}.beep-card-scene svg{height:100%}.beep-card-meta{padding:1rem 1.2rem 1.3rem;position:relative}.beep-concept{font-family:Barlow Condensed;font-weight:700;font-size:1.9rem;margin:.3rem 0 .2rem}.beep-rule{margin:0;color:#c2c6cb}.beep-card-actions{display:flex;gap:.8rem;padding:.8rem 1rem 1.2rem}.beep-pill{flex:1;border:0;border-radius:999px;padding:.9rem;font-weight:600;font-size:1rem;cursor:pointer}.beep-pill-review{background:#23262c;color:#c2c6cb}.beep-pill-got{background:var(--green);color:#fff}.beep-pill-ghost{flex:0 0 auto;background:transparent;color:var(--muted);padding:.9rem 1rem}.beep-pill:disabled{opacity:.35;cursor:default}.beep-card-finish{align-items:center;justify-content:center}.beep-finish-inner{text-align:center;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.beep-finish-flag{font-size:3rem}.beep-finish-actions{display:flex;gap:.8rem;margin-top:1.4rem;width:100%}.beep-badge{display:inline-flex;gap:.35rem;align-items:center;background:#23262c;border-radius:999px;padding:.15rem .6rem;font-weight:600;font-size:.8rem;color:#c2c6cb}.beep-quiz{padding-top:3rem}.beep-quiz-stage{flex:1;min-height:0;padding:.5rem 1rem}.beep-freeze{position:relative;height:100%;border-radius:1.4rem;overflow:hidden;background:#14181f}.beep-freeze-svg{height:100%}.beep-quiz-prompt{position:absolute;inset:auto 0 0 0;padding:1rem 1.2rem 1.4rem;background:linear-gradient(180deg,transparent,rgba(12,15,20,.92) 40%)}.beep-quiz-q{font-family:Barlow Condensed;font-weight:700;font-size:1.7rem;margin:0}.beep-quiz-hint{margin:.3rem 0 0;color:var(--muted)}.beep-quiz-result{margin-top:.5rem;display:flex;flex-direction:column;gap:.2rem}.beep-quiz-ok strong{color:var(--green)}.beep-quiz-no strong{color:var(--red)}.beep-quiz-foot{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem 1.2rem}.beep-tally{font-family:Barlow Condensed;font-weight:600;font-size:1.3rem;color:var(--amber)}.beep-quiz-foot .beep-pill{flex:1}.beep-priority{animation:beep-pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes beep-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(242,193,78,0))}50%{filter:drop-shadow(0 0 2px rgba(242,193,78,.9))}}.beep-correct{animation:beep-ok .6s ease-out forwards;transform-box:fill-box;transform-origin:center}.beep-wrong{animation:beep-no .4s ease-in-out;transform-box:fill-box;transform-origin:center}@keyframes beep-ok{0%{filter:drop-shadow(0 0 0 rgba(57,211,106,0))}50%{filter:drop-shadow(0 0 4px rgba(57,211,106,1))}to{filter:drop-shadow(0 0 2px rgba(57,211,106,.7))}}@keyframes beep-no{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}