*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:#fafafa;color:#111;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-content{text-align:center;max-width:360px;width:100%}.auth-emoji{font-size:48px;display:block;margin-bottom:16px}.auth-title{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.auth-subtitle{font-size:15px;color:#666;line-height:1.6;margin-bottom:32px}.auth-btn{width:100%;justify-content:center;padding:12px 24px;font-size:15px}.tab-bar{display:flex;flex-shrink:0;border-top:1px solid #eee;background:#fff;padding-bottom:env(safe-area-inset-bottom)}.tab-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;border:none;background:transparent;font-family:inherit;color:#aaa;cursor:pointer}.tab-bar-item.is-active{color:#111}.tab-bar-icon{font-size:20px}.tab-bar-label{font-size:11px;font-weight:500}.tab-bar-count{opacity:.6;font-weight:400}.tab-bar-count:before{content:" · "}.filter-bar{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;border-bottom:1px solid #eee;flex-shrink:0}.filter-chip{flex-shrink:0;border:1px solid #e8e8e8;background:#fff;color:#666;font-family:inherit;font-size:13px;font-weight:500;text-transform:capitalize;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .15s}.filter-chip.is-active{background:#111;border-color:#111;color:#fff}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;cursor:grab;-webkit-user-select:none;user-select:none}.swipe-card:active{cursor:grabbing}.swipe-card-name{font-size:32px;font-weight:700;letter-spacing:-.02em;text-align:center}.swipe-card-meaning{font-size:14px;color:#999;text-align:center}.swipe-stamp{position:absolute;top:24px;padding:6px 16px;border:3px solid;border-radius:8px;font-size:20px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.swipe-stamp-like{left:24px;color:#16a34a;border-color:#16a34a;transform:rotate(-12deg)}.swipe-stamp-nope{right:24px;color:#dc2626;border-color:#dc2626;transform:rotate(12deg)}.swipe-stamp-skip{left:50%;transform:translate(-50%);color:#999;border-color:#999}.swipe-screen{display:flex;flex-direction:column;align-items:center;height:100%;padding:24px 20px;gap:20px}.swipe-stack{position:relative;width:100%;max-width:340px;aspect-ratio:3 / 4;touch-action:none}.swipe-hints{display:flex;gap:24px;font-size:12px;color:#aaa;letter-spacing:.02em}.swipe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#999;text-align:center;padding:40px}.swipe-empty-emoji{font-size:40px}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#999;font-size:14px;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.8}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#111;color:#fff}.btn-ghost{background:transparent;color:#666;padding:8px 12px}.btn-ghost:hover{background:#f0f0f0;opacity:1}.card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px}.error-text{color:#dc2626;font-size:14px;margin-top:8px}.app-shell{display:flex;flex-direction:column;height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));border-bottom:1px solid #eee;flex-shrink:0}.app-name{font-size:14px;font-weight:600}.app-content{flex:1;overflow-y:auto;min-height:0}.name-list{max-width:480px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:10px}.name-list-empty{padding:60px 20px;text-align:center;color:#999;font-size:14px}.name-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:14px 16px}.name-item-info{min-width:0}.name-item-name{font-size:16px;font-weight:600}.name-item-meaning{font-size:13px;color:#999;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.icon-btn{border:none;background:transparent;font-size:18px;padding:8px;cursor:pointer;line-height:1;border-radius:8px;transition:transform .1s}.icon-btn:active{transform:scale(.9)}.icon-btn-loved{opacity:.3}.icon-btn-loved.is-loved{opacity:1}.gender-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-bottom:4px}.gender-badge-girl{background:#fce7f3;color:#be185d}.gender-badge-boy{background:#dbeafe;color:#1d4ed8}.gender-badge-unisex{background:#f3e8ff;color:#7e22ce}.loved-by{font-size:12px;color:#999;margin-top:2px}.match-star{font-size:18px}