:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#6b7280;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#111827;--text-secondary:#6b7280;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}@media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#1f2937;--bg-secondary:#111827;--border-color:#374151}}.high-contrast{--primary-color:#000000;--primary-hover:#333333;--text-primary:#000000;--text-secondary:#444444;--bg-primary:#ffffff;--bg-secondary:#f0f0f0;--border-color:#000000}.large-text{font-size:1.125em}.large-text .text-sm{font-size:1rem}.large-text .text-base{font-size:1.25rem}.large-text .text-lg{font-size:1.5rem}.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@keyframes slide-in-right{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-slide-out-right{animation:slide-out-right .3s ease-in}@keyframes fade-in-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-fade-in-up{animation:fade-in-up .4s ease-out}.animate-bounce-in{animation:bounce-in .6s ease-out}.match-card{transition:all var(--transition-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.match-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.match-card:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-pulse-soft{animation:pulse-soft 2s cubic-bezier(.4,0,.6,1) infinite}.loading-skeleton .animate-shimmer,.skeleton .animate-shimmer,[data-loading=true] .animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,rgba(255,255,255,.2) 50%,var(--bg-secondary) 100%);background-size:200px 100%}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text.large{height:1.5rem}.skeleton-avatar{width:3rem;height:3rem;border-radius:50%}.skeleton-button{height:2.5rem;width:6rem;border-radius:var(--radius-md)}.focus-ring{transition:all var(--transition-fast)}.focus-ring:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.focus-ring:focus:not(:focus-visible){outline:none;box-shadow:none}.btn-primary{background-color:var(--primary-color);color:white;border:2px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--secondary-color)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-online{background-color:rgba(16,185,129,.1);color:var(--success-color)}.status-away{background-color:rgba(245,158,11,.1);color:var(--warning-color)}.status-offline{background-color:rgba(107,114,128,.1);color:var(--secondary-color)}.smooth-scroll{scroll-behavior:smooth}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--secondary-color) transparent}.scrollbar-thin::-webkit-scrollbar{width:8px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}@media (max-width:640px){.match-card{margin-bottom:1rem}.card{padding:1rem}.btn-primary,.btn-secondary{width:100%;text-align:center}}.stagger-children>*{animation:fade-in-up .5s ease-out both}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.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}.sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.loading-state{display:flex;align-items:center;justify-content:center;min-height:200px;flex-direction:column;gap:1rem}.loading-spinner{width:2rem;height:2rem;border-top:3px solid var(--bg-secondary);border:3px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tm-avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tm-avatar-float{animation:tm-avatar-float 3.2s ease-in-out infinite;will-change:transform}.btn-primary,.btn-secondary,.card-interactive,button{position:relative}.btn-primary:focus-visible:after,.btn-secondary:focus-visible:after,.card-interactive:focus-visible:after,button:focus-visible:after{content:"";position:absolute;inset:-4px;border:2px solid var(--primary-color);border-radius:calc(var(--radius-md) + 4px);pointer-events:none}.keyboard-navigation .focusable:focus{background-color:var(--primary-color);color:white;outline:3px solid var(--warning-color);outline-offset:2px}@media print{.no-print{display:none!important}.match-card{break-inside:avoid;margin-bottom:1rem}*{box-shadow:none!important;transition:none!important;animation:none!important}}.match-finder-container{display:grid;grid-template-columns:600px 1fr;gap:2rem;min-height:100vh}.match-finder-sidebar{width:100%;max-width:600px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:2rem;height:fit-content;position:sticky;top:1rem}.match-finder-main{flex:1;min-width:0}@media (max-width:1200px){.match-finder-container{grid-template-columns:420px 1fr}.match-finder-sidebar{max-width:420px;padding:1.75rem}}@media (max-width:1024px){.match-finder-container{grid-template-columns:380px 1fr}.match-finder-sidebar{max-width:380px;padding:1.5rem}}@media (max-width:768px){.match-finder-container{grid-template-columns:1fr;gap:1rem}.match-finder-sidebar{position:relative;top:0;max-width:100%;margin-bottom:1rem}}.destination-search-container{position:relative;width:100%}.destination-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;z-index:200;margin-top:.25rem}.destination-option{padding:1rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.destination-option:focus,.destination-option:hover{background-color:var(--bg-secondary)}.destination-option:last-child{border-bottom:none}.destination-option-name{font-weight:500;color:var(--text-primary);font-size:.95rem}.destination-option-details{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.match-finder-sidebar .space-y-6>*+*{margin-top:1.5rem}.match-finder-sidebar button[class*="hover:bg-gray-50"]{padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-primary);box-shadow:var(--shadow-sm);margin-bottom:.5rem}.match-finder-sidebar button[class*="hover:bg-gray-50"]:hover{background:var(--bg-secondary);border-color:var(--primary-color)}