*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#0f1221;color:#f7f7fb}.nav{display:flex;gap:16px;align-items:center;padding:14px 22px;background:#171a2e;position:sticky;top:0;z-index:10}.nav a{color:#fff;text-decoration:none}.nav .spacer{flex:1}.hamburger{font-size:26px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:10px;background:#252b4d}.sidebar-toggle{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;max-width:82vw;background:#171a2e;border-right:1px solid #2b3156;z-index:30;transform:translateX(-100%);transition:.2s ease;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:20px 0 60px #0008}.sidebar b{margin-bottom:12px}.sidebar a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:12px;background:#202542}.sidebar a:hover{background:#2b3156}.sidebar-close{position:absolute;right:14px;top:10px;font-size:32px;cursor:pointer;color:#aeb5dc}.sidebar-backdrop{position:fixed;inset:0;background:#0008;z-index:20;opacity:0;pointer-events:none;transition:.2s ease}.sidebar-toggle:checked~.sidebar{transform:translateX(0)}.sidebar-toggle:checked~.sidebar-backdrop{opacity:1;pointer-events:auto}.wrap{max-width:980px;margin:28px auto;padding:0 18px}.card{background:#181c33;border:1px solid #2b3156;border-radius:18px;padding:20px;margin:14px 0;box-shadow:0 12px 30px #0004}input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #3b426d;background:#0f1221;color:#fff;margin:8px 0}button,.btn{display:inline-block;border:0;border-radius:999px;padding:10px 16px;background:#ff4f8b;color:white;text-decoration:none;cursor:pointer;font:inherit;font-size:15px;line-height:1.2}.btn.secondary,button.secondary{background:#343b67}.btn.wa{background:#25D366;color:#fff}button.danger,.btn.danger{background:#b91c1c;color:#fff}.check-row{display:flex;gap:10px;align-items:center;margin:10px 0}.check-row input{width:auto;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.photo{width:100%;height:270px;object-fit:cover;border-radius:16px;background:#2b3156}video.photo{display:block}.photo-link{display:block}.detail-photo{height:auto;max-height:75vh;object-fit:contain;background:#080a14}.muted{color:#aeb5dc}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.alert{padding:12px;border-radius:12px;background:#263b24}.err{background:#4b1f2d}.msg{padding:10px 12px;border-radius:14px;background:#252b4d;margin:8px 0}.mine{background:#70405b;margin-left:20%}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #30365d;text-align:left}
.modal{display:none;position:fixed;inset:0;z-index:80}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#0009}.modal-card{position:relative;max-width:560px;max-height:88vh;overflow:auto;margin:6vh auto;padding:22px}.modal-card form{display:grid;gap:10px}.radio-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:4px 0 10px}.radio-row label{display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #2b3156;border-radius:12px;background:#171a2e}.radio-row input{width:auto;margin:0}.card{max-width:100%;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{vertical-align:top}td,th{word-break:break-word}.card table{display:block;overflow-x:auto;white-space:nowrap}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(max-width:640px){.wrap{padding:14px}.card{padding:14px;border-radius:14px}.grid{grid-template-columns:1fr}.row{gap:8px}.row form,.row a.btn,.row button{flex:1}.nav{gap:8px;padding:12px}.nav span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo{height:220px}.modal-card{width:92vw;margin:4vh auto;max-height:92vh}input,textarea,select,button,.btn{width:100%}.radio-row label{flex:1;min-width:130px}td form input{min-width:160px}}.nav .btn,.nav button{width:auto;min-width:auto;padding:8px 14px;line-height:1;white-space:nowrap}.nav form{margin:0;display:flex}.nav span:not(.spacer){white-space:nowrap}.nav{min-height:58px}@media(max-width:640px){.nav .btn,.nav button{width:auto;flex:0 0 auto;padding:8px 12px;font-size:14px}.nav form{flex:0 0 auto}.nav b{font-size:15px}.hamburger{flex:0 0 auto}.nav .spacer{flex:1 1 auto;min-width:8px}}.auth-card{max-width:420px;margin:40px auto;text-align:center}.auth-form{display:grid;gap:10px}.auth-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.auth-actions button,.auth-actions .btn{min-width:130px;text-align:center}@media(max-width:640px){.auth-card{margin:24px auto}.auth-actions{gap:10px}.auth-actions button,.auth-actions .btn{width:auto;flex:1 1 130px;max-width:190px}}.explore-head{justify-content:space-between;align-items:flex-end}.filter-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.filter-form label{font-size:13px;color:#aeb5dc;width:100%}.filter-form select{min-width:160px}@media(max-width:640px){.explore-head{align-items:stretch}.explore-head h2{width:100%;margin-bottom:4px}.filter-form{width:100%;justify-content:center}.filter-form select{flex:1;min-width:150px}.filter-form button{width:auto;flex:0 0 auto}}.explore-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;padding:20px;border:1px solid #2b3156;border-radius:22px;background:linear-gradient(135deg,#1c2140,#181c33 55%,#2a1830);box-shadow:0 14px 35px #0004}.explore-hero h2{margin:2px 0 6px;font-size:30px}.eyebrow{margin:0;color:#ff8ab3;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.filter-card{min-width:290px;padding:14px;border:1px solid #343b67;border-radius:18px;background:#111528}.filter-card label{display:block;margin-bottom:8px;color:#aeb5dc;font-size:13px}.filter-controls{display:flex;gap:10px}.filter-controls select{flex:1;min-width:150px}.explore-grid{align-items:stretch}.profile-card{display:flex;flex-direction:column;padding:14px;overflow:hidden}.profile-card .photo{height:300px;border-radius:18px}.profile-info h3{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0 8px;font-size:22px}.age-badge,.gender-pill{display:inline-flex;align-items:center;border:1px solid #3b426d;border-radius:999px;background:#101426;color:#dbe0ff}.age-badge{font-size:13px;padding:5px 9px}.gender-pill{font-size:12px;padding:5px 10px;text-transform:capitalize}.profile-info p{min-height:44px;color:#d7dbf6}.profile-actions{display:flex;gap:10px;margin-top:auto}.profile-actions form{flex:1;display:flex}.profile-actions button,.profile-actions .btn{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.like-btn{background:linear-gradient(135deg,#ff4f8b,#ff7a59)}.like-count{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#ffffff24;font-size:13px;font-weight:700}.empty-state{text-align:center;padding:36px;color:#aeb5dc}@media(max-width:720px){.explore-hero{align-items:stretch;flex-direction:column;padding:16px}.explore-hero h2{font-size:26px}.filter-card{min-width:0;width:100%}.filter-controls button{width:auto;flex:0 0 auto}.profile-card .photo{height:250px}.profile-actions{flex-direction:row}.profile-actions button,.profile-actions .btn{width:auto}}