::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--color-text-secondary) / .5);border-radius:5px;border:2px solid hsl(var(--color-background-card))}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-text-secondary) / .8)}body{background-color:hsl(var(--color-background));color:hsl(var(--color-text));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@layer components{.h1{@apply text-4xl font-extrabold text-text-strong tracking-tight;}.h2{@apply text-3xl font-bold text-text-strong tracking-tight;}.h3{@apply text-2xl font-semibold text-text-strong;}.h4{@apply text-xl font-semibold text-text-strong;}.page-description{@apply mt-4 text-lg text-text-secondary max-w-2xl mx-auto leading-relaxed;}.link-subtle{@apply inline-block text-text-secondary hover:text-text-strong transition-colors duration-200 ease-in-out;}.card{@apply bg-background-card rounded-xl shadow-lg border border-white/5;}.card-interactive{@apply card transition-all duration-300 ease-in-out hover:scale-[1.03] hover:shadow-2xl hover:shadow-accent/20;}.badge{@apply text-xs font-semibold px-3 py-1 rounded-full uppercase tracking-wider backdrop-blur-md;}.badge-inprogress{@apply badge bg-success/80 text-white;}.badge-ready{@apply badge bg-accent/80 text-white;}.badge-unknown{@apply badge bg-text-secondary/50 text-white/90;}.badge-error{@apply badge bg-danger/80 text-white;}.btn{@apply font-semibold py-2 px-5 rounded-lg transition-all duration-200 ease-in-out whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background-card focus-visible:ring-accent active:scale-[.98];}.btn-sm{@apply py-1.5 px-3 text-sm;}.btn-accent{@apply btn bg-gradient-to-br from-accent to-accent-hover text-white shadow-md shadow-accent/20 hover:shadow-lg hover:shadow-accent/30;}.btn-secondary{@apply btn bg-background-card border border-border text-text-secondary hover:text-text-strong hover:bg-border hover:border-border-strong;}.btn-ghost{@apply btn bg-transparent hover:bg-border text-text-strong;}.btn-danger{@apply btn bg-danger hover:bg-red-500 text-white;}.form-input{@apply w-full bg-background-input border border-border rounded-lg py-2 px-4 text-sm placeholder:text-text-secondary transition-all duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-accent focus:border-accent;}.modal-overlay{@apply fixed inset-0 flex items-center justify-center p-4 z-50;background-color:hsla(var(--color-background) / .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out forwards}.modal-container{@apply bg-background-card rounded-xl shadow-2xl w-full max-w-lg border border-border;animation:scaleIn .3s ease-out forwards}.modal-header{@apply p-5 border-b border-border flex justify-between items-center;}.modal-title{@apply text-xl font-semibold text-text-strong;}.modal-close-button{@apply text-3xl text-text-secondary hover:text-text-strong transition-colors;}.modal-body{@apply p-6 max-h-[70vh] overflow-y-auto;}.modal-footer{@apply p-4 bg-background-card-hover/50 border-t border-border flex justify-end items-center gap-4 rounded-b-xl;}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}