.lucide{stroke-width:1.5px}.lucide:not(.lucide-logo) *{vector-effect:non-scaling-stroke}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.app header{text-align:center}.app header h1{font-size:2rem;color:#333;margin-bottom:16px}.app header p{color:#666;margin-bottom:16px}.native-btn{padding:12px 24px;font-size:16px;border:none;border-radius:8px;background:#667eea;color:#fff;cursor:pointer;transition:all .2s ease}.native-btn:hover{background:#5a6fd6;transform:translateY(-2px)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{font-size:18px;color:#666}.loader{--color-one: #ffbf48;--color-two: #be4a1d;--color-three: #ffbf4780;--color-four: #bf4a1d80;--color-five: #ffbf4740;--time-animation: 2s;--size: 1;position:relative;border-radius:50%;transform:scale(var(--size));box-shadow:0 0 25px 0 var(--color-three),0 20px 50px 0 var(--color-four);animation:colorize calc(var(--time-animation) * 3) ease-in-out infinite}.loader:before{content:"";position:absolute;top:0;left:0;width:100px;height:100px;border-radius:50%;border-top:solid 1px var(--color-one);border-bottom:solid 1px var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));box-shadow:inset 0 10px 10px 0 var(--color-three),inset 0 -10px 10px 0 var(--color-four)}.loader .box{width:100px;height:100px;background:linear-gradient(180deg,var(--color-one) 30%,var(--color-two) 70%);mask:url(#clipping);-webkit-mask:url(#clipping)}.loader svg{position:absolute}.loader svg #clipping{filter:contrast(15);animation:roundness calc(var(--time-animation) / 2) linear infinite}.loader svg #clipping polygon{filter:blur(7px)}.loader svg #clipping polygon:nth-child(1){transform-origin:75% 25%;transform:rotate(90deg)}.loader svg #clipping polygon:nth-child(2){transform-origin:50% 50%;animation:rotation var(--time-animation) linear infinite reverse}.loader svg #clipping polygon:nth-child(3){transform-origin:50% 60%;animation:rotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -3)}.loader svg #clipping polygon:nth-child(4){transform-origin:40% 40%;animation:rotation var(--time-animation) linear infinite reverse}.loader svg #clipping polygon:nth-child(5){transform-origin:40% 40%;animation:rotation var(--time-animation) linear infinite reverse;animation-delay:calc(var(--time-animation) / -2)}.loader svg #clipping polygon:nth-child(6){transform-origin:60% 40%;animation:rotation var(--time-animation) linear infinite}.loader svg #clipping polygon:nth-child(7){transform-origin:60% 40%;animation:rotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -1.5)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes roundness{0%{filter:contrast(15)}20%{filter:contrast(3)}40%{filter:contrast(3)}60%{filter:contrast(15)}to{filter:contrast(15)}}@keyframes colorize{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(-30deg)}40%{filter:hue-rotate(-60deg)}60%{filter:hue-rotate(-90deg)}80%{filter:hue-rotate(-45deg)}to{filter:hue-rotate(0deg)}}