@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-secondary: #8b5cf6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-background: #f8fafc;--color-surface: #ffffff;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--radius-3xl: 3rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.85}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-pulse-subtle{animation:pulse-subtle 4s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin-slow{animation:spin-slow 3s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.transition-fast{transition:all .15s ease}.transition-normal{transition:all .3s ease}.transition-slow{transition:all .5s ease}.glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-dark{background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.bg-gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.bg-gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-gradient-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.bg-gradient-dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:var(--radius-xl);transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #6366f163}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background)}.card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.card-elevated{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:all .2s ease;outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.badge-primary{background:#6366f11a;color:var(--color-primary)}.badge-success{background:#10b9811a;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.badge-error{background:#ef44441a;color:var(--color-error)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-background) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:var(--radius-xl);font-weight:600;box-shadow:var(--shadow-xl);z-index:1000;animation:slideUp .3s ease-out}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-error);color:#fff}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.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}.container{width:100%;max-width:480px;margin:0 auto;padding:0 1rem}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-card{aspect-ratio:3 / 4}.aspect-banner{aspect-ratio:16 / 9}.z-base{z-index:0}.z-dropdown{z-index:10}.z-sticky{z-index:20}.z-fixed{z-index:30}.z-modal-backdrop{z-index:40}.z-modal{z-index:50}.z-popover{z-index:60}.z-tooltip{z-index:70}.z-toast{z-index:80}.z-max{z-index:100}