@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none}:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}}@layer components{.btn-primary{@apply inline-flex items-center justify-center gap-2 rounded-full bg-primary text-white font-semibold px-6 py-3 transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-dark-primary;}.btn-outline{@apply inline-flex items-center justify-center gap-2 rounded-full border-2 border-primary text-primary font-semibold px-6 py-3 transition-all active:scale-95 disabled:opacity-50 dark:border-dark-primary dark:text-dark-primary;}.btn-ghost{@apply inline-flex items-center justify-center gap-2 rounded-full text-on-surface-variant font-medium px-4 py-2 transition-all hover:bg-surface-variant active:scale-95 dark:text-dark-on-surface-variant dark:hover:bg-dark-surface-variant;}.card{@apply bg-white rounded-xl2 shadow-card p-4 dark:bg-dark-surface-variant;}.input{@apply w-full rounded-xl border border-outline-variant bg-surface px-4 py-3 text-on-surface placeholder:text-outline focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition dark:border-dark-outline-variant dark:bg-dark-surface dark:text-dark-on-surface dark:placeholder:text-dark-outline dark:focus:ring-dark-primary;}.badge{@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold;}.badge-primary{@apply badge bg-primary/10 text-primary dark:bg-dark-primary/20 dark:text-dark-primary;}.badge-success{@apply badge bg-success-container text-success dark:bg-dark-success-container dark:text-dark-success;}.badge-warning{@apply badge bg-warning-container text-warning dark:bg-dark-warning-container dark:text-dark-warning;}.badge-error{@apply badge bg-error-container text-error dark:bg-dark-error-container dark:text-dark-error;}}@layer base{body{@apply bg-surface text-on-surface dark:bg-dark-surface dark:text-dark-on-surface;}}