:root{--accent:#b25cff;--accent-secondary:#f45cbb;--night:#090815;--night-card:#171528;--night-border:#352b4d}
html{background:var(--night);scroll-behavior:smooth}
body{background:radial-gradient(circle at top right,#24103e 0%,#100d20 32%,#080811 75%);color:#f5f3ff;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh}
button,input,textarea,select{font:inherit}button{transition:transform .16s ease,filter .2s ease}button:active{transform:scale(.97)}:focus-visible{outline:3px solid var(--accent-secondary)!important;outline-offset:3px}
#live{color:#f5f3ff}.live-wrap{max-width:1130px;grid-template-columns:245px minmax(0,1fr)}
.live-aside{background:#0d0d1ced;border-right:1px solid var(--night-border)}.live-brand{color:#fff}.live-brand small{color:#aca2c2}.live-aside-note{background:#201935;color:#c7b4df}.live-links button{color:#baaed0}.live-links button.active{background:#302044;color:#f1ccff}.live-main{padding-top:29px}.live-top h1{color:#fff;font-weight:850}.live-top p,.live-top .eyebrow{color:#bfb2d4}.live-profile-chip{background:#20192d;border-color:#463454;color:#e8dafa}
.live-banner{background:#251a36;border:1px solid #463557;color:#d9c9e9}.live-panel{background:linear-gradient(145deg,#21192ef2,#151521f8);border:1px solid var(--night-border);color:#f3f1ff;box-shadow:0 16px 40px #0505104d}.live-panel p,.live-small{color:#b9afca}.live-empty{color:#b4a8c8}.live-empty strong{color:#fff}.live-form label,.live-field-title{color:#e3d9f4}.live-form input,.live-form textarea,.live-form select,.live-search,.live-chat-form input{background:#141424;color:#f5f3ff;border:1px solid #493956;outline:none}.live-form input::placeholder,.live-chat-form input::placeholder,.live-form textarea::placeholder{color:#978da9}.live-form select option{background:#151322;color:white}
.live-button{background:#282038;border-color:#453550;color:#eee6ff}.live-button.primary{background:linear-gradient(100deg,#f86c93,#dc51cb 52%,var(--accent));border:none;color:white;box-shadow:0 12px 24px #b451d52a}.live-button.green{background:#214436;border-color:#254b3c;color:#72e1ae}.live-button.red{background:#47213d;border-color:#6b2e50;color:#ffb3c7}
.live-deck{max-width:440px}.live-card-meta span{background:#211a33;color:#e5d5f7}.live-card-meta span.common{background:#193829;color:#83ecb0}.live-gradient-card{height:500px;max-height:68svh;min-height:390px;border-radius:25px;background:linear-gradient(140deg,#623eb1,#e863bd);border:2px solid #403258;box-shadow:0 20px 44px #05040888;touch-action:pan-y;user-select:none;cursor:grab}.live-gradient-card.supbio{background:linear-gradient(140deg,#226f71,#6dc5a5)}.live-gradient-card:active{cursor:grabbing}.live-gradient-card:before{display:none}.live-gradient-card .live-photo-cover{object-fit:cover;width:100%;height:100%;pointer-events:none;user-select:none}.live-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#09061b44 0%,transparent 35%,#09061b18 60%,#080611ea 100%);pointer-events:none}.live-photo-progress{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:5px;z-index:3}.live-photo-progress span{height:4px;border-radius:4px;background:#ffffff63;flex:1}.live-photo-progress span.active,.live-photo-progress span.done{background:#fff;box-shadow:0 1px 6px #fff6}.live-photo-areas{position:absolute;inset:54px 0 122px;display:grid;grid-template-columns:1fr 1fr;z-index:2}.live-photo-areas button{border:none;background:transparent;cursor:pointer}.live-card-school{top:22px;left:13px;background:#130d28bb;border:1px solid #ffffff3f;color:#fff!important;z-index:3;border-radius:999px;backdrop-filter:blur(9px)}.live-gradient-card .live-card-name{left:17px;right:17px;bottom:17px;z-index:4;color:white;font-size:32px}.live-photo-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.live-photo-tags span{background:#ffffff25;color:white;border:1px solid #ffffff26;padding:7px 10px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:0;text-shadow:none}.live-gradient-card .live-card-location{margin-top:5px;color:#ede1ff}.live-swipe-label{position:absolute;top:85px;padding:8px 13px;border:3px solid currentColor;border-radius:12px;font-size:26px;font-weight:900;z-index:5;opacity:0;pointer-events:none;transform:rotate(-12deg)}.live-swipe-label.like{left:16px;color:#62ffba}.live-swipe-label.nope{right:16px;color:#ff677f;transform:rotate(12deg)}
.live-deck-actions button{width:60px;height:60px;border-radius:19px;background:#1e192d;border:1px solid #3f3051;color:#c9b5da;box-shadow:0 12px 24px #05040c66}.live-deck-actions button.pass{color:#ff6f8b}.live-deck-actions button.like{color:#ff80c4;background:#38213d;border:1px solid #75405d}.live-deck-actions button:last-child{font-size:21px}.live-chips button{background:#231d31;border:1px solid #483754;color:#d1c3df}.live-chips button.selected,.live-chips button.selected.green{color:#fff;background:linear-gradient(105deg,#8847e0,#ca54c3);border-color:transparent}.live-category{border-color:#413554}.live-category summary{color:#fff}.showcase-pill{background:#312340!important;color:#eedfff!important;border:1px solid #503a61!important}.live-item{background:#21182f;border:1px solid #463558;color:#f5ecff}.live-item:hover{border-color:#9f6ed2}.live-item-body small{color:#b4a6c6}.live-avatar{background:#5b3b75;color:#fff}.live-avatar.supbio{background:#1e5c53;color:#95efd3}.live-chat-log{background:#0f1020}.live-bubble{background:#312b42;color:#f3ebff;font-size:13px}.live-bubble.mine{background:linear-gradient(120deg,#7b51de,#ae48dd);color:#fff}
.live-auth{background:radial-gradient(circle at 15% 20%,#6025658a,transparent 45%),radial-gradient(circle at 75% 80%,#312e8f70,transparent 50%),#090915}.live-auth-card{background:#171326;border:1px solid #52335d;box-shadow:0 20px 70px #07050c80}.live-auth-card h1{color:white}.live-auth-card>p{color:#c3b5d5}.live-auth-tip{background:#30203e;color:#f2c3ed}.live-tiny,.live-pwa-link{color:#aa99bd}
.live-nav{background:#0b0b19fa!important;border-top:1px solid #392c4a!important}.live-nav button{color:#a394b5!important}.live-nav button.active{color:#ff84d3!important}.live-dialog-cover{background:#070511c7;backdrop-filter:blur(6px)}.live-dialog{background:#20192e;box-shadow:0 22px 50px #0008;border:1px solid #544064}.live-dialog h2{color:#fff}.live-dialog p{color:#c3b4d2}.live-toast{background:#30213b;border:1px solid #634570;color:#fff;bottom:95px;z-index:99}
.live-my-photos{grid-template-columns:repeat(3,1fr)}.live-my-photo{background:#181523;border:1px solid #3f304f;border-radius:15px;padding:5px}.live-my-photo img{border-radius:11px}.live-my-photo small{display:block;margin:4px;color:#c3b6d7}.live-photo-order{display:flex;gap:4px;justify-content:center}.live-photo-order button{position:static;flex:1;border:1px solid #55436b;background:#2e2240;border-radius:9px;color:#f3ecfa;font-size:14px;min-width:0}
.live-match-cover{position:fixed;inset:0;background:#090717d9;z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(15px);animation:cc-fade .28s ease}.live-match-box{text-align:center;border-radius:33px;padding:25px;background:radial-gradient(circle at top,#73396b88,transparent 52%),linear-gradient(150deg,#21142e,#121023);max-width:380px;width:100%;border:1px solid #784e8f;box-shadow:0 25px 75px #050409c9;display:grid;gap:15px;justify-items:center}.live-match-icon{font-size:50px;color:#ff73bf;animation:cc-pulse 1s ease infinite}.live-match-photo{width:175px;height:210px;border:4px solid #f5c6ed;border-radius:25px;overflow:hidden;box-shadow:0 10px 34px #0008}.live-match-photo img{width:100%;height:100%;object-fit:cover}.live-match-box h2{font-size:35px;margin:0;letter-spacing:-1.5px}.live-match-box p{font-size:13px;color:#dfcdea;margin:0}.live-match-box .live-button{width:100%}
.live-review-item{padding:12px 0;border-top:1px solid #574062;display:grid;gap:10px}.live-review-item b,.live-review-item p{color:white}.live-review-item small{color:#c3b5d5}.live-review-item button{width:max-content;max-width:100%;border:1px solid #5f466b;color:#f7e6ff;background:#322343;border-radius:10px;padding:10px}
@keyframes cc-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cc-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@media(max-width:820px){.live-main{padding-top:16px}.live-top{margin-bottom:14px}.live-banner{margin-bottom:13px}.live-gradient-card{height:min(107vw,520px);min-height:370px}.live-nav{padding-bottom:calc(9px + env(safe-area-inset-bottom))}.live-card-meta{margin-bottom:9px}.live-panel{padding:18px}}
@media(max-width:430px){.live-main{padding:15px 12px 105px}.live-top h1{font-size:24px}.live-card-name{font-size:29px}.live-gradient-card{height:min(116vw,510px);min-height:350px}.live-deck-actions button{width:57px;height:57px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.brandmark{display:inline-block;flex:none;width:29px;height:29px;border-radius:11px;background:linear-gradient(135deg,#fe70ab,#894dff);box-shadow:0 8px 18px #ae4ce74a;position:relative}.brandmark::after{content:'♥';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:17px}.live-brand{gap:11px}
.live-auth-card .live-brand{font-size:20px}.live-auth-card .live-brand small{font-size:10px;margin-top:3px}.live-auth-card .live-brand .brandmark{width:40px;height:40px;border-radius:14px}.live-auth-card .live-brand .brandmark::after{font-size:22px}