@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-main{animation:beep-screen-in .4s cubic-bezier(.25,.1,.25,1) both}@keyframes beep-screen-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.beep-landing-content{animation:beep-rise .6s ease-out both}@keyframes beep-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.beep-quiz-stage{animation:beep-fade .3s ease-out both}@keyframes beep-fade{0%{opacity:0}to{opacity:1}}.beep-card{animation:beep-card-in .32s cubic-bezier(.25,.1,.25,1) both}.beep-card[data-dir=back]{animation-name:beep-card-in-back}@keyframes beep-card-in{0%{opacity:0;transform:translate(60px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes beep-card-in-back{0%{opacity:0;transform:translate(-60px) scale(.96)}to{opacity:1;transform:translate(0) scale(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}}.editor{display:flex;height:100vh;width:100vw;background:#0c0f14;color:#e7eaee;font-family:system-ui,sans-serif}.editor-panel{width:220px;flex:0 0 220px;padding:16px;overflow-y:auto;border-right:1px solid #1d2229;display:flex;flex-direction:column;gap:18px}.editor-title{font-size:18px;margin:0;letter-spacing:.02em}.editor-h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8b93a0;margin:0 0 8px}.editor-tools{display:flex;flex-wrap:wrap;gap:6px}.editor-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a313b;background:#161a20;color:#cdd3da;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer}.editor-tool:hover{background:#1c222a;border-color:#3a434f}.editor-tool.is-active{background:#244a5e;border-color:#3a7d9c;color:#fff}.editor-tool.is-primary{background:#2f6fb0;border-color:#3a7d9c;color:#fff}.editor-hint{font-size:11px;color:#7f8794;margin:8px 0 0;line-height:1.4}.editor-canvas{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:16px;min-width:0}.editor-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.editor-scene{max-width:100%;max-height:100%}.editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.editor-overlay circle{pointer-events:all}