@tailwind base;@tailwind components;@tailwind utilities;:root{--al-page:#FAF5EC;--al-soft-pink:#FBB6C4;--al-berry-punch:#CC4964;--al-lemon-chiffon:#FAFCD0;--al-ink:#2B2326}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;color:var(--al-ink);background:var(--al-page);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;height:100%}#root{height:100%}button,select,option,table,th,td,h1,h2,h3,h4,h5,h6,code,kbd,pre,samp{font-family:inherit}button{-webkit-tap-highlight-color:transparent}strong,b,th,h1,h2,h3,h4,h5,h6{font-weight:600}::selection{background:var(--al-soft-pink);color:var(--al-ink)}.al-tap{transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.al-tap:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.al-tap{transition:none}.al-tap:active{transform:none}}input,textarea,select{font-family:inherit;font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--al-berry-punch)!important;box-shadow:0 0 0 3px var(--al-soft-pink)}.al-field:focus-within{border-color:var(--al-berry-punch)!important;box-shadow:0 0 0 3px var(--al-soft-pink)}.al-field input:focus{box-shadow:none}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none}input[type=checkbox],input[type=radio]{accent-color:var(--al-berry-punch)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--al-berry-punch);outline-offset:2px}input[type=date],input[type=time],input[type=month],input[type=datetime-local]{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;min-height:46px}select{max-width:100%;min-width:0}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value,input[type=month]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value{min-width:0}:has(>input[type=date]),:has(>input[type=time]),:has(>input[type=month]),:has(>input[type=datetime-local]){min-width:0}.al-grid2>*{min-width:0;max-width:100%}main{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--al-soft-pink);border-radius:4px}@media (min-width:900px){.al-save-bar{bottom:12px!important}}
