.ob-page{--ob-ease:cubic-bezier(.16, 1, .3, 1);--ob-blue:#556eff;--ob-blue-ink:#3b52d9;--ob-tint:#eef1ff;--ob-avatar:#dde3ff;--ob-card:#fff;--ob-ink:#0f1330;--ob-muted:#6e7180;--ob-line:#edeff7;--ob-skeleton:#e6e9f5;--ob-link:#556eff47;--ob-paper:#fdfdfb;--ob-paper-ink:#2b2e3a;--ob-paper-faint:#9a9daa;--ob-shadow:0 .06em .12em #0f13300f, 0 .4em .9em #0f13300f, 0 1.1em 2.2em -.7em #0f133029, 0 2.2em 4.4em -1.8em #3b52d942;--ob-shadow-soft:0 .06em .12em #0f13300d, 0 .6em 1.4em -.5em #0f133024, 0 1.6em 3em -1.5em #3b52d933;--ob-panel:radial-gradient(90% 60% at 12% 0%, #fffffff2, transparent 62%), radial-gradient(70% 55% at 100% 100%, #556eff33, transparent 70%), linear-gradient(165deg, #f7f8ff 0%, #e9edff 100%);--ob-panel-edge:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #24348c0f;--ob-emblem-opacity:.06}.dark .ob-page{--ob-blue:#6f86ff;--ob-blue-ink:#b9c5ff;--ob-tint:#232a57;--ob-avatar:#2c3574;--ob-card:#1a1f3f;--ob-ink:#eef0ff;--ob-muted:#9ea4c4;--ob-line:#ffffff12;--ob-skeleton:#ffffff1a;--ob-link:#6f86ff59;--ob-paper:#e9eaf1;--ob-paper-ink:#22253a;--ob-paper-faint:#7d8195;--ob-shadow:0 .06em .12em #0000004d, 0 .8em 1.8em -.6em #00000080, 0 2em 4em -1.8em #283cc873;--ob-shadow-soft:0 .06em .12em #00000040, 0 .8em 1.8em -.8em #00000073;--ob-panel:radial-gradient(80% 55% at 15% 0%, #6f86ff29, transparent 65%), radial-gradient(70% 55% at 100% 100%, #556eff38, transparent 70%), linear-gradient(165deg, #151a3b 0%, #0d1129 100%);--ob-panel-edge:inset 0 1px 0 #ffffff14, inset 0 0 0 1px #ffffff0d;--ob-emblem-opacity:.08}.ob-panel{isolation:isolate;background:var(--ob-panel);box-shadow:var(--ob-panel-edge);position:relative;overflow:hidden}.ob-panel-emblem{width:62%;max-width:420px;color:var(--ob-blue);opacity:var(--ob-emblem-opacity);pointer-events:none;position:absolute;bottom:-18%;right:-14%}.ob-drawing{width:100%;container-type:inline-size}.ob-draw{width:100%;font-size:calc(100cqw / var(--units,24));letter-spacing:-.01em;color:var(--ob-ink);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.25;position:relative}.ob-card{background:var(--ob-card);color:var(--ob-ink);box-shadow:var(--ob-shadow-soft)}.ob-paper{background:var(--ob-paper);color:var(--ob-paper-ink);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:0;box-shadow:var(--ob-shadow)}.ob-skeleton{background:var(--ob-skeleton);border-radius:999px;display:block}.ob-live{transition:opacity .3s var(--ob-ease), scale .4s var(--ob-ease), background-color .3s var(--ob-ease), box-shadow .3s var(--ob-ease), color .3s var(--ob-ease)}@media (prefers-reduced-motion:no-preference){.ob-rise{animation:ob-rise .7s var(--ob-ease) both}.ob-pop{animation:ob-pop .6s var(--ob-ease) both}.ob-fade{animation:ob-fade .6s var(--ob-ease) both}.ob-join{animation:ob-join .8s var(--ob-ease) both}.ob-lift{animation:ob-lift .7s var(--ob-ease) both}.ob-sweep{animation:ob-sweep 1.3s var(--ob-ease) both}}@media (prefers-reduced-motion:reduce){.ob-live{transition:none}.ob-sweep{display:none}}@keyframes ob-rise{0%{opacity:0;translate:0 .9em}}@keyframes ob-pop{0%{opacity:0;scale:.6}}@keyframes ob-fade{0%{opacity:0}}@keyframes ob-join{0%{opacity:0;translate:2.5em}}@keyframes ob-lift{0%{opacity:0;scale:.94}}@keyframes ob-sweep{0%{opacity:0;translate:0 -4em}25%{opacity:1}to{opacity:0;translate:0 18em}}@media (prefers-reduced-motion:no-preference){.ob-step-in{animation:ob-step-in .52s var(--ob-ease) both}}@keyframes ob-step-in{0%{opacity:0;translate:0 10px}}.ob-progress-fill{transform-origin:0;scale:0 1}.ob-progress-fill[data-done]{scale:1}@media (prefers-reduced-motion:no-preference){.ob-progress-fill{transition:scale .55s var(--ob-ease)}}