.bg-os-accent{background-color:var(--os-accent)}.bg-os-accent-hover{background-color:var(--os-accent-hover)}.hover\:bg-os-accent:hover,.focus\:bg-os-accent:focus,.data-\[state\=open\]\:bg-os-accent[data-state=open],.data-\[state\=checked\]\:bg-os-accent[data-state=checked]{background-color:var(--os-accent)}.hover\:bg-os-accent-hover:hover{background-color:var(--os-accent-hover)}.bg-os-bg-primary{background-color:var(--os-bg-primary)}.bg-os-bg-secondary{background-color:var(--os-bg-secondary)}.bg-os-bg-elevated{background-color:var(--os-bg-elevated)}.bg-os-bg-hover{background-color:var(--os-bg-hover)}.bg-os-bg-pressed{background-color:var(--os-bg-pressed)}.text-os-text-primary{color:var(--os-text-primary)}.text-os-text-secondary{color:var(--os-text-secondary)}.text-os-text-tertiary{color:var(--os-text-tertiary)}.text-os-accent-foreground{color:var(--os-accent-foreground)}.border-os-border{border-color:var(--os-border-primary)}.border-os-border-focus{border-color:var(--os-border-focus)}.rounded-os-sm{border-radius:var(--os-radius-sm)}.rounded-os-md{border-radius:var(--os-radius-md)}.rounded-os-lg{border-radius:var(--os-radius-lg)}.rounded-os-xl{border-radius:var(--os-radius-xl)}.rounded-os-2xl{border-radius:var(--os-radius-2xl)}.rounded-os-full{border-radius:var(--os-radius-full)}.shadow-os-sm{box-shadow:var(--os-shadow-sm)}.shadow-os-md{box-shadow:var(--os-shadow-md)}.shadow-os-lg{box-shadow:var(--os-shadow-lg)}.shadow-os-xl{box-shadow:var(--os-shadow-xl)}.backdrop-blur-os-sm{-webkit-backdrop-filter:blur(var(--os-blur-sm));backdrop-filter:blur(var(--os-blur-sm))}.backdrop-blur-os-md{-webkit-backdrop-filter:blur(var(--os-blur-md));backdrop-filter:blur(var(--os-blur-md))}.backdrop-blur-os-lg{-webkit-backdrop-filter:blur(var(--os-blur-lg));backdrop-filter:blur(var(--os-blur-lg))}.backdrop-blur-os-xl{-webkit-backdrop-filter:blur(var(--os-blur-xl));backdrop-filter:blur(var(--os-blur-xl))}
.applet-container{flex-direction:column;width:100%;height:100%;display:flex}.applet-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.applet-grid-2{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}@media (min-width:1024px){.applet-grid-2{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.applet-padding{padding:.75rem}@media (min-width:640px){.applet-padding{padding:1rem}}@media (min-width:768px){.applet-padding{padding:1.5rem}}.applet-gap{gap:.5rem}@media (min-width:640px){.applet-gap{gap:.75rem}}@media (min-width:768px){.applet-gap{gap:1rem}}.applet-text-display{font-size:1.875rem;line-height:2.25rem}@media (min-width:640px){.applet-text-display{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.applet-text-display{font-size:3rem;line-height:1}}.applet-text-button{font-size:.875rem;line-height:1.25rem}@media (min-width:640px){.applet-text-button{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.applet-text-button{font-size:1.125rem;line-height:1.75rem}}