*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;font-weight:500;--color-bg: #ffffff;--color-text: #1a1a1a;--color-surface: #f5f5f5;--color-border: #e0e0e0}@media(prefers-color-scheme:dark){:root{--color-bg: #121212;--color-text: #e8e8e8;--color-surface: #1e1e1e;--color-border: #2e2e2e}}body{height:100dvh;overflow:hidden;background-color:var(--color-bg);color:var(--color-text)}#app{max-width:80ch;margin-inline:auto;padding:2rem;height:100%;overflow:hidden}.music-toggle{position:fixed;bottom:1.5rem;left:1.5rem;width:2.75rem;height:2.75rem;border-radius:50%;border:none;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:1.15rem;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .2s,transform .1s;z-index:100;display:flex;align-items:center;justify-content:center}.music-toggle:hover{transform:scale(1.1);background:#fffffff2}.music-toggle:active{transform:scale(.95)}@media(prefers-color-scheme:dark){.music-toggle{background:#282828d9;box-shadow:0 2px 8px #0006}.music-toggle:hover{background:#3c3c3cf2}}.home{display:flex;justify-content:center;align-items:center;min-height:100vh}@keyframes greet-in{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradient-cycle{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.home-greeting{font-family:Papyrus,fantasy;font-weight:800;font-size:4rem;text-align:center;background:linear-gradient(var(--gradient-angle, 90deg),#e63946,#f4a261,#2a9d8f,#9b5de5,#f15bb5,#00b4d8,#06d6a0,#e63946);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:greet-in .6s cubic-bezier(.34,1.56,.64,1) both,float 3s ease-in-out .6s infinite,gradient-cycle 4s linear infinite}