.bob-root{--c-brand:#5b4be1;--c-brand-ink:#5b4be1;--c-brand-lip:#4a3bc4;--c-brand-tint:#e9e6fd;--c-brand-shine:#8c80f0;--c-amber:#ffb020;--c-amber-lip:#d18a08;--c-amber-tint:#fff3dc;--c-gold-shine:#ffd861;--c-correct:#2fa84f;--c-correct-lip:#23803c;--c-correct-tint:#dcf5e2;--c-wrong:#e4574c;--c-wrong-lip:#bc3f35;--c-wrong-tint:#fde4e2;--c-info:#2a9bd8;--c-info-lip:#1e7baf;--c-info-tint:#dff2fc;--c-ink:#3c3c3c;--c-ink-soft:#6e6e76;--c-ink-soft-tint:#5e5e66;--c-line:#afafb6;--c-hairline:#e5e5ea;--c-surface-2:#f7f7f9;--c-surface:#fff;--c-streak-alive:var(--c-amber);--c-streak-frozen:#84d8ff;--c-streak-frozen-bg:#ddf4ff;--c-streak-idle:#ebc37f;--c-streak-lost-bg:#1e1140;--font-display:"Baloo 2", "Nunito", system-ui, sans-serif;--font-ui:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--w-regular:500;--w-bold:700;--viewport-height:100dvh;font-family:var(--font-ui);font-weight:var(--w-regular);color:var(--c-ink);background:var(--c-surface);min-height:var(--viewport-height);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-overflow-scrolling:touch;text-align:left;-webkit-hyphens:none;hyphens:none}@media (prefers-color-scheme:dark){.bob-root:not([data-bob-theme=light]){--c-brand:#8c80f0;--c-brand-lip:#5b4be1;--c-brand-tint:#2a2456;--c-brand-ink:#9e93f5;--c-amber:#ffc24d;--c-amber-lip:#c98d12;--c-amber-tint:#3a2e12;--c-correct:#57c275;--c-correct-lip:#2fa84f;--c-correct-tint:#17301e;--c-wrong:#f0736a;--c-wrong-lip:#c0453b;--c-wrong-tint:#3a1c19;--c-ink:#f1f7fb;--c-ink-soft:#c3c8d4;--c-ink-soft-tint:#c3c8d4;--c-line:#52565f;--c-hairline:#373b44;--c-surface-2:#202128;--c-surface:#2c2e36}}.bob-root[data-bob-theme=dark]{--c-brand:#8c80f0;--c-brand-lip:#5b4be1;--c-brand-tint:#2a2456;--c-brand-ink:#9e93f5;--c-amber:#ffc24d;--c-amber-lip:#c98d12;--c-amber-tint:#3a2e12;--c-correct:#57c275;--c-correct-lip:#2fa84f;--c-correct-tint:#17301e;--c-wrong:#f0736a;--c-wrong-lip:#c0453b;--c-wrong-tint:#3a1c19;--c-ink:#f1f7fb;--c-ink-soft:#c3c8d4;--c-ink-soft-tint:#c3c8d4;--c-line:#52565f;--c-hairline:#373b44;--c-surface-2:#202128;--c-surface:#2c2e36}.bob-root *,.bob-root :before,.bob-root :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.bob-root button,.bob-root input,.bob-root textarea,.bob-root select{font-family:var(--font-ui)}.bob-pageTitle{font:var(--w-bold) 2.5rem/2.75rem var(--font-display);margin:0}.bob-h1{font:var(--w-bold) 1.75rem/2rem var(--font-display);margin:0}.bob-h2{font:var(--w-bold) 1.5rem/2rem var(--font-display);margin:0}.bob-h3{font:var(--w-bold) 1.25rem/1.5rem var(--font-ui);margin:0}.bob-body{font:var(--w-regular) 1.25rem/1.75rem var(--font-ui);margin:0}.bob-caption{font:var(--w-regular) 1.125rem/1.6rem var(--font-ui);color:var(--c-ink-soft);margin:0}.bob-label{font:var(--w-bold) 1.125rem/1.4rem var(--font-ui);text-transform:uppercase;letter-spacing:.04em;margin:0}.bob-muted{color:var(--c-ink-soft)}.bob-settingRow{border-top:1px solid var(--c-hairline);margin-top:4px;padding-top:12px}.bob-settingRow__summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:44px;list-style:none;display:flex}.bob-settingRow__summary::-webkit-details-marker{display:none}.bob-settingRow__value{font:var(--w-bold) 1.25rem/1.5rem var(--font-display);color:var(--c-ink)}.bob-settingRow__hint{font:var(--w-bold) 1rem/1rem var(--font-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--c-brand-ink);margin-left:auto}.bob-root a:not(.bob-btn):not(.bob-card){color:var(--c-brand-ink);text-underline-offset:2px;font-weight:var(--w-bold);text-decoration:underline}.bob-btn{--bg:var(--c-brand);--lip-c:var(--c-brand-lip);--fg:#fff;--radius:16px;--lip:4px;--height:56px;border:0 solid #0000;border-bottom-width:var(--lip);border-radius:var(--radius);color:var(--fg);min-height:var(--height);font:var(--w-bold) 16px/1.2 var(--font-ui);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:filter .2s,transform .1s linear;display:inline-flex;position:relative;transform:translateZ(0)}.bob-btn:before{content:"";z-index:-1;background-color:var(--bg);border-radius:var(--radius);color:var(--lip-c);box-shadow:0 var(--lip) 0;transition:box-shadow .1s linear;position:absolute;inset:0}.bob-btn:active:not(:disabled){transform:translateY(var(--lip)) translateZ(0)}.bob-btn:active:not(:disabled):before{box-shadow:none}.bob-btn:disabled{color:var(--c-ink-soft);cursor:not-allowed}.bob-btn:disabled:before{background-color:var(--c-hairline);box-shadow:none}@media (hover:hover){.bob-btn:hover:not(:disabled){filter:brightness(1.1)}}.bob-btn--block{white-space:normal;text-align:center;width:100%;display:flex}.bob-btn--amber{--bg:var(--c-amber);--lip-c:var(--c-amber-lip);--fg:var(--c-ink)}.bob-btn--correct{--bg:var(--c-correct);--lip-c:var(--c-correct-lip)}.bob-btn--wrong{--bg:var(--c-wrong);--lip-c:var(--c-wrong-lip)}.bob-btn--info{--bg:var(--c-info);--lip-c:var(--c-info-lip)}.bob-btn--ghost{--bg:var(--c-surface);--lip-c:var(--c-hairline);--fg:var(--c-brand-ink)}.bob-btn--ghost:before{box-shadow:0 var(--lip) 0, inset 0 0 0 2px var(--c-hairline)}.bob-btn--ghost:active:not(:disabled):before{box-shadow:inset 0 0 0 2px var(--c-hairline)}.bob-btn--small{--height:44px;--lip:2px;--radius:8px;letter-spacing:.4px;padding:0 9px;font-size:14px}.bob-progress{--h:16px;--value:0%;background:var(--c-hairline);border-radius:calc(var(--h) / 2);height:var(--h);flex:1;position:relative;overflow:hidden}.bob-progress__fill{color:var(--c-brand-ink);height:var(--h);min-width:calc(var(--h) * 1.5);border-radius:inherit;clip-path:inset(0 calc(100% - var(--value)) 0 0 round calc(var(--h) / 2));background:currentColor;transition-property:background,color,opacity,clip-path;transition-duration:.4s}.bob-progress--gold .bob-progress__fill{color:var(--c-amber);background-image:linear-gradient(136deg,#ffd86100 0%,#ffd86180 45% 55%,#ffd86100 100%);background-size:300px}.bob-topbar{z-index:10;padding:max(10px, env(safe-area-inset-top,0px)) 12px 10px;background:var(--c-surface);border-bottom:1px solid var(--c-hairline);align-items:center;gap:10px;display:flex;position:sticky;top:0}.bob-stat{font:var(--w-bold) 1rem/1rem var(--font-ui);letter-spacing:.04em;color:var(--c-ink);align-items:center;gap:5px;display:inline-flex}.bob-stat__icon{font-size:20px;line-height:1}.bob-stat--streak-alive{color:var(--c-streak-alive)}.bob-stat--streak-frozen{color:var(--c-streak-frozen)}.bob-stat--streak-idle{color:var(--c-line)}.bob-page{max-width:640px;margin:0 auto;padding:16px 16px 24px}.bob-page--session{padding-bottom:220px}.bob-stack{flex-direction:column;gap:12px;display:flex}.bob-stack--tight{gap:8px}.bob-row{align-items:center;gap:10px;display:flex}.bob-spacer{flex:1}.bob-card{text-align:left;background:var(--c-surface);border:2px solid var(--c-hairline);width:100%;box-shadow:0 4px 0 var(--c-hairline);min-height:75px;color:inherit;cursor:pointer;border-radius:16px;padding:14px 16px;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .1s linear;display:block}.bob-card:active{transform:translateY(2px)}.bob-choice{align-items:center;gap:12px;display:flex}.bob-choice__text{font:var(--w-regular) 1.25rem/1.75rem var(--font-ui)}.bob-card--selected{border-color:var(--c-brand);background:var(--c-brand-tint);box-shadow:0 4px 0 var(--c-brand-lip);color:var(--c-brand-ink)}.bob-card--correct{border-color:var(--c-correct);background:var(--c-correct-tint);box-shadow:0 4px 0 var(--c-correct-lip);color:var(--c-correct)}.bob-card--wrong{border-color:var(--c-wrong);background:var(--c-wrong-tint);box-shadow:0 4px 0 var(--c-wrong-lip);color:var(--c-wrong)}.bob-card--neutralDone{border-color:var(--c-info);background:var(--c-info-tint);box-shadow:0 4px 0 var(--c-info-lip);color:var(--c-info)}.bob-book-card--soon{background:var(--c-surface-2);box-shadow:none;cursor:default;border-style:dashed}.bob-book-card--soon:active{transform:none}.bob-book-card--soon .bob-h3{color:var(--c-ink-soft)}.bob-book-card__spine--soon{background:var(--c-hairline);color:var(--c-ink-soft)}.bob-badge{background:var(--c-brand-tint);color:var(--c-brand-ink);font:var(--w-bold) 1rem/1.25rem var(--font-ui);border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.bob-badge--soon{background:var(--c-hairline);color:var(--c-ink-soft-tint)}.bob-badge--passed{background:var(--c-correct-tint);color:var(--c-correct-lip)}.bob-badge--finished{background:var(--c-amber-tint);color:var(--c-amber-lip)}.bob-bands{flex-wrap:wrap;gap:10px;display:flex}.bob-band{border:2px solid var(--c-hairline);min-width:75px;min-height:75px;box-shadow:0 4px 0 var(--c-hairline);background:var(--c-surface);color:var(--c-ink-soft);cursor:pointer;border-radius:16px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .1s linear;display:flex}.bob-band:active{transform:translateY(2px)}.bob-band__word{font:var(--w-bold) .8rem/1rem var(--font-ui);text-transform:uppercase;letter-spacing:.04em}.bob-band__num{font:var(--w-bold) 1.25rem/1.5rem var(--font-display)}.bob-band--on{border-color:var(--c-brand);background:var(--c-brand-tint);box-shadow:0 4px 0 var(--c-brand-lip);color:var(--c-brand-ink)}.bob-readerTile{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;display:flex}.bob-readerTile__face{font-size:44px;line-height:1}.bob-avatarGrid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.bob-avatarTile{border:2px solid var(--c-hairline);min-height:96px;box-shadow:0 4px 0 var(--c-hairline);background:var(--c-surface);color:var(--c-ink);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .1s linear;display:flex}.bob-avatarTile:active{transform:translateY(2px)}.bob-avatarTile:disabled{cursor:progress;opacity:.6}.bob-avatarTile__face{font-size:34px;line-height:1}.bob-avatarTile__name{font:var(--w-bold) 1.125rem/1.4rem var(--font-ui)}.bob-avatarTile--on{border-color:var(--c-brand);background:var(--c-brand-tint);box-shadow:0 4px 0 var(--c-brand-lip);color:var(--c-brand-ink)}.bob-hero{border-color:var(--c-brand);background:var(--c-brand-tint);box-shadow:0 4px 0 var(--c-brand-lip);align-items:center;gap:14px;min-height:96px;display:flex}.bob-hero__mark{font-size:40px;line-height:1}.bob-hero__body{flex-direction:column;flex:1;gap:4px;display:flex}.bob-hero__title{font:var(--w-bold) 1.5rem/1.75rem var(--font-display);color:var(--c-brand-ink)}.bob-hero__sub{font:var(--w-regular) 1.25rem/1.75rem var(--font-ui);color:var(--c-ink)}.bob-hero__go{font:var(--w-bold) 2rem/1 var(--font-display);color:var(--c-brand-ink)}.bob-book-card{align-items:flex-start;gap:12px;display:flex}.bob-book-card__cover{-o-object-fit:cover;object-fit:cover;background:var(--c-surface-2);border:1px solid var(--c-hairline);border-radius:8px;flex:0 0 54px;width:54px;height:78px}.bob-book-card__spine{background:var(--c-brand-tint);width:54px;height:78px;color:var(--c-brand-ink);font:var(--w-bold) 24px/1 var(--font-display);border-radius:8px;flex:0 0 54px;justify-content:center;align-items:center;display:flex}.bob-answer-input{border:2px dashed var(--c-line);background:var(--c-surface);width:100%;min-height:75px;color:var(--c-ink);font:var(--w-regular) 1.25rem/1.75rem var(--font-ui);resize:vertical;border-radius:16px;padding:14px 16px}.bob-answer-input:focus{border-style:solid;border-color:var(--c-brand);outline:none}.bob-helptext{font:var(--w-regular) 1.25rem/1.75rem var(--font-ui);color:var(--c-ink-soft)}.bob-qhead{flex-direction:column;gap:2px;display:flex}.bob-qhead__book{font:var(--w-bold) 1rem/1.25rem var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-soft);margin:0}.bob-qhead__count{font:var(--w-bold) 1.125rem/1.5rem var(--font-ui);color:var(--c-brand-ink);margin:0}.bob-qhead__type{color:var(--c-ink-soft)}.bob-hint{background:var(--c-info-tint);border:2px solid var(--c-info);box-shadow:0 4px 0 var(--c-info-lip);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.bob-hint__icon{font-size:28px;line-height:1.1}.bob-hint__body{flex-direction:column;gap:4px;display:flex}.bob-hint__label{font:var(--w-bold) 1.25rem/1.5rem var(--font-display);color:var(--c-ink)}.bob-hint__help{font:var(--w-regular) 1.25rem/1.75rem var(--font-ui);color:var(--c-ink)}.bob-buddy{background:var(--c-surface-2);border:2px dashed var(--c-hairline);border-radius:16px;align-items:center;gap:12px;min-height:75px;padding:14px 16px;display:flex}.bob-buddy__face{font-size:32px;line-height:1}.bob-buddy__text{font:var(--w-regular) 1.25rem/1.75rem var(--font-ui);color:var(--c-ink)}.bob-quiet{color:var(--c-ink-soft)}.bob-levels{border:2px solid var(--c-hairline);border-radius:16px;overflow:hidden}.bob-levels__row{font:var(--w-regular) 1rem/1.5rem var(--font-ui);border-top:1px solid var(--c-hairline);grid-template-columns:1fr 1.4fr 1.2fr;gap:8px;padding:10px 14px;display:grid}.bob-levels__row:first-child{border-top:0}.bob-levels__row--head{background:var(--c-surface-2);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-soft);font-size:.8rem}.bob-bottombar{z-index:20;background:var(--c-surface);border-top:1px solid var(--c-hairline);padding:12px 16px max(16px, env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.bob-bottombar__inner{max-width:640px;margin:0 auto}@keyframes bob-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bob-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bob-pop-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes bob-pulse{0%{opacity:0}to{opacity:1}}.bob-sheet{z-index:30;padding:16px 16px max(16px, env(safe-area-inset-bottom,0px));border-top:2px solid;animation:.2s cubic-bezier(.35,1.8,.35,.83) forwards bob-slide-up;position:fixed;bottom:0;left:0;right:0}.bob-sheet__inner{flex-direction:column;gap:12px;max-width:640px;margin:0 auto;display:flex}.bob-sheet--correct{background:var(--c-correct-tint);color:var(--c-correct)}.bob-sheet--wrong{background:var(--c-wrong-tint);color:var(--c-wrong)}.bob-sheet--done{background:var(--c-info-tint);color:var(--c-info)}.bob-sheet--unknown{background:var(--c-surface-2);color:var(--c-ink-soft)}.bob-sheet__head{align-items:center;gap:10px;display:flex}.bob-sheet__icon{font-size:32px;line-height:1;animation:.3s forwards bob-pop-in}.bob-sheet__word{font:var(--w-bold) 1.5rem/2rem var(--font-display)}.bob-sheet__detail{font:var(--w-regular) 1rem/1.5rem var(--font-ui);color:var(--c-ink)}.bob-celebrate{text-align:center;padding:24px 0;animation:.3s forwards bob-fade-in}.bob-celebrate__mark{font-size:84px;line-height:1;animation:.3s forwards bob-pop-in}.bob-tiles{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.bob-tile{background:var(--c-surface);border:2px solid var(--c-hairline);box-shadow:0 4px 0 var(--c-hairline);text-align:center;border-radius:16px;padding:12px}.bob-tile--amber{border-color:var(--c-amber);box-shadow:0 4px 0 var(--c-amber-lip)}.bob-tile__value{font:var(--w-bold) 1.75rem/2rem var(--font-display)}.bob-tile__label{font:var(--w-bold) .8rem/1rem var(--font-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-soft)}.bob-notice{border:2px solid var(--c-hairline);background:var(--c-surface-2);border-radius:16px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.bob-notice--warn{border-color:var(--c-amber);background:var(--c-amber-tint)}.bob-notice--error{border-color:var(--c-wrong);background:var(--c-wrong-tint)}.bob-notice__icon{font-size:22px;line-height:1.2}.bob-empty{text-align:center;padding:28px 8px}.bob-empty__mark{font-size:72px;line-height:1}.bob-pill{background:var(--c-surface-2);border:1px solid var(--c-hairline);font:var(--w-bold) .8rem/1.2 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-soft);border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.bob-pill--brand{background:var(--c-brand-tint);border-color:var(--c-brand);color:var(--c-brand-ink)}.bob-mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}@media (width>=700px){.bob-page{padding:24px 24px 32px}.bob-bottombar{padding-bottom:20px}.bob-tiles{grid-template-columns:repeat(4,1fr)}}.bob-goalPick{border:2px solid var(--c-hairline);background:var(--c-surface);min-width:52px;min-height:44px;color:var(--c-ink-soft);font:var(--w-bold) 1.125rem/1.4rem var(--font-display);cursor:pointer;border-radius:12px;transition:border-color .2s,background-color .2s,color .2s}.bob-goalPick--on{border-color:var(--c-brand);background:var(--c-brand-tint);color:var(--c-brand-ink)}.bob-burst{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:50%;left:50%}.bob-burst__bit{background:var(--c-brand);width:14px;height:14px;animation:bob-burst-fly .62s cubic-bezier(.15, .7, .3, 1) var(--bob-burst-delay,0s) both;border-radius:4px;margin:-7px 0 0 -7px;position:absolute;top:0;left:0}.bob-burst__bit:nth-child(3n){background:var(--c-amber);border-radius:9999px}.bob-burst__bit:nth-child(3n+1){background:var(--c-correct)}.bob-burst__bit:nth-child(4n){width:10px;height:10px;margin:-5px 0 0 -5px}@keyframes bob-burst-fly{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}22%{transform:translate(calc(var(--bob-burst-x,0px) * .28), calc(var(--bob-burst-y,0px) * .28)) scale(1.1) rotate(40deg);opacity:1}65%{opacity:1}to{transform:translate(var(--bob-burst-x,0), var(--bob-burst-y,0)) scale(.35) rotate(160deg);opacity:0}}@media (prefers-reduced-motion:reduce){.bob-root *,.bob-root :before,.bob-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bob-root .bob-btn,.bob-root .bob-btn:before{transition-duration:.1s!important}}.bob-root :focus-visible{outline:3px solid var(--c-info);outline-offset:2px}.bob-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}