@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-app: 248 250 252;--surface-1: 255 255 255;--surface-2: 241 245 249;--surface-3: 226 232 240;--border: 226 232 240;--border-highlight: 203 213 225;--text-primary: 15 23 42;--text-secondary: 71 85 105;--text-muted: 100 116 139;--accent: 104 58 252;--accent-hover: 88 40 230;--accent-tint: 237 228 254;--accent-lavender: 182 164 240;--success: 34 197 94;--success-surface: 220 252 231;--warning: 245 158 11;--warning-surface: 254 252 232;--danger: 239 68 68;--danger-surface: 254 226 226;--info: 59 130 246;--info-surface: 239 246 255;--highlight-placeholder-bg: #fef3c7;--highlight-placeholder-text: #b45309;--highlight-placeholder-border: #f59e0b;--highlight-flagged-bg: #fde68a;--highlight-flagged-text: #92400e;--highlight-flagged-border: #f59e0b;--glass-blur: 16px;--glass-opacity: .85;--density-padding: 1rem;--density-gap: .75rem;--density-spacing: 1.5rem;--shadow-elev-1: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-elev-2: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-glow: 0 0 15px -3px rgba(104, 58, 252, .15);--shadow-soft: 0 4px 6px -1px rgb(0 0 0 / .05);--bg-gradient: radial-gradient(circle at 50% 0%, #EDE4FE 0%, #F8FAFC 40%);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}.dark{--bg-app: 7 10 18;--surface-1: 11 16 32;--surface-2: 15 24 48;--surface-3: 30 41 59;--border: 51 65 85;--border-highlight: 71 85 105;--text-primary: 231 236 245;--text-secondary: 173 186 205;--text-muted: 120 135 160;--accent: 104 58 252;--accent-hover: 88 40 230;--accent-tint: 24 18 50;--accent-lavender: 182 164 240;--success: 34 197 94;--success-surface: 6 36 19;--warning: 245 158 11;--warning-surface: 69 26 3;--danger: 239 68 68;--danger-surface: 66 20 20;--info: 59 130 246;--info-surface: 23 37 84;--highlight-placeholder-bg: rgba(251, 191, 36, .15);--highlight-placeholder-text: #fbbf24;--highlight-placeholder-border: rgba(245, 158, 11, .5);--highlight-flagged-bg: rgba(245, 158, 11, .18);--highlight-flagged-text: #fcd34d;--highlight-flagged-border: rgba(245, 158, 11, .6);--shadow-elev-1: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--shadow-elev-2: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px -5px rgba(104, 58, 252, .3);--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .2);--bg-gradient: radial-gradient(circle at 50% 0%, #140E28 0%, #070A12 60%)}.glass-panel{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background-color:rgb(var(--surface-1) / var(--glass-opacity));border:1px solid rgb(var(--border) / .5);transition:backdrop-filter .3s ease,background-color .3s ease}@layer components{.glass-card{background-color:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(182,164,240,.15);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}}body{background-color:rgb(var(--bg-app));color:rgb(var(--text-primary));background-image:var(--bg-gradient);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease,border-color .3s ease}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background-color:rgb(var(--surface-2))!important;border:1px solid rgb(var(--border))!important;color:rgb(var(--text-primary))!important;border-radius:.75rem!important;transition:all .2s ease-in-out}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:rgb(var(--accent))!important;box-shadow:0 0 0 2px #683afc59!important;outline:2px solid rgb(var(--accent));outline-offset:2px}input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}input::placeholder,textarea::placeholder{color:rgb(var(--text-muted))!important;opacity:.9}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgb(var(--surface-3));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--text-muted))}.tabular-nums{font-variant-numeric:tabular-nums}.skip-link{position:absolute;top:0;inset-inline-start:0;z-index:100;padding:.75rem 1.25rem;background:rgb(var(--accent));color:#fff;font-weight:700;text-decoration:none;border-radius:0 0 .5rem;transform:translateY(-100%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0);outline:3px solid currentColor;outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}html[data-font-size=small]{font-size:85%!important}html[data-font-size=normal]{font-size:100%!important}html[data-font-size=large]{font-size:120%!important}html[data-font-size=extra-large]{font-size:150%!important}html.a11y-contrast body{filter:contrast(1.15)}html.a11y-contrast *:focus-visible{outline:3px solid currentColor!important;outline-offset:2px!important}html.a11y-contrast .glass-panel,html.a11y-contrast .glass-card{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:rgb(var(--surface-1))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.glass-panel,.glass-card,[class*=backdrop-blur]{backdrop-filter:none;-webkit-backdrop-filter:none}}html[data-density=comfortable]{--density-padding: 1.5rem;--density-gap: 1rem;--density-spacing: 1.5rem}html[data-density=compact]{--density-padding: .5rem;--density-gap: .25rem;--density-spacing: .5rem}[data-density=comfortable] .p-4,[data-density=compact] .p-4{padding:var(--density-padding)}[data-density=comfortable] .gap-4,[data-density=compact] .gap-4{gap:var(--density-gap)}[data-density=comfortable] .space-y-4>*+*{margin-top:var(--density-spacing)}[data-density=compact] .space-y-4>*+*{margin-top:var(--density-spacing)}.density-padding{padding:var(--density-padding)}@layer utilities{.pt-safe-top{padding-top:var(--sat)}.pb-safe{padding-bottom:var(--sab)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
