*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=medium]{--g-bg:#f2ede0;--g-card:#eae4d0;--g-border:#d4ccb8;--g-text:#1a180f;--g-muted:#786e5c}[data-theme=light]{--g-bg:#faf6ec;--g-card:#f2ede0;--g-border:#dcd4c0;--g-text:#1a180f;--g-muted:#6e6450}[data-theme=dark]{--g-bg:#e0d7c2;--g-card:#d2c8b0;--g-border:#b8ae96;--g-text:#1a1810;--g-muted:#5e5440}html,body,#root{background:#0c100c;width:100%;height:100%;overflow:hidden}@media (height<=900px),(width<=450px){html,body{background:#152e24}}#root{justify-content:center;align-items:center;display:flex}.phone-frame{background:#f2ede0;border-radius:48px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 0 0 10px #1a1a1a,0 0 0 12px #ffffff0a,0 32px 80px #000000d9,0 8px 24px #00000080}.app-root{background:#f2ede0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}@media (height<=900px),(width<=450px){.phone-frame{width:100vw;height:100dvh;box-shadow:none;border-radius:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes slideTabFromRight{0%{opacity:.6;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes slideTabFromLeft{0%{opacity:.6;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screen-forward{animation:.22s cubic-bezier(.25,.46,.45,.94) both slideInRight}.screen-back{animation:.22s cubic-bezier(.25,.46,.45,.94) both slideInLeft}.screen-tab-forward{animation:.2s cubic-bezier(.25,.46,.45,.94) both slideTabFromRight}.screen-tab-back{animation:.2s cubic-bezier(.25,.46,.45,.94) both slideTabFromLeft}.screen-tab{animation:.18s both fadeIn}@media (prefers-reduced-motion:reduce){.screen-forward,.screen-back,.screen-tab-forward,.screen-tab-back,.screen-tab{animation:.12s both fadeIn}}input,textarea,select{appearance:none;font-family:Lora,serif}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}[data-tap]:active{opacity:.75;transform:scale(.98)}.desktop-label{opacity:.45;pointer-events:none;color:#fff;letter-spacing:.06em;align-items:center;gap:10px;font-family:Lora,serif;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=450px){.desktop-label{display:none}}