:root{color-scheme:only light;--paper: #f4efe4;--surface: #fffdf8;--ink: #2a241d;--ink-2: #6b6051;--ink-3: #a59a88;--line: #e8dec9;--terracotta: #cf6a3f;--terracotta-deep: #b4552f;--terracotta-tint: #f7e6d8;--green: #2f4a3c;--green-tint: #e2ebe1;--gold: #d6a23a;--gold-tint: #f6e9cb;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:#ded6c4;background-image:radial-gradient(circle at 30% 20%,#e6dfce,#d3cab6);font-family:var(--font-body);-webkit-font-smoothing:antialiased;color:var(--ink);overflow:hidden}#root{height:100%;display:flex;align-items:center;justify-content:center}.brico-range{-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;background:var(--line);outline:none;width:100%}.brico-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--terracotta);border:3px solid #fff;box-shadow:0 1px 5px #b8552f66;cursor:pointer}.brico-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--terracotta);border:3px solid #fff;cursor:pointer}::-webkit-scrollbar{width:0px;height:0px}div{scrollbar-width:none}@keyframes spin{to{transform:rotate(360deg)}}.brico-spin{animation:spin .8s linear infinite}@keyframes dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.brico-dot{animation:dot 1.1s ease-in-out infinite}@keyframes live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.brico-live{animation:live 1.6s ease-in-out infinite}@keyframes scrPush{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}.scr-push{animation:scrPush .28s cubic-bezier(.2,.7,.3,1)}@keyframes scrFade{0%{opacity:0}to{opacity:1}}.scr-fade{animation:scrFade .22s ease}.phone-viewport{width:390px;height:844px;background-color:var(--paper);border-radius:40px;border:11px solid #1a1a1a;box-shadow:0 24px 60px #00000040;position:relative;overflow:hidden;display:flex;flex-direction:column}@media(max-width:440px){.phone-viewport{width:100vw;height:100vh;border-radius:0;border:none;box-shadow:none}}