:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fffffff2;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow-x:hidden}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}h1{font-size:3.2em;line-height:1.1}.liquid-glass{background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;border-radius:20px;position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}.liquid-glass-card{background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;border-radius:28px;position:relative;overflow:hidden}.liquid-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}.liquid-glass-button{background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 25px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.liquid-glass-button:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}.liquid-glass-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1f,#ffffff24);transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #00000026,0 2px #fff6,0 -2px #ffffff26,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff26,inset -1px 0 #ffffff26}button{border-radius:24px;border:1px solid rgba(255,255,255,.18);padding:.8em 1.6em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);color:#ffffffe6;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1f,#ffffff24);transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #00000026,0 2px #fff6,0 -2px #ffffff26,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff26,inset -1px 0 #ffffff26}button:focus,button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes controlCenterSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes controlCenterSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ios-control-center{animation:controlCenterSlideIn .4s cubic-bezier(.25,.46,.45,.94)}.ios-control-center.closing{animation:controlCenterSlideOut .3s cubic-bezier(.25,.46,.45,.94)}.ios-control-button{position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ios-control-button:active{animation:buttonPress .1s ease-out}.ios-control-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.ios-control-button:active:after{width:100px;height:100px;animation:ripple .6s ease-out}@media (prefers-color-scheme: light){:root{color:#000000e6;background:linear-gradient(135deg,#f0f0f0,#e8e8e8,#d0d0d0)}body{background:linear-gradient(135deg,#f0f0f0,#e8e8e8,#d0d0d0)}.liquid-glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.liquid-glass-card{background:#fff9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #0000001a}button{background:#ffffffb3;color:#000c;border:1px solid rgba(255,255,255,.3)}button:hover{background:#fffc}a:hover{color:#747bff}}