:root{--bg:#f1ebdc;--bg-2:#ebe4d2;--sand:#e3dbc6;--sand-deep:#d6ccb2;--surface:#f7f2e6;--surface-2:#ece5d5;--border:#2b2a2422;--border-2:#2b2a2438;--ink:#2b2a24;--ink-2:#514e44;--ink-3:#7b7668;--green:#3f6b3d;--green-deep:color-mix(in oklch, var(--green) 74%, black);--green-700:color-mix(in oklch, var(--green) 87%, black);--green-soft:color-mix(in oklch, var(--green) 20%, var(--surface));--green-tint:color-mix(in oklch, var(--green) 10%, var(--surface));--on-green:oklch(98.4% .013 130);--clay:#b35f32;--clay-soft:color-mix(in oklch, var(--clay) 18%, var(--surface));--clay-deep:color-mix(in oklch, var(--clay) 82%, black);--gold:#c69a42;--gold-soft:oklch(94.5% .045 85);--berry:oklch(54% .12 18);--nav-h:68px;--radius:16px;--radius-sm:11px;--radius-lg:22px;--shadow-sm:0 1px 2px #2b2a2410;--shadow:0 1px 2px #2b2a2412, 0 4px 12px #2b2a240e;--shadow-lg:0 2px 6px #2b2a2414, 0 12px 28px #2b2a2414;--offset:var(--shadow-sm);--hairline:transparent;--edge:#2b2a2422;--edge-2:#2b2a2438;--glass:var(--surface);--glass-2:var(--surface);--glass-edge:var(--edge);--glass-blur:none;--glass-dark:oklch(100% 0 0/.13);--glass-dark-edge:oklch(100% 0 0/.3);--font-display:"Libre Franklin", system-ui, sans-serif;--font-body:"Libre Franklin", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--stage-ink:oklch(23.2% .02 78);--stage-deep:oklch(17.8% .018 76);--stage-line:oklch(36% .02 78/.9);--stage-line-2:oklch(36% .02 78/.42);--stage-text:oklch(96% .01 84);--stage-dim:oklch(78% .016 82);--stage-faint:oklch(61.5% .02 82)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{height:100%;margin:0;overflow:hidden}#root{position:fixed;inset:0}body{background:var(--stage-deep);color:var(--ink);font-family:var(--font-body);-webkit-user-select:none;user-select:none}button,input{color:inherit;font-family:inherit}a{color:inherit}.eb-display{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);font-weight:800;line-height:1.04}.eb-body{font-family:var(--font-body);color:var(--ink)}.eb-ground{background:var(--bg);background-image:radial-gradient(oklch(45% .03 70/.06) .5px,#0000 .6px);background-size:3px 3px}.mono-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stage-faint);font-size:9.5px;font-weight:500}.eb-btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;line-height:1;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex}.eb-btn:active{transform:translateY(1px)scale(.99)}.eb-btn-primary{background:var(--green);color:var(--on-green);box-shadow:0 1px 2px #2b2a2420, 0 4px 12px color-mix(in oklch, var(--green) 22%, transparent)}.eb-btn-primary:hover{background:var(--green-700)}.eb-btn-clay{background:var(--clay);color:#fff;box-shadow:0 1px 2px #2b2a2420, 0 4px 12px color-mix(in oklch, var(--clay) 22%, transparent)}.eb-btn-clay:hover{background:var(--clay-deep)}.eb-btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--edge-2);box-shadow:var(--shadow-sm)}.eb-btn-ghost:hover{border-color:var(--ink-3)}.eb-btn-soft{background:var(--green-soft);color:var(--green-deep)}.eb-btn:disabled{opacity:.45;cursor:not-allowed}.eb-btn-block{width:100%}.eb-chip{font-family:var(--font-body);cursor:pointer;border:1px solid var(--edge-2);color:var(--ink-2);background:var(--surface);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:8px 15px;font-size:13.5px;font-weight:500;transition:all .14s;display:inline-flex}.eb-chip:hover{border-color:var(--ink-3);color:var(--ink)}.eb-chip[data-active=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.eb-card{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:border-color .16s,box-shadow .16s,transform .16s}.eb-card-hover:hover{border-color:var(--edge-2);box-shadow:var(--shadow);transform:translateY(-1px)}.eb-card-raised{box-shadow:var(--shadow-lg)}.eb-glass{background:var(--surface);border-color:var(--edge-2)}.eb-glass-solid{background:var(--surface)}.eb-glass-dark{background:var(--glass-dark);-webkit-backdrop-filter:saturate(1.3)blur(7px);backdrop-filter:saturate(1.3)blur(7px);border:1.5px solid var(--glass-dark-edge);box-shadow:inset 0 1px oklch(100% 0 0/.18)}.eb-ichip{background:var(--green-tint);border:1px solid color-mix(in oklch, var(--green) 22%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.eb-checker{--sq:13px;height:calc(var(--sq) * 2);background-color:#0000;background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25% 75%, var(--checker) 75%), linear-gradient(45deg, var(--checker) 25%, transparent 25% 75%, var(--checker) 75%);background-size:calc(var(--sq) * 2) calc(var(--sq) * 2);background-position:0 0, var(--sq) var(--sq);flex-shrink:0;width:100%}.eb-input{font-family:var(--font-body);color:var(--ink);border-radius:var(--radius-sm);border:1px solid var(--edge-2);background:var(--surface);outline:none;width:100%;padding:13px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.eb-input::placeholder{color:var(--ink-3)}.eb-hero-search::placeholder{color:oklch(90% .03 145/.78)}.eb-input:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in oklch, var(--green) 18%, transparent)}.eb-badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.eb-tile{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.eb-scroll{overscroll-behavior:contain;overflow:hidden auto}.eb-scroll::-webkit-scrollbar{width:8px;height:8px}.eb-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.eb-scroll::-webkit-scrollbar-track{background:0 0}.scroll{scrollbar-width:none;overscroll-behavior:contain;overflow:hidden auto}.scroll::-webkit-scrollbar{width:0;height:0}.press{transition:transform .14s cubic-bezier(.2,.8,.3,1),filter .16s}.press:active{transform:scale(.965)}@keyframes eb-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes eb-fade{0%{opacity:0}to{opacity:1}}@keyframes eb-pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes eb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.eb-fade-up{animation:.4s cubic-bezier(.2,.7,.3,1) both eb-fade-up}.eb-fade{animation:.35s both eb-fade}.eb-pop{animation:.4s cubic-bezier(.2,.7,.3,1) both eb-pop}.eb-mascot{will-change:transform;animation:3.6s ease-in-out infinite eb-bob}@media (prefers-reduced-motion:reduce){.eb-mascot{animation:none}}.stage.recording .rail,.stage.recording .panel{visibility:hidden;width:0;overflow:hidden}.demo-bar[data-playing=true]{opacity:.16;transition:opacity .8s .6s}.demo-bar[data-playing=true]:hover{opacity:1;transition:opacity .18s}:root[data-shot] .eb-scroll::-webkit-scrollbar{width:0;height:0}:root[data-shot] .eb-scroll{scrollbar-width:none}:root[data-reel] body{background:#fff}:root[data-reel] #root{position:static;inset:auto}:root[data-reel] .eb-scroll::-webkit-scrollbar{width:0;height:0}:root[data-reel] .eb-scroll{scrollbar-width:none}@keyframes eb-reel-tick{0%{background:#fff}50%{background:#fffffe}to{background:#fff}}:root[data-reel] #__tick{animation:66ms steps(2,end) infinite eb-reel-tick}:root[data-cover] body{background:#f5f3e8}:root[data-cover] #root{position:static;inset:auto}:root[data-cover] .eb-scroll::-webkit-scrollbar{width:0;height:0}:root[data-cover] .eb-scroll{scrollbar-width:none}:root[data-card] body{background:#f5f3e8;overflow:hidden}:root[data-card] #root{position:static;inset:auto}:root[data-card] svg{display:block}@keyframes eb-stamp-spin{to{transform:rotate(360deg)}}.eb-stamp-spin{animation:24s linear infinite eb-stamp-spin}@media (prefers-reduced-motion:reduce){.eb-stamp-spin{animation:none}}