@tailwind base;@tailwind components;@tailwind utilities;:root{--hig-bg-page: #F5F5F7;--hig-bg-card: #FFFFFF;--hig-bg-input: #F5F5F7;--hig-border: rgba(0, 0, 0, .08);--hig-shadow: 0 4px 24px rgba(0, 0, 0, .06)}.dark{--hig-bg-page: #000000;--hig-bg-card: #1C1C1E;--hig-bg-input: rgba(255, 255, 255, .08);--hig-border: rgba(255, 255, 255, .12);--hig-shadow: 0 4px 24px rgba(0, 0, 0, .4)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--hig-bg-page);color:#1d1d1f;transition:background-color .3s ease,color .3s ease}.dark body{color:#f5f5f7}.hig-card{background-color:var(--hig-bg-card);border:1px solid var(--hig-border);box-shadow:var(--hig-shadow);border-radius:20px;transition:all .3s ease}.hig-input-bg{background-color:var(--hig-bg-input);border-radius:12px;border:1px solid transparent;transition:all .2s ease}.hig-input-bg:focus-within{background-color:var(--hig-bg-card);border-color:var(--hig-border);box-shadow:0 0 0 4px #bd725626}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#9ca3af4d;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#9ca3af80}.mask-linear-fade{mask-image:linear-gradient(to right,transparent,black 10px,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10px,black 95%,transparent)}.mask-linear-fade-right{mask-image:linear-gradient(to right,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,black 90%,transparent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in.zoom-in-95{animation:zoomIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in.slide-in-from-bottom-4{animation:slideInBottom .4s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.animate-in.slide-in-from-right-2{animation:slideInRight .3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}
