/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){::-ms-backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}*,::backdrop,:after,:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@-webkit-keyframes shake{0%,to{-webkit-transform:translate(0);transform:translate(0)}20%,60%{-webkit-transform:translate(-5px);transform:translate(-5px)}40%,80%{-webkit-transform:translate(5px);transform:translate(5px)}}@keyframes shake{0%,to{-webkit-transform:translate(0);transform:translate(0)}20%,60%{-webkit-transform:translate(-5px);transform:translate(-5px)}40%,80%{-webkit-transform:translate(5px);transform:translate(5px)}}.animate-shake{-webkit-animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-bounce-in{-webkit-animation:bounce-in .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation:bounce-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}@-webkit-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.target-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;min-width:3rem;position:relative}.target-value{text-align:center;white-space:nowrap;-webkit-text-fill-color:transparent;-webkit-animation:gradient 3s infinite;animation:gradient 3s infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#12c2e9,#c471ed,#f64f59);background-size:200%;font-size:1.5rem;font-weight:700;min-width:2.5rem;padding:.25rem .5rem;position:relative}.animate-target-change{-webkit-animation:targetChange .3s cubic-bezier(.4,0,.2,1),gradient 3s infinite!important;animation:targetChange .3s cubic-bezier(.4,0,.2,1),gradient 3s infinite!important}.animate-target-switch{-webkit-animation:targetSwitch .5s cubic-bezier(.4,0,.2,1),gradient 3s infinite!important;animation:targetSwitch .5s cubic-bezier(.4,0,.2,1),gradient 3s infinite!important}@-webkit-keyframes targetChange{0%{-webkit-filter:brightness();filter:brightness();-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-filter:brightness();filter:brightness();-webkit-transform:scale(1);transform:scale(1)}}@keyframes targetChange{0%{-webkit-filter:brightness();filter:brightness();-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-filter:brightness();filter:brightness();-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes targetSwitch{0%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}50%{opacity:.5;-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes targetSwitch{0%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}50%{opacity:.5;-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.grid-wrapper{margin:0 auto;max-width:600px;width:100%}.grid-container{background:0 0;display:grid;gap:.5rem;width:100%}.grid-item{aspect-ratio:1;background:#fff;background-color:var(--color-white,#fff);border:1px solid #e5e7eb;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-radius:.5rem;color:var(--color-gray-900,oklch(21% .034 264.665));-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;padding:0;position:relative;-webkit-transition:all .2s;transition:all .2s}@media (prefers-color-scheme:dark){.grid-item{background-color:var(--color-gray-700,oklch(37.3% .034 259.733));border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-white,#fff)}}.grid-item:active{-webkit-transform:scale(.95);transform:scale(.95)}@media (min-width:640px){.grid-item{font-size:clamp(.875rem,1.5vw,1.25rem)}}@media (max-width:639px){.grid-item{font-size:clamp(.75rem,3vw,1rem)}}.font-medium{font-weight:500}.control-select{background-color:var(--color-white,#fff);border-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-600,oklch(44.6% .03 256.802));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);-webkit-box-flex:1;-ms-flex:1;flex:1}.control-select:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);-webkit-box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-gray-800,oklch(27.8% .033 256.848));border-color:#0000}@media (min-width:40rem){.control-select{width:calc(var(--spacing,.25rem)*40)}}.control-button{background-color:var(--color-gray-800,oklch(27.8% .033 256.848));border-radius:var(--radius-lg,.5rem);color:var(--color-white,#fff);padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;-webkit-transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));-webkit-box-flex:1;-ms-flex:1;flex:1}@media (hover:hover){.control-button:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.control-button:active{background-color:var(--color-gray-900,oklch(21% .034 264.665))}@media (min-width:40rem){.control-button{width:auto}}@media (max-width:1023px){.grid-wrapper{margin:0 auto;max-width:500px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}