@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{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem .4rem;border-bottom:1px solid #1a1f26}.beep-topbar>*{pointer-events:auto}.beep-topbar-spacer{flex:1}.beep-home{font-family:Barlow Condensed;font-weight:700;font-size:1.2rem;color:var(--paper);background:none;border:0;padding:0;letter-spacing:.01em}.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-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-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-pulse{animation:beep-pulse 1.6s ease-in-out infinite}@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))}}@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}}.beep-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.beep-screen{display:flex;flex-direction:column;min-height:100%;padding:.75rem 1rem 1.25rem;gap:.75rem}.beep-screen-title{font-family:Barlow Condensed,sans-serif;font-size:1.6rem;margin:.2rem 0 .4rem;letter-spacing:.01em}.beep-section-title{font-family:Barlow Condensed,sans-serif;font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.2rem 0 .2rem}.beep-loading{opacity:.4}.beep-empty{color:var(--muted);text-align:center;padding:2rem 1rem}.beep-ex-source{color:var(--muted);font-size:.78rem;margin:.4rem 0 0}.beep-colophon{margin-top:2rem;opacity:.7}.beep-tabbar{flex:0 0 auto;display:flex;background:#12161b;border-top:1px solid #21262d;padding-bottom:env(safe-area-inset-bottom,0)}.beep-tab{flex:1;background:none;border:0;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .2rem .55rem;font:inherit;font-size:.66rem;letter-spacing:.03em;transition:color .18s ease}.beep-tab svg{width:22px;height:22px}.beep-tab.is-active{color:var(--amber)}.beep-ring{position:relative;display:grid;place-items:center}.beep-ring svg{display:block}.beep-ring-arc{transition:stroke-dashoffset .6s cubic-bezier(.25,.1,.25,1)}.beep-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.beep-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.beep-stat-num{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.05rem}.beep-stat-cap{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.beep-flame{position:relative;display:grid;place-items:center}.beep-flame-count{position:absolute;bottom:-2px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.85rem;color:var(--ink)}.beep-flame.is-alive .beep-flame-outer{animation:beep-flicker .9s ease-in-out infinite alternate;transform-origin:50% 100%}.beep-flame.is-alive .beep-flame-inner{animation:beep-flicker 1.3s ease-in-out infinite alternate-reverse;transform-origin:50% 100%}@keyframes beep-flicker{0%{transform:scaleY(.94) skew(-2deg)}to{transform:scaleY(1.06) skew(2deg)}}.beep-home-head{display:flex;justify-content:space-around;align-items:center;padding:.4rem 0 .8rem;border-bottom:1px solid #1c2128}.beep-path{list-style:none;margin:0;padding:.6rem 0 1rem;display:flex;flex-direction:column;gap:.9rem;position:relative}.beep-path:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translate(-50%);background:repeating-linear-gradient(#2b3038 0 10px,transparent 10px 20px)}.beep-path-node{display:flex;align-items:center;gap:.8rem;position:relative}.beep-path-node[data-side=r]{flex-direction:row-reverse;text-align:right}.beep-node{background:none;border:0;padding:0;cursor:pointer;position:relative;z-index:1}.beep-node .beep-ring{background:#171c22;border-radius:50%}.beep-node-num{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.3rem;color:var(--paper)}.beep-node-meta{flex:1;min-width:0}.beep-node-meta h2{font-family:Barlow Condensed,sans-serif;font-size:.95rem;margin:0 0 2px;line-height:1.15}.beep-node-sub{font-size:.72rem;color:var(--muted)}.beep-crowns{display:inline-flex;gap:2px;color:#3a4048}.beep-crowns svg.on{color:var(--amber)}.beep-lesson-head{display:flex;align-items:flex-start;gap:.6rem}.beep-lesson-head h1{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;margin:0;line-height:1.1}.beep-lesson-cta{align-self:flex-start}.beep-lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.beep-lesson-row{width:100%;display:flex;align-items:center;gap:.6rem;text-align:left;background:#161a20;border:1px solid #21262d;border-radius:10px;padding:.7rem .8rem;color:var(--paper);font:inherit;cursor:pointer}.beep-lesson-row:hover{background:#1c222a}.beep-lesson-num{font-family:Barlow Condensed,sans-serif;color:var(--amber);font-weight:700;min-width:2.2rem}.beep-lesson-title{flex:1;font-size:.88rem}.beep-cards{display:flex;flex-direction:column;gap:.6rem}.beep-mode-card{display:flex;align-items:center;gap:.9rem;text-align:left;background:#161a20;border:1px solid #21262d;border-radius:14px;padding:1rem;color:var(--paper);font:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.beep-mode-card:hover{transform:translateY(-2px);border-color:#333b45}.beep-mode-glyph{font-size:1.6rem}.beep-mode-text{display:flex;flex-direction:column;gap:2px}.beep-mode-text strong{font-family:Barlow Condensed,sans-serif;font-size:1.05rem}.beep-mode-text span{font-size:.78rem;color:var(--muted)}.beep-session{padding-top:.5rem}.beep-session-head{display:flex;align-items:center;gap:.7rem}.beep-x{background:none;border:0;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:.2rem .4rem}.beep-session-head .beep-progress{flex:1;height:10px}.beep-combo{font-family:Barlow Condensed,sans-serif;font-weight:700;color:var(--amber);animation:beep-pop .35s ease-out}.beep-requeue-note{text-align:center;color:var(--amber);font-size:.82rem;margin:0}.beep-session-stage{flex:1;display:flex;animation:beep-card-in .28s cubic-bezier(.25,.1,.25,1) both}.beep-session-foot{position:sticky;bottom:0;display:flex;align-items:center;gap:.8rem;padding:.8rem 0 .2rem;background:linear-gradient(transparent,var(--ink) 30%)}.beep-session-foot .beep-pill{flex:1}.beep-verdict{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.05rem}.beep-foot-ok .beep-verdict{color:#58c98a}.beep-foot-no .beep-verdict{color:#e8736c}.beep-exercise{flex:1;display:flex;flex-direction:column;gap:.7rem;width:100%}.beep-ex-stem{font-family:Barlow Condensed,sans-serif;font-size:1.25rem;line-height:1.25;margin:.4rem 0 .2rem}.beep-ex-figures{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.beep-ex-figures img{max-width:100%;max-height:34vh;border-radius:8px;background:#fff}.beep-ex-commit{align-self:stretch}.beep-ribbon-warn{background:#3a2f14;border:1px solid #6b5320;color:#f0d089;border-radius:8px;padding:.5rem .65rem;font-size:.78rem;margin:0}.beep-options{display:flex;flex-direction:column;gap:.5rem}.beep-opt{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:#161a20;border:1.5px solid #262c34;border-radius:12px;padding:.85rem .9rem;color:var(--paper);font:inherit;font-size:.88rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.beep-opt:hover:not(:disabled){border-color:#3a434f}.beep-opt.is-picked{border-color:var(--amber);background:#1f2129}.beep-opt:disabled{cursor:default}.beep-opt-box{width:18px;height:18px;border:2px solid #3a434f;border-radius:5px;flex:0 0 auto}.beep-opt-box.on{background:var(--amber);border-color:var(--amber)}.beep-opt-text{flex:1}.beep-opt-ok{background:#1e4d36;border-color:#37a169;color:#d9f7e6;animation:beep-pop .3s ease-out}.beep-opt-no{background:#542028;border-color:#b0433f;color:#ffd9d6;animation:beep-no .4s ease-out}@keyframes beep-pop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.beep-flip{perspective:1200px;flex:1;min-height:46vh;cursor:pointer}.beep-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,.1,.25,1)}.beep-flip.is-flipped .beep-flip-inner{transform:rotateY(180deg)}.beep-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow-y:auto;background:#161a20;border:1px solid #21262d;border-radius:16px;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}.beep-flip-front{align-items:center;justify-content:center;text-align:center}.beep-flip-front h2{font-family:Barlow Condensed,sans-serif;font-size:1.35rem;margin:0}.beep-flip-hint{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.beep-flip-back{transform:rotateY(180deg)}.beep-blocks p{margin:0 0 .6rem;font-size:.88rem;line-height:1.45}.beep-blocks ul{margin:0 0 .6rem;padding-left:1.1rem}.beep-blocks li{font-size:.85rem;line-height:1.4;margin-bottom:.25rem}.beep-grade-row{display:flex;gap:.4rem}.beep-grade-row .beep-pill{flex:1;padding:.7rem .3rem;font-size:.8rem}.beep-grade-again{background:#542028;color:#ffd9d6}.beep-grade-hard{background:#4a3a18;color:#f0d089}.beep-grade-good{background:#23262c;color:#c2c6cb}.beep-grade-easy{background:#1e4d36;color:#d9f7e6}.beep-sign-hero{display:grid;place-items:center;padding:.6rem 0 1rem}.beep-sign-img{object-fit:contain}.beep-sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.beep-sign-cell{aspect-ratio:1;background:#161a20;border:1.5px solid #262c34;border-radius:14px;padding:.8rem;cursor:pointer;display:grid;place-items:center}.beep-sign-cell img{width:100%;height:100%;object-fit:contain}.beep-pairs-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:.5rem}.beep-pairs-col{display:flex;flex-direction:column;gap:.45rem}.beep-pair{background:#161a20;border:1.5px solid #262c34;border-radius:10px;padding:.6rem;color:var(--paper);font:inherit;font-size:.78rem;text-align:left;cursor:pointer;min-height:3.2rem}.beep-pair.is-picked{border-color:var(--amber)}.beep-pair-def{font-size:.72rem;line-height:1.3}.beep-countdown{display:grid;place-items:center}.beep-countdown .beep-ring-label{font-family:Barlow Condensed,sans-serif;font-weight:700}.beep-tip{border-radius:12px;padding:.9rem 1rem;border-left:4px solid var(--amber);background:#1c1f26}.beep-tip-pazi{border-left-color:var(--red)}.beep-tip-label{font-family:Barlow Condensed,sans-serif;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.beep-tip-pazi .beep-tip-label{color:#e8736c}.beep-tip p{margin:.4rem 0 0;font-size:.86rem;line-height:1.45}.beep-summary{align-items:center;justify-content:center;text-align:center;gap:1rem}.beep-summary-title{font-family:Barlow Condensed,sans-serif;font-size:1.8rem;margin:0}.beep-xp-counter{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2.4rem;color:var(--amber);display:inline-block}.beep-xp-counter.beep-popped{animation:beep-pop .4s ease-out}.beep-summary-stats{display:flex;gap:1.6rem}.beep-summary-stats>div{display:flex;flex-direction:column;gap:2px}.beep-summary-events{display:flex;flex-direction:column;gap:.45rem}.beep-event{margin:0;font-size:.9rem;background:#1c1f26;border-radius:999px;padding:.5rem 1rem}.beep-summary-actions{display:flex;gap:.7rem;width:100%;max-width:22rem}.beep-summary-actions .beep-pill{flex:1}.beep-rise{animation:beep-rise .4s cubic-bezier(.25,.1,.25,1) both}@keyframes beep-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.beep-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:20}.beep-confetti i{position:absolute;top:-6vh;border-radius:1px;animation:beep-confetti 1.8s ease-in forwards}@keyframes beep-confetti{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translate(var(--x),105vh) rotate(var(--r));opacity:.9}}.beep-rubric{color:var(--muted);font-size:.8rem;margin:0}.beep-rubric-warn{color:#f0d089}.beep-exam-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.beep-timer{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:.04em}.beep-timer.is-urgent{color:#e8736c;animation:beep-pulse 1.2s ease-in-out infinite}.beep-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:.5rem 0}.beep-palette-cell{aspect-ratio:1;border-radius:6px;border:1px solid #262c34;background:#161a20;color:var(--muted);font:inherit;font-size:.72rem;cursor:pointer}.beep-palette-cell.is-done{background:#1e4d36;color:#d9f7e6;border-color:#37a169}.beep-palette-cell.is-flagged{border-color:var(--amber)}.beep-palette-cell.is-current{outline:2px solid var(--amber)}.beep-exam-stage{flex:1;display:flex;flex-direction:column;gap:.7rem;animation:beep-fade .25s ease-out both}.beep-exam-foot{display:flex;gap:.5rem;padding-top:.6rem}.beep-exam-foot .beep-pill{flex:1}.beep-exam-results{align-items:center;text-align:center}.beep-score-dial{padding:.8rem 0}.beep-score-num{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2.6rem}.beep-score-den{font-size:.8rem;color:var(--muted)}.beep-pass{color:#58c98a;font-family:Barlow Condensed,sans-serif;letter-spacing:.06em}.beep-fail{color:#e8736c;font-family:Barlow Condensed,sans-serif;letter-spacing:.06em}.beep-cat-bars{list-style:none;margin:.6rem 0;padding:0;width:100%;display:flex;flex-direction:column;gap:.4rem}.beep-cat-bars li{display:flex;align-items:center;gap:.6rem;font-size:.78rem}.beep-cat-name{flex:0 0 5.5rem;text-align:left;color:var(--muted)}.beep-cat-bar{flex:1;height:8px;background:#23262c;border-radius:999px;overflow:hidden}.beep-cat-bar i{display:block;height:100%;background:var(--amber);transition:width .6s ease}.beep-answer-review{list-style:none;margin:.6rem 0;padding:0;width:100%;display:flex;flex-wrap:wrap;gap:4px}.beep-answer-review li{display:flex;gap:4px;align-items:center;font-size:.72rem;background:#161a20;border-radius:6px;padding:.3rem .5rem}.beep-answer-review li.is-ok{border-left:3px solid #37a169}.beep-answer-review li.is-no{border-left:3px solid #b0433f}.beep-review-row{color:var(--amber)}.beep-exam-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.beep-history-row{width:100%;display:flex;justify-content:space-between;gap:.6rem;background:#161a20;border:1px solid #21262d;border-radius:10px;padding:.6rem .8rem;color:var(--paper);font:inherit;font-size:.8rem;cursor:pointer}.beep-review-hero{display:flex;flex-direction:column;align-items:center;padding:1.4rem 0 .6rem}.beep-review-count{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:3.4rem;color:var(--amber);line-height:1}.beep-review-breakdown{list-style:none;margin:.6rem 0;padding:0;display:flex;flex-direction:column;gap:3px}.beep-review-breakdown li{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);border-bottom:1px solid #1c2128;padding:.35rem 0}.beep-profile-head{display:flex;justify-content:space-around;align-items:flex-end;padding:.6rem 0 .4rem}.beep-goal-row{display:flex;gap:.4rem}.beep-goal-row .beep-pill{flex:1;font-size:.75rem;padding:.6rem .3rem}.beep-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem}.beep-badge{background:#161a20;border:1px solid #21262d;border-radius:12px;padding:.7rem;display:flex;flex-direction:column;gap:2px;opacity:.45}.beep-badge.is-earned{opacity:1;border-color:#3d3a24;background:#1d1c15}.beep-badge-glyph{font-size:1.3rem}.beep-badge strong{font-family:Barlow Condensed,sans-serif;font-size:.9rem}.beep-badge span{font-size:.68rem;color:var(--muted);line-height:1.3}.beep-mastery-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.beep-mastery-list li{display:flex;align-items:center;gap:.6rem;font-size:.8rem}.beep-tips-wall{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.beep-pill{flex:0 0 auto}.beep-exercise>.beep-pill{align-self:center;min-width:12rem}.beep-ex-tip{justify-content:flex-start}.beep-summary-actions .beep-pill,.beep-session-foot .beep-pill,.beep-exam-foot .beep-pill,.beep-goal-row .beep-pill,.beep-grade-row .beep-pill{flex:1 1 auto}.beep-numentry{display:flex;flex-direction:column;align-items:center;gap:.7rem}.beep-numentry-display{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2.4rem;min-width:5rem;text-align:center;border-radius:12px;padding:.3rem 1rem;background:#161a20;border:1.5px solid #262c34}.beep-numentry-answer{margin:0;color:#58c98a;font-weight:600}.beep-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:15rem}.beep-key{aspect-ratio:1.5;background:#161a20;border:1.5px solid #262c34;border-radius:12px;color:var(--paper);font:inherit;font-size:1.2rem;cursor:pointer}.beep-key:hover:not(:disabled){border-color:#3a434f}.beep-key-ok{background:var(--green);border-color:var(--green);color:#fff}.beep-key:disabled{opacity:.35;cursor:default}.beep-ribbon-note{color:var(--muted);font-size:.72rem;margin:0;font-style:italic}