.ob-root{--bg:#f4f2ee;--surface:#ffffff;--surface-2:#faf8f5;--surface-3:#f1efea;--text:#211d18;--text-2:#57514a;--muted:#8a847b;--faint:#b4aea4;--border:#e8e4dd;--border-2:#ded9d0;--accent:#ea5a14;--accent-600:#d44e0d;--accent-700:#b8430b;--accent-on:#ffffff;--accent-tint:#fce9dd;--accent-tint-2:#fbdcc9;--accent-ink:#9a3d0a;--green:#1f9d61;--green-tint:#e2f5ea;--green-ink:#0f6a3f;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--font-display:var(--font-bricolage),"Bricolage Grotesque",system-ui,sans-serif;--font-body:var(--font-inter),Inter,system-ui,-apple-system,sans-serif;--font-mono:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;position:fixed;inset:0;overflow:hidden;font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 700px at 50% -10%,var(--glow,rgba(234,90,20,.16)),transparent 60%),radial-gradient(900px 600px at 85% 110%,rgba(234,90,20,.07),transparent 55%),linear-gradient(180deg,#f6f3ee,#ece8e1)}.ob-root *{box-sizing:border-box}.ob-viewport{width:100%;max-width:440px;height:100dvh;position:relative;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}@media (min-width:480px){.ob-viewport{height:min(880px,100dvh);border-radius:var(--r-xl);box-shadow:0 30px 80px -20px rgba(40,30,18,.4),inset 0 0 0 1px var(--border)}}.ob-root .font-display{font-family:var(--font-display)}.ob-root .mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.ob-root button{cursor:pointer;border:none;background:none;color:inherit}.ob-root button,.ob-root input,.ob-root textarea{font-family:inherit}.ob-scroll{scrollbar-width:none;-ms-overflow-style:none}.ob-scroll::-webkit-scrollbar{width:0;height:0;display:none}@keyframes ob-fade-up{0%{transform:translateY(14px)}to{transform:none}}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}@keyframes ob-pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes ob-spin{to{transform:rotate(1turn)}}@keyframes ob-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes ob-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ob-ring{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.5);opacity:0}}@keyframes ob-confetti{to{transform:translateY(620px) rotate(540deg);opacity:0}}@keyframes ob-scanbeam{0%{top:-4px}to{top:124px}}@media (prefers-reduced-motion:reduce){.ob-root *{animation-duration:.001ms!important;animation-iteration-count:1!important}}