:root{--loop-bg:#fdfcf8;--loop-sage:#e8efe8;--loop-lavender:#efedf4;--loop-coral:#ffb7b2;--loop-dark:#292524;--loop-muted:#78716c;--loop-border:#e7e5e4;--shadow-soft:0 4px 20px -2px #0000000d;--shadow-soft-up:0 -4px 30px -5px #0000000f;color:var(--loop-dark);background-color:var(--loop-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--loop-bg);height:100%;min-height:100%;margin:0}body{overflow:hidden}button,a{font-family:inherit}.bg-noise{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.25'/%3E%3C/svg%3E")}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.loop-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--loop-coral) 70%, var(--loop-muted)) transparent}.loop-scroll::-webkit-scrollbar{width:6px}.loop-scroll::-webkit-scrollbar-track{background:0 0;margin:8px 0 120px}.loop-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--loop-coral) 65%, #a8a29e);border-radius:999px}.loop-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--loop-coral) 85%, #78716c)}@keyframes wave{0%,to{height:30%}50%{height:100%}}.animate-wave-1{animation:1.2s ease-in-out infinite wave}.animate-wave-2{animation:1.2s ease-in-out .2s infinite wave}.animate-wave-3{animation:1.2s ease-in-out .4s infinite wave}.animate-wave-4{animation:1.2s ease-in-out .6s infinite wave}.animate-wave-5{animation:1.2s ease-in-out .8s infinite wave}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:1}}.pulse-soft{animation:1.8s ease-in-out infinite pulse-soft}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.35s ease-out both fade-up}.app-shell{width:100%;max-width:480px;height:100%;color:var(--loop-dark);background:var(--loop-bg);flex-direction:column;margin:0 auto;font-family:Outfit,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.font-accent{font-family:Reenie Beanie,cursive}.shadow-soft{box-shadow:var(--shadow-soft)}.shadow-soft-up{box-shadow:var(--shadow-soft-up)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}