.theme-toggle{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.theme-toggle:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);color:var(--text-primary);transform:rotate(15deg)}.layout-header{z-index:var(--z-dropdown);padding:var(--space-4) 0;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);position:sticky;top:0}.layout-header-inner{max-width:1200px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.layout-logo{align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;display:flex}.layout-logo-icon{background:var(--gradient-accent);border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.layout-logo-text{letter-spacing:-.02em;background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.layout-header-actions{align-items:center;gap:var(--space-2);display:flex}.layout-main{padding:var(--space-8) 0;flex:1}.layout-footer{padding:var(--space-6) 0;border-top:1px solid var(--border-primary)}.layout-footer-inner{max-width:1200px;padding:0 var(--space-6);color:var(--text-tertiary);justify-content:space-between;align-items:center;margin:0 auto;font-size:.8rem;display:flex}.layout-footer-links{gap:var(--space-4);display:flex}.layout-footer-links a{color:var(--text-tertiary);transition:color var(--transition-fast)}.layout-footer-links a:hover{color:var(--text-secondary)}@media (width<=768px){.layout-header-inner{padding:0 var(--space-4)}.layout-footer-inner{padding:0 var(--space-4);gap:var(--space-3);text-align:center;flex-direction:column}}.home-page{text-align:center;min-height:calc(100vh - 200px);padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.home-hero{max-width:640px;animation:.6s ease-out fadeInUp}.home-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-glow);border-radius:var(--radius-full);color:var(--accent-primary);margin-bottom:var(--space-6);border:1px solid #38bdf826;font-size:.78rem;font-weight:600;display:inline-flex}.home-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-4);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.home-title-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-subtitle{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.home-actions{gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.home-actions .btn{min-width:180px}.home-features{gap:var(--space-4);grid-template-columns:repeat(3,1fr);width:100%;max-width:640px;animation:.8s ease-out fadeInUp;display:grid}.home-feature{padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);transition:all var(--transition-base)}.home-feature:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-feature-icon{margin-bottom:var(--space-2);font-size:1.5rem}.home-feature-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.home-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-bg-orb{filter:blur(120px);opacity:.12;border-radius:50%;position:absolute}.home-bg-orb:first-child{background:#38bdf8;width:600px;height:600px;animation:20s ease-in-out infinite float;top:-200px;right:-100px}.home-bg-orb:nth-child(2){background:#818cf8;width:500px;height:500px;animation:25s ease-in-out infinite reverse float;bottom:-200px;left:-100px}.home-bg-orb:nth-child(3){background:#c084fc;width:300px;height:300px;animation:15s ease-in-out infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(20px,20px)}}@media (width<=768px){.home-features{grid-template-columns:1fr}.home-actions .btn{min-width:160px}}.dropzone{border:2px dashed var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.dropzone:before{content:"";background:var(--gradient-accent);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent-primary);background:var(--accent-glow)}.dropzone.drag-over:before{opacity:.05}.dropzone.has-file{border-style:solid;border-color:var(--success);background:var(--success-bg);cursor:default}.dropzone-icon{margin-bottom:var(--space-4);font-size:3rem;display:block}.dropzone-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.1rem;font-weight:600}.dropzone-subtitle{color:var(--text-tertiary);font-size:.85rem}.dropzone-file{align-items:center;gap:var(--space-4);justify-content:center;display:flex}.dropzone-file-icon{font-size:2.5rem}.dropzone-file-info{text-align:left}.dropzone-file-name{color:var(--text-primary);word-break:break-all;font-size:1rem;font-weight:600}.dropzone-file-meta{color:var(--text-secondary);margin-top:var(--space-1);font-size:.8rem}.dropzone-change{margin-top:var(--space-4);color:var(--accent-primary);cursor:pointer;font-size:.85rem;display:inline-block}.dropzone-change:hover{text-decoration:underline}.dropzone input[type=file]{display:none}.room-code-display{text-align:center;animation:fadeIn var(--transition-base) ease-out}.room-code-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-3);font-size:.8rem;font-weight:600}.room-code-value{justify-content:center;align-items:center;gap:var(--space-3);font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-primary);padding:var(--space-4) var(--space-6);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);-webkit-user-select:all;user-select:all;font-size:2.5rem;font-weight:700;display:flex}.room-code-copy{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:1.2rem}.room-code-copy:hover{background:var(--bg-glass-hover)}.room-code-copied{color:var(--success);margin-top:var(--space-2);height:20px;font-size:.75rem}.room-code-qr{margin-top:var(--space-6);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.room-code-qr canvas{border-radius:var(--radius-md);border:4px solid var(--bg-secondary);box-shadow:var(--shadow-md)}.room-code-qr-label{color:var(--text-tertiary);font-size:.75rem}.room-code-link{margin-top:var(--space-4);align-items:center;gap:var(--space-2);justify-content:center;display:flex}.room-code-link-input{max-width:280px;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}@media (width<=768px){.room-code-value{letter-spacing:.15em;font-size:1.8rem}}.status-indicator{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.02em;font-size:.78rem;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-indicator[data-status=waiting]{background:var(--warning-bg);color:var(--warning)}.status-indicator[data-status=waiting] .status-dot{background:var(--warning);animation:2s ease-in-out infinite pulse}.status-indicator[data-status=receiver_joined],.status-indicator[data-status=negotiating],.status-indicator[data-status=relay_fallback]{color:var(--accent-primary);background:#38bdf81a}.status-indicator[data-status=receiver_joined] .status-dot,.status-indicator[data-status=negotiating] .status-dot,.status-indicator[data-status=relay_fallback] .status-dot{background:var(--accent-primary);animation:1.5s ease-in-out infinite pulse}.status-indicator[data-status=connected],.status-indicator[data-status=transferring]{background:var(--success-bg);color:var(--success)}.status-indicator[data-status=connected] .status-dot,.status-indicator[data-status=transferring] .status-dot{background:var(--success)}.status-indicator[data-status=transferring] .status-dot{animation:1s ease-in-out infinite pulse}.status-indicator[data-status=completed]{background:var(--success-bg);color:var(--success)}.status-indicator[data-status=completed] .status-dot{background:var(--success)}.status-indicator[data-status=failed],.status-indicator[data-status=expired],.status-indicator[data-status=cancelled]{background:var(--error-bg);color:var(--error)}.status-indicator[data-status=failed] .status-dot,.status-indicator[data-status=expired] .status-dot,.status-indicator[data-status=cancelled] .status-dot{background:var(--error)}.create-room-page{max-width:560px;padding:var(--space-6);margin:0 auto;animation:.4s ease-out fadeInUp}.page-header{margin-bottom:var(--space-6)}.page-back{align-items:center;gap:var(--space-2);color:var(--text-tertiary);margin-bottom:var(--space-4);transition:color var(--transition-fast);font-size:.85rem;text-decoration:none;display:inline-flex}.page-back:hover{color:var(--text-primary)}.page-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-2);font-size:.9rem}.create-section{margin-top:var(--space-6)}.create-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-3);font-size:.8rem;font-weight:600}.password-section{margin-top:var(--space-5)}.password-toggle{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:var(--space-3);font-size:.85rem;display:flex}.password-toggle input[type=checkbox]{accent-color:var(--accent-primary);width:16px;height:16px}.create-action{margin-top:var(--space-7);text-align:center}.waiting-section{margin-top:var(--space-8);text-align:center}.waiting-animation{margin-bottom:var(--space-4);font-size:2rem;animation:2s ease-in-out infinite pulse}.waiting-text{color:var(--text-secondary);font-size:.9rem}.approval-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.approval-modal{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8);box-shadow:var(--shadow-xl);animation:.3s ease-out fadeInUp}.approval-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700}.approval-subtitle{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.85rem}.approval-file{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary);margin-bottom:var(--space-4);display:flex}.approval-file-icon{flex-shrink:0;font-size:2.2rem}.approval-file-name{color:var(--text-primary);word-break:break-all;font-size:.95rem;font-weight:600}.approval-file-meta{color:var(--text-secondary);margin-top:var(--space-1);font-size:.8rem}.approval-warning{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--warning-bg);border-radius:var(--radius-sm);color:var(--warning);margin-bottom:var(--space-4);border:1px solid #fbbf2433;font-size:.8rem;display:flex}.approval-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.approval-actions .btn{flex:1}.join-room-page{max-width:480px;padding:var(--space-6);margin:0 auto;animation:.4s ease-out fadeInUp}.join-code-section{margin-top:var(--space-8)}.join-code-input-wrapper{margin-bottom:var(--space-4);justify-content:center;display:flex}.join-code-input{font-family:var(--font-mono);text-align:center;letter-spacing:.25em;text-transform:uppercase;width:100%;max-width:320px;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--accent-primary);transition:all var(--transition-fast);font-size:2rem;font-weight:700}.join-code-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--accent-glow)}.join-code-input::placeholder{color:var(--text-tertiary);letter-spacing:.1em;font-size:1.2rem}.join-password-section{margin-top:var(--space-4)}.join-password-label{color:var(--text-tertiary);margin-bottom:var(--space-2);font-size:.8rem;font-weight:600}.join-action{margin-top:var(--space-6);text-align:center}.join-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--error-bg);border-radius:var(--radius-md);color:var(--error);text-align:center;border:1px solid #f8717133;font-size:.85rem}.join-or{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--text-tertiary);font-size:.8rem;display:flex}.join-or:before,.join-or:after{content:"";background:var(--border-primary);flex:1;height:1px}@media (width<=768px){.join-code-input{max-width:100%;font-size:1.5rem}}.progress-wrapper{width:100%;animation:fadeIn var(--transition-base) ease-out}.progress-bar-outer{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:12px;position:relative;overflow:hidden}.progress-bar-inner{background:var(--gradient-progress);border-radius:var(--radius-full);background-size:200% 100%;min-width:2%;height:100%;transition:width .3s ease-out;animation:3s infinite gradientShift}.progress-bar-inner.complete{background:var(--success);animation:none}.progress-labels{margin-top:var(--space-2);color:var(--text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.progress-percentage{font-weight:700;font-family:var(--font-mono);color:var(--text-primary);font-size:.85rem}.transfer-stats{gap:var(--space-3);margin-top:var(--space-4);animation:fadeIn var(--transition-base) ease-out;grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center;padding:var(--space-3) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-1);font-size:.7rem;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1rem;font-weight:700}.stat-value.speed{color:var(--accent-primary)}.stat-value.eta{color:var(--accent-secondary)}.connection-type-badge{align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);font-size:.72rem;font-weight:600;display:inline-flex}.connection-type-badge[data-type=direct]{color:var(--success);border-color:#34d39933}.connection-type-badge[data-type=relay]{color:var(--accent-primary);border-color:#38bdf833}.connection-type-badge[data-type=ws-relay]{color:var(--warning);border-color:#fbbf2433}@media (width<=480px){.transfer-stats{grid-template-columns:1fr 1fr}}.file-preview{margin-top:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-tertiary);animation:fadeIn var(--transition-base) ease-out;overflow:hidden}.file-preview img,.file-preview video{object-fit:contain;width:100%;max-height:400px;display:block}.file-preview-generic{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;display:flex}.file-preview-generic-icon{font-size:3rem}.file-preview-generic-name{color:var(--text-primary);word-break:break-all;font-weight:600}.file-preview-generic-type{color:var(--text-secondary);font-size:.8rem}.transfer-room-page{max-width:560px;padding:var(--space-6);margin:0 auto;animation:.4s ease-out fadeInUp}.transfer-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.transfer-header-left h1{color:var(--text-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.transfer-file-card{padding:var(--space-5);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);margin-bottom:var(--space-5)}.transfer-file-header{align-items:center;gap:var(--space-4);display:flex}.transfer-file-icon{flex-shrink:0;font-size:2.5rem}.transfer-file-name{color:var(--text-primary);word-break:break-all;font-size:1rem;font-weight:600}.transfer-file-meta{color:var(--text-secondary);margin-top:var(--space-1);font-size:.8rem}.transfer-progress-section{margin:var(--space-6) 0}.transfer-controls{gap:var(--space-3);margin-top:var(--space-6);justify-content:center;display:flex}.transfer-complete{text-align:center;padding:var(--space-8) 0;animation:.5s ease-out fadeInUp}.transfer-complete-icon{margin-bottom:var(--space-4);font-size:4rem}.transfer-complete-title{color:var(--success);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.transfer-complete-subtitle{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.9rem}.transfer-failed{text-align:center;padding:var(--space-8) 0}.transfer-failed-icon{margin-bottom:var(--space-4);font-size:3rem}.transfer-failed-title{color:var(--error);margin-bottom:var(--space-2);font-size:1.3rem;font-weight:700}.transfer-failed-message{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.9rem}.negotiating-section{text-align:center;padding:var(--space-8) 0}.negotiating-spinner{border:3px solid var(--border-primary);border-top-color:var(--accent-primary);width:48px;height:48px;margin:0 auto var(--space-4);border-radius:50%;animation:.8s linear infinite spin}.negotiating-text{color:var(--text-secondary);font-size:.9rem}.error-page{max-width:480px;padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;margin:0 auto;animation:.4s ease-out fadeInUp;display:flex}.error-icon{margin-bottom:var(--space-4);font-size:4rem}.error-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.5rem;font-weight:700}.error-message{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:.95rem;line-height:1.6}.error-actions{gap:var(--space-3);justify-content:center;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #00000026;--shadow-xl:0 16px 48px #0003;--shadow-glow:0 0 30px #38bdf826;--z-base:1;--z-dropdown:100;--z-modal:1000;--z-toast:2000}[data-theme=dark]{--bg-primary:#0a0f1c;--bg-secondary:#111827;--bg-tertiary:#1e293b;--bg-elevated:#1a2236;--bg-glass:#111827b3;--bg-glass-hover:#1e293bcc;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0a0f1c;--border-primary:#94a3b81f;--border-hover:#94a3b840;--border-focus:#38bdf8;--accent-primary:#38bdf8;--accent-primary-hover:#7dd3fc;--accent-secondary:#818cf8;--accent-glow:#38bdf833;--success:#34d399;--success-bg:#34d3991a;--warning:#fbbf24;--warning-bg:#fbbf241a;--error:#f87171;--error-bg:#f871711a;--gradient-hero:linear-gradient(135deg, #0a0f1c 0%, #111827 50%, #0f172a 100%);--gradient-accent:linear-gradient(135deg, #38bdf8, #818cf8);--gradient-card:linear-gradient(145deg, #1e293b80, #111827cc);--gradient-progress:linear-gradient(90deg, #38bdf8, #818cf8, #c084fc);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-glass:#fffc;--bg-glass-hover:#f1f5f9e6;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#f8fafc;--border-primary:#0f172a14;--border-hover:#0f172a26;--border-focus:#0284c7;--accent-primary:#0284c7;--accent-primary-hover:#0369a1;--accent-secondary:#6366f1;--accent-glow:#0284c726;--success:#059669;--success-bg:#05966914;--warning:#d97706;--warning-bg:#d9770614;--error:#dc2626;--error-bg:#dc262614;--gradient-hero:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f1f5f9 100%);--gradient-accent:linear-gradient(135deg, #0284c7, #6366f1);--gradient-card:linear-gradient(145deg, #ffffffe6, #f1f5f999);--gradient-progress:linear-gradient(90deg, #0284c7, #6366f1, #a855f7);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-glow:0 0 30px #0284c71a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background var(--transition-slow), color var(--transition-slow);line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover)}button{font-family:var(--font-body);cursor:pointer;font-size:inherit;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-body);background:0 0;border:none;outline:none;font-size:1rem}img,video{max-width:100%;display:block}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-sm{width:100%;max-width:640px;padding:0 var(--space-6);margin:0 auto}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);letter-spacing:.01em;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.btn-danger{background:var(--error-bg);color:var(--error);border:1px solid #f8717133}.btn-danger:hover{background:#f8717126}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-lg{padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:1.05rem}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);font-size:1rem}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:var(--text-tertiary)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressPulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-pulse{animation:2s ease-in-out infinite pulse}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-primary);color:#fff}@media (width<=768px){.container{padding:0 var(--space-4)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}}