*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--lskd-black: #0a0a0a;--lskd-dark: #141414;--lskd-card: #1a1a1a;--lskd-border: #2a2a2a;--lskd-white: #f5f5f5;--lskd-gray: #a8a8a8;--lskd-gray-muted: #7a7a7a;--lskd-gray-faint: #5a5a5a;--lskd-accent: #c8ff00;--lskd-pink: #ff3d7f;--swipe-right: #00e676;--swipe-left: #ff3d7f;--card-radius: 24px;--focus-ring: 0 0 0 3px rgba(200, 255, 0, .4);--radius-pill: 3.75rem;--radius-card: 1rem}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.6;background:var(--lskd-black);color:var(--lskd-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100dvh;-webkit-tap-highlight-color:transparent}.screen{display:none;min-height:100dvh;width:100%;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:var(--space-4)}.screen.active{display:flex}.intro-heart{font-size:4rem;animation:pulse 1.2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,61,127,.4))}.intro-heart--cta{font-size:3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.btn-start{margin-top:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--lskd-accent);color:var(--lskd-black);border:none;border-radius:var(--radius-pill);font-family:Syne,sans-serif;font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-start:hover{transform:scale(1.05);box-shadow:0 0 40px #c8ff004d}.btn-start-cta{font-size:1rem;padding:var(--space-3) var(--space-5)}.btn-start,.btn-about,.btn-hire,.action-btn,.carousel-arrow,.carousel-dot{touch-action:manipulation}#swipe{background:var(--lskd-black);padding:var(--space-3) var(--space-4);gap:var(--space-2);justify-content:space-between}.swipe-header{text-align:center;flex-shrink:0}.swipe-header h2{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(1.125rem,5vw,1.5rem);letter-spacing:-.5px}.swipe-header p{font-size:1rem;color:var(--lskd-gray);margin-top:.25rem}.card-counter{font-family:Space Mono,monospace;font-size:.875rem;color:var(--lskd-gray-muted);letter-spacing:2px;text-align:center;flex-shrink:0}.card-stack{position:relative;width:min(24rem,92vw);height:var(--card-stack-height, min(74svh, 34rem));perspective:1000px;display:flex;flex-direction:column;margin:8px 0}.swipe-card{position:absolute;width:100%;height:100%;border-radius:var(--card-radius);overflow:hidden;background:var(--lskd-card);border:1px solid var(--lskd-border);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .52s ease;cursor:grab;user-select:none;touch-action:pan-y;will-change:transform;display:flex;flex-direction:column}.swipe-card:active{cursor:grabbing}.swipe-card.behind-1{transform:scale(.95) translateY(12px);opacity:.6}.swipe-card.behind-2{transform:scale(.9) translateY(24px);opacity:.3}.card-image{width:100%;height:var(--card-image-height, 16rem);flex-shrink:0;position:relative;overflow:hidden;background:#0a0a0a}.card-image-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#0a0a0a;overflow:hidden}.card-image-bg img{width:100%;height:100%;object-fit:contain;object-position:center top;padding:.5rem 0}.card-fabric-badge{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:var(--radius-pill);font-family:Space Mono,monospace;font-size:.625rem;letter-spacing:2px;text-transform:uppercase;background:#0009;backdrop-filter:blur(10px);color:var(--lskd-accent);border:1px solid rgba(200,255,0,.2)}.card-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow:visible}.card-body>*+*{margin-top:var(--space-2)}.card-name{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);letter-spacing:-1px;line-height:1.2}.card-blurb{font-size:1rem;color:#bbb;line-height:1.55;max-width:32ch}.card-tagline{font-size:1rem;color:var(--lskd-gray);line-height:1.5;font-style:italic}.card-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.3rem .7rem;border-radius:20px;font-size:.875rem;font-weight:500;background:#ffffff0f;border:1px solid var(--lskd-border);color:var(--lskd-white)}.card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem;margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--lskd-border)}.stat{text-align:center}.stat-value{font-family:Syne,sans-serif;font-weight:700;font-size:1rem;color:var(--lskd-white)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--lskd-gray-muted);margin-top:1px}.swipe-label{position:absolute;top:50%;transform:translateY(-50%) rotate(-15deg);padding:12px 24px;border-radius:12px;font-family:Syne,sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:2px;text-transform:uppercase;opacity:0;transition:opacity .15s ease;z-index:10;pointer-events:none}.swipe-label.like{left:24px;border:3px solid var(--swipe-right);color:var(--swipe-right)}.swipe-label.nope{right:24px;transform:translateY(-50%) rotate(15deg);border:3px solid var(--swipe-left);color:var(--swipe-left)}.swipe-actions{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.action-btn{width:4.5rem;height:4.5rem;border-radius:9999px;border:2px solid var(--lskd-border);background:var(--lskd-card);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;cursor:pointer;transition:all .2s ease;color:var(--lskd-white)}.action-btn:hover{transform:scale(1.1)}.action-btn.pass{border-color:var(--swipe-left);color:var(--swipe-left)}.action-btn.pass:hover{background:#ff3d7f26}.action-btn.like-btn{border-color:var(--swipe-right);color:var(--swipe-right)}.action-btn.like-btn:hover{background:#00e67626}#results{overflow:clip}.matches-grid{display:flex;flex-direction:column;gap:var(--space-3);width:min(32rem,92vw);max-height:min(52svh,34rem);overflow-y:auto;overflow-x:clip;padding:var(--space-2);scrollbar-width:none}.matches-grid::-webkit-scrollbar{display:none}.match-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--lskd-card);border:1px solid var(--lskd-border);border-radius:var(--radius-card);text-align:left;animation:slideUp .4s ease backwards}.match-item:nth-child(1){animation-delay:.1s}.match-item:nth-child(2){animation-delay:.2s}.match-item:nth-child(3){animation-delay:.3s}.match-item:nth-child(4){animation-delay:.4s}.match-item:nth-child(5){animation-delay:.5s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.match-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0}.match-info h4{font-family:Syne,sans-serif;font-weight:700;font-size:1.125rem}.match-info p{font-size:.95rem;color:var(--lskd-gray);margin-top:.25rem}.match-percent{margin-left:auto;font-family:Syne,sans-serif;font-weight:700;font-size:1.25rem;color:var(--lskd-accent)}#about{background:var(--lskd-black);padding:var(--space-5) var(--space-4);gap:0;justify-content:flex-start;overflow-y:auto}.profile-container{width:min(520px,100%);display:flex;flex-direction:column;gap:var(--space-4)}.profile-hero{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--lskd-border)}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--lskd-accent),var(--swipe-right));display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 16px;position:relative}.profile-avatar:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--lskd-accent);animation:ring-pulse 2s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.profile-name{font-family:Syne,sans-serif;font-weight:800;font-size:2rem;letter-spacing:-1px}.profile-title{font-family:Space Mono,monospace;font-size:.6875rem;letter-spacing:2px;text-transform:uppercase;color:var(--lskd-accent);margin-top:4px}.profile-location{font-size:.8125rem;color:var(--lskd-gray);margin-top:8px}.profile-bio{font-size:.9375rem;line-height:1.6;color:#ccc;text-align:left;padding:var(--space-4);background:var(--lskd-card);border-radius:var(--radius-card);border:1px solid var(--lskd-border)}.profile-bio strong{color:var(--lskd-white)}.skill-icon svg{width:100%;height:100%}.testimonial-card{padding:var(--space-4);background:var(--lskd-card);border:1px solid var(--lskd-border);border-radius:var(--radius-card);position:relative;overflow:visible;box-sizing:border-box;width:100%;max-width:100%}.testimonial-card{scroll-margin-top:var(--space-4)}.testimonial-card:before{content:"“";position:absolute;top:8px;left:16px;font-size:4rem;font-family:Syne,sans-serif;color:var(--lskd-accent);opacity:.15;line-height:1}.carousel-slide{min-width:100%;max-width:100%;flex-shrink:0;box-sizing:border-box}.carousel-arrow{position:absolute;top:calc(50% - 30px);transform:translateY(-50%);width:2rem;height:2rem;border-radius:9999px;border:1px solid var(--lskd-border);background:#1a1a1ae6;backdrop-filter:blur(4px);color:var(--lskd-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;padding:0}.carousel-arrow:hover{border-color:var(--lskd-accent);color:var(--lskd-accent);background:#c8ff001a}.carousel-arrow-left{left:12px}.carousel-arrow-right{right:12px}.carousel-dot{width:.5rem;height:.5rem;border-radius:9999px;border:none;background:var(--lskd-border);cursor:pointer;transition:all .2s;padding:0}.carousel-dot.active{background:var(--lskd-accent);transform:scale(1.3)}.testimonial-quote strong{color:var(--lskd-accent);font-style:normal}.testimonial-avatar svg{width:24px;height:24px}.hidden{display:none!important}.swipe-card.swiped-right{transform:translate(150%) rotate(20deg)!important;opacity:0!important}.swipe-card.swiped-left{transform:translate(-150%) rotate(-20deg)!important;opacity:0!important}.swipe-card.animate-right{animation:swipeOutRight .42s cubic-bezier(.23,1,.32,1) forwards}.swipe-card.animate-left{animation:swipeOutLeft .42s cubic-bezier(.23,1,.32,1) forwards}@keyframes swipeOutRight{0%{transform:translateZ(0) rotate(0) scale(1);opacity:1}to{transform:translate3d(140%,0,0) rotate(18deg) scale(.96);opacity:0}}@keyframes swipeOutLeft{0%{transform:translateZ(0) rotate(0) scale(1);opacity:1}to{transform:translate3d(-140%,0,0) rotate(-18deg) scale(.96);opacity:0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:.25rem}#match-app :where(button,a,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);outline-offset:2px}#match-app .btn-start:focus-visible,#match-app [data-action=go-screen]:focus-visible{transform:scale(1.05)}#match-app .action-btn:focus-visible{transform:scale(1.1)}.carousel-dot:focus-visible{box-shadow:var(--focus-ring)}.carousel-arrow:focus-visible{box-shadow:var(--focus-ring)}a:focus-visible{box-shadow:var(--focus-ring)}.skill-card:focus-visible{box-shadow:var(--focus-ring);border-color:var(--lskd-accent)}@media(prefers-reduced-motion:reduce){.intro-heart{animation:none}.profile-avatar:after{animation:none}.swipe-card{transition:transform .18s ease,opacity .18s ease}.swipe-card.animate-right{animation:swipeOutRightReduced .22s ease-out forwards}.swipe-card.animate-left{animation:swipeOutLeftReduced .22s ease-out forwards}}@keyframes swipeOutRightReduced{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(115%) rotate(10deg);opacity:0}}@keyframes swipeOutLeftReduced{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-115%) rotate(-10deg);opacity:0}}@media(max-height:700px){.card-stack{--card-image-height: 10.75rem}.card-body{padding:var(--space-3) var(--space-3);gap:var(--space-2)}.card-name{font-size:1.25rem}.card-stats{gap:4px}.card-blurb{font-size:.95rem;line-height:1.45}.feature-tag{font-size:.8125rem;padding:.25rem .6rem}.stat-value{font-size:.95rem}}@media(max-height:600px){#swipe{padding:var(--space-2) var(--space-4)}.swipe-header h2{font-size:1rem}.swipe-header p{font-size:.95rem}.card-counter{font-size:.8125rem;margin-bottom:var(--space-1)}.card-stack{--card-image-height: 9.25rem}.card-body{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.card-name{font-size:1.125rem}.card-blurb{font-size:.9rem}.feature-tag{font-size:.75rem;padding:.2rem .5rem}.stat-value{font-size:.9rem}.stat-label{font-size:.7rem}.action-btn{width:3.5rem;height:3.5rem;font-size:1.5rem}}@media(max-width:360px){.card-stack{width:95vw}.swipe-actions{gap:var(--space-3)}.action-btn{width:3.5rem;height:3.5rem;font-size:1.5rem}}@media(max-width:480px){.screen{padding:var(--space-3)}#intro{justify-content:flex-start;padding-top:1.75rem;padding-bottom:calc(1.375rem + env(safe-area-inset-bottom));gap:var(--space-3)}.intro-footer{position:static;margin-top:auto;padding-top:var(--space-2)}#swipe{justify-content:flex-start;gap:var(--space-3);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom))}.card-counter{margin-top:-2px}.card-stack{width:min(92vw,360px);margin:var(--space-2) 0 0}.swipe-actions{margin-top:var(--space-3);gap:var(--space-3)}.action-btn{width:4rem;height:4rem;font-size:1.75rem}.card-body{padding:var(--space-3) var(--space-3);gap:var(--space-2)}.card-name{font-size:1.25rem}.card-blurb{font-size:.95rem}.feature-tag{font-size:.8125rem;padding:.25rem .6rem}.stat-value{font-size:.95rem}.stat-label{font-size:.75rem}.profile-container{gap:var(--space-4)}.profile-avatar{width:100px;height:100px;font-size:2.5rem}.profile-name{font-size:1.75rem}.profile-bio{padding:16px;font-size:.875rem}.match-icon{width:44px;height:44px;border-radius:12px}}