:root{--primary-50: #e6f7f0;--primary-100: #b3e6d4;--primary-200: #80d4b8;--primary-300: #4dc39c;--primary-400: #26b580;--primary-500: #00a86b;--primary-600: #009960;--primary-700: #008552;--primary-800: #007145;--primary-900: #005030;--accent-purple: #7c3aed;--accent-pink: #ec4899;--accent-blue: #3b82f6;--accent-teal: #14b8a6;--accent-orange: #f97316;--sender-1: #00a86b;--sender-2: #7c3aed;--sender-3: #ec4899;--sender-4: #3b82f6;--sender-5: #14b8a6;--sender-6: #f97316;--sender-7: #ef4444;--sender-8: #8b5cf6;--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #e4e6eb;--bg-chat: #efeae2;--surface: #ffffff;--surface-hover: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #65676b;--text-tertiary: #8a8d91;--text-inverse: #ffffff;--border-color: #dcdfe4;--border-light: #e8e8e8;--bubble-outgoing: #dcf8c6;--bubble-incoming: #ffffff;--bubble-system: rgba(255, 255, 255, .9);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Poppins", var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--bg-primary: #111b21;--bg-secondary: #1f2c33;--bg-tertiary: #2a3942;--bg-chat: #0b141a;--surface: #202c33;--surface-hover: #2a3942;--text-primary: #e9edef;--text-secondary: #8696a0;--text-tertiary: #667781;--text-inverse: #111b21;--border-color: #2a3942;--border-light: #3b4a54;--bubble-outgoing: #005c4b;--bubble-incoming: #202c33;--bubble-system: rgba(32, 44, 51, .9);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--primary-500);color:#fff}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass{background:#0003;border:1px solid rgba(255,255,255,.1)}.gradient-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-teal) 100%)}.gradient-purple{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%)}.gradient-mesh{background:radial-gradient(at 40% 20%,hsla(168,100%,33%,.3) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(189,100%,56%,.2) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(355,100%,93%,.2) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(340,100%,76%,.2) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(269,100%,77%,.2) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(168,100%,33%,.2) 0px,transparent 50%),var(--bg-primary)}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden}.landing-bg{position:fixed;inset:0;z-index:-1;overflow:hidden}.bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.bg-pattern{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 8s ease-in-out infinite}.bg-glow-1{top:-200px;right:-200px;background:var(--primary-500)}.bg-glow-2{bottom:-200px;left:-200px;background:var(--accent-purple);animation-delay:-4s}.theme-toggle{position:fixed;top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-md);z-index:100}.theme-toggle:hover{transform:scale(1.05);background:var(--surface-hover)}.landing-content{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.landing-hero{text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.logo-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-teal) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #00a86b4d}.logo-text{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:var(--text-lg);color:var(--text-secondary);font-weight:500}.upload-zone{width:100%;padding:var(--space-2xl);border-radius:var(--radius-2xl);border:2px dashed var(--border-color);background:var(--surface);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-teal) 100%);opacity:0;transition:opacity var(--transition-base)}.upload-zone:hover{border-color:var(--primary-500);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-zone:hover:before{opacity:.03}.upload-zone.dragging{border-color:var(--primary-500);border-style:solid;background:var(--primary-50);transform:scale(1.02)}[data-theme=dark] .upload-zone.dragging{background:#00a86b1a}.upload-zone.loading{cursor:default;pointer-events:none}.upload-icon{width:80px;height:80px;margin:0 auto var(--space-lg);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-50) 0%,rgba(0,168,107,.1) 100%);display:flex;align-items:center;justify-content:center;color:var(--primary-500)}[data-theme=dark] .upload-icon{background:#00a86b26}.upload-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.upload-subtitle{color:var(--text-secondary);margin-bottom:var(--space-md)}.upload-hint{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-tertiary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.upload-loading{padding:var(--space-lg)}.loading-spinner{width:48px;height:48px;margin:0 auto var(--space-lg);border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-lg)}.progress-bar{width:100%;max-width:300px;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin:0 auto var(--space-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-teal));border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.upload-error{margin-top:var(--space-md);padding:var(--space-md);background:#ef44441a;border-radius:var(--radius-lg);color:#ef4444;font-weight:500}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%}.feature-card{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-light);transition:all var(--transition-fast)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.feature-icon{color:var(--primary-500);margin-bottom:var(--space-sm)}.feature-card h3{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.feature-card p{font-size:var(--text-xs);color:var(--text-tertiary)}.how-to{width:100%;padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.how-to h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.how-to ol{list-style:none;counter-reset:steps}.how-to li{counter-increment:steps;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-secondary);font-size:var(--text-sm)}.how-to li:before{content:counter(steps);min-width:24px;height:24px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-600);font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;justify-content:center}[data-theme=dark] .how-to li:before{background:#00a86b26}.landing-footer{text-align:center}.landing-footer p{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-tertiary)}@media(max-width:768px){.landing{padding:var(--space-lg)}.logo-text{font-size:var(--text-2xl)}.logo-icon{width:48px;height:48px}.features{grid-template-columns:repeat(2,1fr)}.upload-zone{padding:var(--space-xl)}}@media(max-width:480px){.features{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.feature-card{padding:var(--space-md)}}.bubble-wrapper{display:flex;justify-content:flex-start;padding:var(--space-xs) var(--space-lg);animation:bubbleAppear .2s ease-out}.bubble-wrapper.incoming{justify-content:flex-start}.bubble-wrapper.outgoing{justify-content:flex-end}.bubble-wrapper.system{justify-content:center}.bubble{max-width:65%;min-width:100px;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm);position:relative;transition:all .2s ease}.bubble-incoming{background:var(--bubble-incoming)}.bubble-outgoing{background:var(--bubble-outgoing)}.bubble-incoming:before{content:"";position:absolute;top:0;left:-8px;width:12px;height:12px;background:inherit;clip-path:polygon(100% 0,0 0,100% 100%)}.bubble-outgoing:before{content:"";position:absolute;top:0;right:-8px;width:12px;height:12px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}.bubble-header{margin-bottom:var(--space-xs)}.sender-name{font-size:var(--text-sm);font-weight:600;display:block}.bubble-content{font-size:var(--text-base);color:var(--text-primary);line-height:1.4;word-wrap:break-word;white-space:pre-wrap}.bubble-content.big-emoji{font-size:3.5rem;line-height:1.1;display:flex;justify-content:center}.bubble-footer{display:flex;justify-content:flex-end;margin-top:var(--space-xs)}.timestamp{font-size:var(--text-xs);color:var(--text-tertiary)}.message-link{color:var(--primary-600);text-decoration:underline;word-break:break-all}[data-theme=dark] .message-link{color:var(--primary-400)}.search-highlight{background:#ffc10766;padding:0 2px;border-radius:2px}[data-theme=dark] .search-highlight{background:#ffc1074d}.media-placeholder{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center}.media-icon{font-size:var(--text-sm);color:var(--text-secondary)}.system-bubble{max-width:80%;background:var(--bubble-system);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md);text-align:center}.system-bubble:before{display:none}.system-content{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}@media(max-width:768px){.bubble{max-width:85%}.bubble-wrapper{padding:var(--space-xs) var(--space-md)}.bubble-content.big-emoji{font-size:2.5rem}}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border-light);animation:fadeInDown var(--transition-fast)}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border-radius:var(--radius-full);border:1px solid var(--border-color);transition:all var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #00a86b1a}.search-icon{color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-base);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.clear-btn:hover{background:var(--text-tertiary);color:var(--text-inverse)}.search-results-info{display:flex;align-items:center;gap:var(--space-sm)}.results-count{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.nav-buttons{display:flex;gap:2px}.nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.no-results{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media(max-width:480px){.search-bar{padding:var(--space-sm) var(--space-md)}.results-count{display:none}}.chat-view{height:100vh;display:flex;flex-direction:column;background:var(--bg-chat)}.chat-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border-light);z-index:10}.header-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.header-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-btn.active{background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .header-btn.active{background:#00a86b26;color:var(--primary-400)}.back-btn{margin-right:var(--space-sm)}.chat-info{flex:1;min-width:0}.chat-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.header-actions{display:flex;gap:var(--space-xs)}.active-filters-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.filter-label{font-size:var(--text-sm);color:var(--text-tertiary)}.filter-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--primary-50);color:var(--primary-700);border:none;border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .filter-tag{background:#00a86b26;color:var(--primary-400)}.filter-tag:hover{background:var(--primary-100)}.filter-tag.search-tag{cursor:default;background:var(--accent-purple);color:#fff}[data-theme=dark] .filter-tag.search-tag{background:#7c3aed4d}.clear-filters{font-size:var(--text-xs);color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline;margin-left:auto}.clear-filters:hover{color:var(--text-primary)}.filter-count{font-size:var(--text-xs);color:var(--text-tertiary)}.chat-content{flex:1;display:flex;overflow:hidden;position:relative}.chat-messages{flex:1;overflow-y:auto;position:relative}.message-list{padding:var(--space-md);min-height:100%}.date-separator-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--space-md) 0}.date-separator{background:var(--bubble-system);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.chat-sidebar{width:340px;min-width:340px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border-light);overflow-y:auto;overflow-x:hidden;animation:slideInRight var(--transition-base)}.sidebar-section{padding:var(--space-lg);border-bottom:1px solid var(--border-light)}.sidebar-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.participant-list{display:flex;flex-direction:column;gap:var(--space-xs)}.participant-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.participant-item:hover{background:var(--bg-tertiary)}.participant-item.active{background:var(--primary-50);border-color:var(--primary-200)}[data-theme=dark] .participant-item.active{background:#00a86b1a;border-color:#00a86b4d}.participant-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.participant-info{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.participant-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-count{font-size:var(--text-xs);color:var(--text-tertiary)}.date-filter{display:flex;align-items:center;gap:var(--space-sm)}.date-filter input{flex:1;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm)}.date-filter span{color:var(--text-tertiary);font-size:var(--text-sm)}.quick-stats{display:flex;flex-direction:column;gap:var(--space-md)}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:768px){.chat-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:var(--shadow-xl)}.header-actions{gap:0}.chat-title{font-size:var(--text-base)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{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 slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-500),0 0 10px var(--primary-500),0 0 15px var(--primary-500)}50%{box-shadow:0 0 10px var(--primary-500),0 0 20px var(--primary-500),0 0 30px var(--primary-500)}}@keyframes progressBar{0%{width:0%}to{width:100%}}@keyframes bubbleAppear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-base) forwards}.animate-fadeInUp{animation:fadeInUp var(--transition-base) forwards}.animate-fadeInDown{animation:fadeInDown var(--transition-base) forwards}.animate-scaleIn{animation:scaleIn var(--transition-base) forwards}.animate-slideInLeft{animation:slideInLeft var(--transition-base) forwards}.animate-slideInRight{animation:slideInRight var(--transition-base) forwards}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-bubble{animation:bubbleAppear .3s ease-out forwards}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--surface-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--transition-fast)}.hover-glow:hover{box-shadow:0 0 20px #00a86b66}