@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--sa-inset-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--sa-inset-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sa-inset-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--sa-inset-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:hidden;max-width:100%}html{scroll-behavior:smooth}body{background:var(--bg-app);font-family:Archivo,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}html[data-melodig-native]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html[data-melodig-native],html[data-melodig-native] button,html[data-melodig-native] a,html[data-melodig-native] [role=button]{user-select:none;-webkit-user-select:none}html[data-melodig-native] input,html[data-melodig-native] textarea,html[data-melodig-native] [contenteditable],html[data-melodig-native] .selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}html[data-melodig-native] body{overscroll-behavior-y:none}.tap-dim{transition:opacity .08s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}.tap-dim:active{opacity:.55}.tap-surface{-webkit-tap-highlight-color:transparent;position:relative}.tap-surface:active{background-color:color-mix(in srgb,var(--ink-0) 9%,transparent)}@media (prefers-reduced-motion: reduce){.tap-dim{transition:none}}html[data-melodig-native] button:not(.tap-dim):not(.tap-surface):not(:disabled),html[data-melodig-native] [role=button]:not(.tap-dim):not(.tap-surface){transition:transform .09s ease,opacity .09s ease;-webkit-tap-highlight-color:transparent}html[data-melodig-native] button:not(.tap-dim):not(.tap-surface):not(:disabled):active,html[data-melodig-native] [role=button]:not(.tap-dim):not(.tap-surface):active{transform:scale(.97);opacity:.72}@media (prefers-reduced-motion: reduce){html[data-melodig-native] button:not(.tap-dim):not(.tap-surface):not(:disabled),html[data-melodig-native] [role=button]:not(.tap-dim):not(.tap-surface){transition:none}html[data-melodig-native] button:not(.tap-dim):not(.tap-surface):not(:disabled):active,html[data-melodig-native] [role=button]:not(.tap-dim):not(.tap-surface):active{transform:none}}@keyframes melodig-pull-spin{to{transform:rotate(360deg)}}@keyframes melodig-just-added{0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--ink-0) 45%,transparent);background-color:color-mix(in srgb,var(--ink-0) 9%,transparent)}55%{box-shadow:0 0 0 2px color-mix(in srgb,var(--ink-0) 45%,transparent);background-color:color-mix(in srgb,var(--ink-0) 9%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}.melodig-just-added{animation:melodig-just-added 2.4s ease-out 1}@media (prefers-reduced-motion: reduce){.melodig-just-added{animation:none;outline:2px solid var(--ink-0);outline-offset:2px}}*{transition:background-color .15s ease,color .15s ease,border-color .15s ease}a{color:var(--ink-0)}a:hover{color:var(--ink-1)}@keyframes melodig-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes melodig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes melodig-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes melodig-ellipsis-dot{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes melodig-view-fade-in{0%{opacity:0}to{opacity:1}}@keyframes melodig-view-fade-out{0%{opacity:1}to{opacity:0}}@keyframes melodig-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(540deg);opacity:0}}@keyframes melodig-page-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes melodig-page-slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}