:root{--bg:oklch(96.9% .016 84);--bg-2:oklch(94.9% .02 82);--sand:oklch(92.8% .03 78);--sand-deep:oklch(88.6% .038 74);--surface:oklch(99.3% .007 90);--surface-2:oklch(97.5% .013 88);--border:oklch(88.2% .02 84);--border-2:oklch(82.4% .024 80);--ink:oklch(26.5% .018 75);--ink-2:oklch(43% .02 75);--ink-3:oklch(58.5% .018 78);--green:#4f7a4d;--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:#c2703d;--clay-soft:color-mix(in oklch, var(--clay) 18%, var(--surface));--clay-deep:color-mix(in oklch, var(--clay) 82%, black);--gold:oklch(77% .11 80);--gold-soft:oklch(94.5% .045 85);--berry:oklch(54% .12 18);--radius:18px;--radius-sm:12px;--radius-lg:26px;--shadow-sm:0 1px 2px oklch(40% .03 80/.06), 0 2px 6px oklch(40% .03 80/.05);--shadow:0 2px 6px oklch(40% .03 80/.07), 0 12px 28px oklch(40% .03 80/.09);--shadow-lg:0 8px 20px oklch(40% .03 80/.1), 0 30px 60px oklch(40% .03 80/.13);--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Hanken Grotesk", 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:-.02em;color:var(--ink);font-weight:700;line-height:1.04}.eb-body{font-family:var(--font-body);color:var(--ink)}.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 oklch(40% .05 150/.2)}.eb-btn-primary:hover{background:var(--green-700);box-shadow:0 4px 14px color-mix(in oklch, var(--green) 40%, transparent)}.eb-btn-clay{background:var(--clay);color:#fff}.eb-btn-clay:hover{background:var(--clay-deep)}.eb-btn-ghost{color:var(--ink);border:1.5px solid var(--border-2);background:0 0}.eb-btn-ghost:hover{background:var(--surface-2);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:1.5px solid var(--border-2);background:var(--surface);color:var(--ink-2);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(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .16s,box-shadow .16s,border-color .16s}.eb-card-hover:hover{box-shadow:var(--shadow);border-color:var(--border-2);transform:translateY(-3px)}.eb-input{font-family:var(--font-body);color:var(--ink);border-radius:var(--radius-sm);border:1.5px solid var(--border-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-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-body);letter-spacing:.01em;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;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}