*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gradient-primary:linear-gradient(135deg, #ff6b6b, #c850c0, #4158d0);--color-like:#00e676;--color-nope:#ff5252;--color-bg:#121212;--color-surface:#ffffff14;--color-text:#fff;--color-text-secondary:#fff9;--radius-card:16px;--radius-btn:50%;--shadow-card:0 8px 32px #0000004d}html,body,#root{height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif}.app{background:radial-gradient(ellipse at 20% 50%, #c850c026 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #4158d01f 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #ff6b6b1a 0%, transparent 50%), var(--color-bg);flex-direction:column;height:100%;display:flex}.app__header{text-align:center;flex-shrink:0;padding:16px 24px}.app__logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.app__main{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 20px 20px;display:flex}.card-stack{width:100%;max-width:380px;height:520px;position:relative}.card-stack__card-wrapper{will-change:transform;justify-content:center;width:100%;display:flex}.card-stack__empty{color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:520px;display:flex}.card-stack__empty-icon{font-size:64px}.card-stack__empty p{color:var(--color-text);font-size:22px;font-weight:600}.swipe-card{border-radius:var(--radius-card);width:100%;max-width:340px;height:480px;box-shadow:var(--shadow-card);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#2a2a2a;position:relative;overflow:hidden}.swipe-card--top{cursor:grab}.swipe-card__img{object-fit:cover;pointer-events:none;width:100%;height:100%}.swipe-card__stamp{letter-spacing:4px;pointer-events:none;border:4px solid;border-radius:8px;padding:8px 16px;font-size:36px;font-weight:800;transition:opacity .1s;position:absolute;top:50px}.swipe-card__stamp--like{border-color:var(--color-like);color:var(--color-like);transform-origin:0;left:20px}.swipe-card__stamp--nope{border-color:var(--color-nope);color:var(--color-nope);transform-origin:100%;right:20px}.swipe-card__info{background:linear-gradient(#0000 0%,#000c 100%);padding:60px 20px 24px;position:absolute;bottom:0;left:0;right:0}.swipe-card__name{text-shadow:0 1px 4px #00000080;margin-bottom:4px;font-size:28px;font-weight:700}.swipe-card__bio{color:#ffffffd9;text-shadow:0 1px 2px #00000080;margin-bottom:4px;font-size:14px}.swipe-card__distance{color:#fff9;text-shadow:0 1px 2px #00000080;font-size:13px;display:inline-block}.action-buttons{z-index:20;justify-content:center;gap:24px;margin-top:24px;display:flex;position:relative}.action-btn{border-radius:var(--radius-btn);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;border:2px solid #ffffff26;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;transition:background .2s,border-color .2s;display:flex}.action-btn--pass{border-color:#ff52524d}.action-btn--pass:hover{border-color:var(--color-nope);background:#ff525233}.action-btn--like{border-color:#00e6764d}.action-btn--like:hover{border-color:var(--color-like);background:#00e67633}.action-btn--info:hover{background:#ffffff26;border-color:#fff6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.profile-modal{background:#1e1e1e;border-radius:24px 24px 0 0;width:100%;max-width:420px;max-height:90vh;overflow:hidden auto}.profile-modal__img-wrap{width:100%;height:320px;position:relative}.profile-modal__img{object-fit:cover;width:100%;height:100%}.profile-modal__img-overlay{background:linear-gradient(#0000,#1e1e1e);height:120px;position:absolute;bottom:0;left:0;right:0}.profile-modal__content{padding:0 24px 32px}.profile-modal__name{margin-bottom:4px;font-size:30px;font-weight:700}.profile-modal__distance{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px}.profile-modal__section{margin-bottom:20px}.profile-modal__section h3{color:var(--color-text-secondary);margin-bottom:8px;font-size:16px;font-weight:600}.profile-modal__section p{color:#ffffffd9;font-size:15px;line-height:1.6}.profile-modal__tags{flex-wrap:wrap;gap:8px;display:flex}.profile-modal__tag{background:var(--gradient-primary);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.profile-modal__close{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:opacity .2s}.profile-modal__close:hover{opacity:.9}.match-modal{align-items:center}.match-modal__content{text-align:center;width:100%;max-width:380px;padding:40px;position:relative}.match-modal__title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:26px;font-weight:700}.match-modal__avatars{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.match-modal__avatar-wrap{border:3px solid #fff;border-radius:50%;width:100px;height:100px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.match-modal__avatar{object-fit:cover;width:100%;height:100%}.match-modal__heart-icon{color:#ff6b6b;text-shadow:0 0 20px #ff6b6b80;font-size:36px}.match-modal__name{color:var(--color-text-secondary);margin-bottom:32px;font-size:18px}.match-modal__buttons{flex-direction:column;gap:12px;display:flex}.match-modal__btn{cursor:pointer;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:600;transition:opacity .2s}.match-modal__btn:hover{opacity:.9}.match-modal__btn--message{background:var(--gradient-primary);color:#fff}.match-modal__btn--continue{background:var(--color-surface);color:#fff;border:1px solid #ffffff26}.match-modal__heart-particle{color:#ff6b6b;pointer-events:none;font-size:24px;position:absolute}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}