:root{--navy:#10182c;--navy2:#18233d;--cream:#fff9f1;--coral:#ff5f76;--pink:#ff7890;--muted:#6f7686;--line:#e9e5df;--white:#fff;--shadow:0 20px 60px rgba(16,24,44,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#fff;color:var(--navy)}button,input,select,textarea{font:inherit}.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0ede8;position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);z-index:30}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;color:var(--navy)}.brand-mark,.mini-logo,.side-brand span,.auth-logo{background:linear-gradient(135deg,var(--coral),#ff9e7d);color:#fff;border-radius:14px;font-family:Nunito;font-weight:900}.brand-mark{width:42px;height:42px;display:grid;place-items:center}.brand b{display:block;font-family:Nunito;font-size:20px;line-height:18px}.brand small{font-size:10px;letter-spacing:1.5px}.top-actions{display:flex;gap:10px}.primary-btn,.secondary-btn,.ghost-btn,.text-btn,.filter-btn{border:0;border-radius:13px;padding:12px 18px;font-weight:800;cursor:pointer}.primary-btn{background:var(--coral);color:#fff;box-shadow:0 10px 24px rgba(255,95,118,.22)}.primary-btn:hover{transform:translateY(-1px)}.secondary-btn{background:#fff;color:var(--navy);border:1px solid var(--line)}.ghost-btn,.text-btn{background:transparent;color:var(--navy)}.large{padding:15px 22px}.full{width:100%}.screen{display:none}.screen.active{display:block}.hero-grid{min-height:680px;padding:70px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;background:radial-gradient(circle at 80% 10%,#ffe4e8 0,transparent 34%),linear-gradient(180deg,#fff,#fffaf5)}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--coral)}h1,h2,h3{font-family:Nunito;margin:0}.hero-copy h1{font-size:clamp(52px,7vw,88px);line-height:.94;margin:18px 0 24px}.hero-copy h1 span{color:var(--coral)}.hero-copy p{font-size:19px;line-height:1.7;max-width:650px;color:#4c5569}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;gap:36px;margin-top:35px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:22px}.trust-row span{font-size:12px;color:var(--muted)}.phone-wrap{display:grid;place-items:center}.phone{width:360px;background:var(--navy);padding:15px;border-radius:42px;box-shadow:0 35px 70px rgba(16,24,44,.26)}.phone-head{height:60px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.mini-logo{width:38px;height:38px;display:grid;place-items:center}.campus-pill{font-size:11px;background:#27324a;padding:10px 12px;border-radius:999px}.profile-card{position:relative;border-radius:28px;overflow:hidden;background:#ddd}.hero-card{height:480px}.profile-card img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.82))}.profile-info{position:absolute;left:22px;right:22px;bottom:22px;color:#fff}.profile-info h3{font-size:30px}.name-row{display:flex;align-items:center;gap:8px}.verified{display:inline-grid;place-items:center;background:#4da6ff;color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px}.profile-info p{margin:5px 0 10px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chips span{background:rgba(255,255,255,.16);padding:6px 9px;border-radius:999px;font-size:11px}.profile-info small{font-size:13px;line-height:1.5}.swipe-actions{display:flex;justify-content:center;gap:22px;padding:18px 0 4px}.swipe-actions button,.round{width:58px;height:58px;border-radius:50%;border:0;background:#fff;font-size:22px}.swipe-actions button:nth-child(2){color:#f6b900}.swipe-actions button:nth-child(3){color:var(--coral)}.feature-section,.pricing-block{padding:90px 7vw}.section-head{max-width:720px;margin-bottom:38px}.section-head h2,.pricing-copy h2{font-size:44px;margin-top:8px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{background:var(--cream);padding:28px;border-radius:24px}.feature-grid .icon{font-size:28px}.feature-grid h3{font-size:20px;margin:18px 0 8px}.feature-grid p{color:var(--muted);line-height:1.6}.pricing-block{display:grid;grid-template-columns:1fr 430px;gap:60px;align-items:center;background:var(--navy);color:#fff}.pricing-copy p{color:#c8cede;line-height:1.7}.price-card{background:#fff;color:var(--navy);padding:30px;border-radius:28px}.price-top{display:flex;justify-content:space-between;align-items:center}.price-top span{font-family:Nunito;font-weight:900}.price-top b{font-size:11px;background:#fff0f2;color:var(--coral);padding:7px 9px;border-radius:999px}.price{display:flex;align-items:end;gap:6px;margin:24px 0}.price strong{font-size:54px;font-family:Nunito}.price span{color:var(--muted);margin-bottom:10px}.price-card ul{list-style:none;padding:0;margin:0 0 26px}.price-card li{padding:9px 0}.auth-screen{min-height:calc(100vh - 76px);background:linear-gradient(140deg,#fff8f1,#ffeef1);padding:55px 20px}.auth-card{max-width:560px;margin:auto;background:#fff;padding:34px;border-radius:28px;box-shadow:var(--shadow)}.auth-card.wide{max-width:760px}.back-link{border:0;background:none;padding:0;margin-bottom:25px;color:var(--muted);cursor:pointer}.auth-logo{width:58px;height:58px;display:grid;place-items:center;font-size:22px;margin-bottom:18px}.auth-card h2{font-size:34px;margin:8px 0}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.auth-card label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:13px}.auth-card input,.auth-card select,.auth-card textarea,.search-box{border:1px solid var(--line);border-radius:13px;padding:13px 14px;outline:none;background:#fff}.auth-card textarea{min-height:95px;resize:vertical}.check{flex-direction:row!important;align-items:center;margin:18px 0 22px;font-weight:500!important}.search-box{width:100%;margin:18px 0}.school-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.school-option{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;cursor:pointer}.school-option.selected{border-color:var(--coral);background:#fff4f6}.school-option b{display:block}.school-option span{font-size:12px;color:var(--muted)}.interest-picks{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 24px}.interest{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:#fff;cursor:pointer}.interest.selected{border-color:var(--coral);background:#fff0f3;color:var(--coral)}.verify-box{text-align:center;background:var(--cream);padding:30px;border-radius:20px;margin:25px 0}.verify-box:first-letter{font-size:32px}.app-screen{min-height:100vh;background:#f7f7f8}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;font-size:21px;margin-bottom:34px}.side-brand span{width:38px;height:38px;display:grid;place-items:center}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;color:#c7cedd;border-radius:12px;text-align:left;padding:13px 14px;font-weight:700;cursor:pointer}.nav-item.active,.nav-item:hover{background:#25314b;color:#fff}.premium-mini{margin-top:auto;border:1px solid #3b4966;background:#202c45;color:#fff;border-radius:16px;padding:15px;text-align:left;cursor:pointer}.premium-mini b,.premium-mini small{display:block}.premium-mini b{color:#ff8ea1}.premium-mini small{margin-top:4px;color:#bac2d2}.app-content{padding:38px 5vw}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.app-header h2{font-size:34px;margin-top:5px}.filter-btn{background:#fff;border:1px solid var(--line)}.discover-layout{display:grid;grid-template-columns:minmax(300px,480px) 300px;gap:30px;align-items:start;justify-content:center}.discover-card{height:600px;border-radius:28px;overflow:hidden;position:relative;background:#ddd;box-shadow:var(--shadow)}.discover-card img{width:100%;height:100%;object-fit:cover}.match-insight{background:#fff;padding:24px;border-radius:22px}.match-insight h3{font-size:24px;margin:7px 0}.match-insight p{color:var(--muted);line-height:1.6}.stat{display:flex;gap:10px;align-items:end;margin:25px 0}.stat b{font-size:36px}.stat span{font-size:12px;color:var(--muted);margin-bottom:5px}.action-row{display:flex;justify-content:center;gap:18px;margin-top:22px}.round{box-shadow:0 8px 22px rgba(16,24,44,.12);cursor:pointer}.round.pass{color:#596174}.round.super{color:#f3b600}.round.like{background:var(--coral);color:#fff}.home-campus-card{background:linear-gradient(135deg,var(--navy),#293653);color:#fff;padding:30px;border-radius:24px;display:flex;justify-content:space-between;align-items:center}.home-campus-card h3{font-size:28px;margin:6px 0}.home-campus-card p{color:#c8cede}.subheading{font-size:22px;margin:34px 0 18px}.campus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.campus-card{background:#fff;border-radius:20px;padding:22px;border:1px solid #eee}.campus-card .lock{float:right}.campus-card h3{font-size:19px;margin:20px 0 6px}.campus-card p{color:var(--muted);font-size:13px}.campus-card button{margin-top:10px;width:100%}.empty-state{max-width:600px;margin:100px auto;text-align:center;background:#fff;padding:55px 35px;border-radius:24px}.empty-state>div{font-size:48px}.empty-state h3{font-size:27px;margin:15px}.empty-state p{color:var(--muted);line-height:1.6}.messages-shell{display:grid;grid-template-columns:320px 1fr;background:#fff;border-radius:22px;overflow:hidden;min-height:620px}.thread-list{border-right:1px solid var(--line)}.thread{display:flex;gap:12px;padding:18px;border-bottom:1px solid #f1efec}.thread.active{background:#fff5f6}.avatar{width:46px;height:46px;border-radius:50%;background:#ffe0e5;display:grid;place-items:center;font-weight:900;color:var(--coral);flex:0 0 auto}.thread b,.thread span{display:block}.thread span{font-size:12px;color:var(--muted);margin-top:4px}.chat{display:flex;flex-direction:column}.chat-head{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.chat-head small{display:block;color:var(--muted);margin-top:3px}.chat-body{padding:25px;flex:1;background:#fbfbfc}.bubble{max-width:70%;padding:12px 15px;border-radius:16px;margin-bottom:12px}.bubble.other{background:#fff;border:1px solid var(--line)}.bubble.me{background:var(--coral);color:#fff;margin-left:auto}.chat-input{display:flex;padding:14px;border-top:1px solid var(--line);gap:8px}.chat-input input{flex:1;border:1px solid var(--line);border-radius:14px;padding:12px}.chat-input button{width:46px;border-radius:14px;border:0;background:var(--coral);color:#fff}.profile-page{max-width:760px;margin:50px auto;text-align:center}.profile-avatar{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--coral),#ffb181);display:grid;place-items:center;color:#fff;font:900 44px Nunito;margin:0 auto 18px}.profile-page h2{font-size:34px}.profile-page>p{color:var(--muted)}.profile-actions{display:flex;justify-content:center;gap:10px;margin:24px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.settings-grid article{background:#fff;padding:20px;border-radius:18px}.settings-grid b,.settings-grid span{display:block}.settings-grid span{color:var(--muted);font-size:13px;margin-top:7px}.premium-page{min-height:100vh;padding:45px 20px;background:radial-gradient(circle at top,#ffdae0,transparent 36%),var(--navy);color:#fff}.premium-page>.back-link{color:#fff;display:block;max-width:980px;margin:0 auto 30px}.premium-hero{text-align:center;max-width:760px;margin:50px auto 25px}.premium-hero .crown{font-size:42px;color:#ffd25d}.premium-hero h1{font-size:58px;margin:10px 0}.premium-hero p{color:#c8cede;line-height:1.7;font-size:17px}.premium-card{max-width:520px;margin:30px auto;background:#fff;color:var(--navy);padding:32px;border-radius:28px;text-align:center}.premium-card .price{justify-content:center}.premium-features{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:13px;margin:28px 0}.premium-card small{display:block;color:var(--muted);margin-top:12px}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy p{margin:auto}.hero-actions,.trust-row{justify-content:center}.feature-grid{grid-template-columns:1fr 1fr}.pricing-block{grid-template-columns:1fr}.app-shell{grid-template-columns:80px 1fr}.sidebar{padding:20px 10px}.side-brand b,.nav-item span,.premium-mini small{display:none}.side-brand{justify-content:center}.nav-item{text-align:center;font-size:20px}.premium-mini{text-align:center}.discover-layout{grid-template-columns:1fr}.match-insight{display:none}.campus-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.top-actions .ghost-btn{display:none}.topbar{padding:0 16px}.hero-grid{padding:45px 20px}.hero-copy h1{font-size:53px}.phone{width:min(355px,95vw)}.feature-section,.pricing-block{padding:60px 20px}.feature-grid{grid-template-columns:1fr}.section-head h2,.pricing-copy h2{font-size:34px}.trust-row{gap:18px;flex-wrap:wrap}.form-grid,.school-list{grid-template-columns:1fr}.app-shell{display:block}.sidebar{position:fixed;bottom:0;left:0;right:0;height:70px;z-index:20;flex-direction:row;align-items:center;padding:8px 12px}.side-brand,.premium-mini{display:none}.sidebar nav{width:100%;flex-direction:row;justify-content:space-around}.nav-item{padding:10px}.nav-item span{display:none}.app-content{padding:25px 16px 95px}.discover-card{height:560px}.campus-grid{grid-template-columns:1fr}.messages-shell{grid-template-columns:1fr}.thread-list{display:none}.settings-grid{grid-template-columns:1fr}.premium-hero h1{font-size:42px}.premium-features{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions button{width:100%}}
.verification-status{margin-top:14px;padding:10px 12px;border-radius:12px;background:#fff;color:var(--muted);font-size:13px;font-weight:800}.verification-status.ok{background:#e9f9ef;color:#18733a}.verification-status.bad{background:#fff0f2;color:#ad2940}.photo-upload-drop{margin:24px 0 18px!important;border:2px dashed #efb8c1;border-radius:20px;padding:28px!important;align-items:center!important;text-align:center;cursor:pointer;background:#fff8f9}.photo-upload-drop span{font-size:34px}.photo-upload-drop b{font-size:18px}.photo-upload-drop small{font-weight:500;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.photo-tile{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#f3f3f4;border:1px solid var(--line)}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile .photo-main{position:absolute;left:8px;bottom:8px;background:rgba(16,24,44,.82);color:#fff;font-size:10px;font-weight:900;padding:6px 8px;border-radius:999px}.photo-tile button{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.92);cursor:pointer}.photo-progress{min-height:20px;color:var(--muted);font-size:13px;margin-bottom:12px}.profile-avatar.has-photo{background-size:cover;background-position:center;color:transparent}@media(max-width:700px){.photo-grid{grid-template-columns:repeat(2,1fr)}}
[hidden]{display:none!important}
.premium-card .secondary-btn{margin-top:10px}

/* ============================================================
   PHIL Luxury Dating UI — Hinge/Tinder-inspired, original layout
   Discover redesign + global premium polish
   ============================================================ */
:root{
  --phil-ink:#0b1224;
  --phil-navy:#101a31;
  --phil-navy-soft:#17233e;
  --phil-coral:#ff6078;
  --phil-coral-dark:#ef4f69;
  --phil-bg:#f7f7f5;
  --phil-surface:#ffffff;
  --phil-border:#e8e8e4;
  --phil-text-soft:#727887;
  --phil-shadow:0 28px 80px rgba(11,18,36,.14);
  --phil-shadow-soft:0 14px 42px rgba(11,18,36,.09);
}

body{background:var(--phil-bg);color:var(--phil-ink);letter-spacing:-.01em}
.topbar{height:72px;padding:0 34px;border-bottom:1px solid rgba(11,18,36,.07);box-shadow:none;background:rgba(255,255,255,.93)}
.brand{gap:11px}.brand-mark{width:40px;height:40px;border-radius:13px;box-shadow:0 8px 18px rgba(255,96,120,.18)}
.brand b{font-size:19px;letter-spacing:.01em}.brand small{font-size:9px;letter-spacing:2px}
.campus-pill{background:#eef0f4;color:#606879;font-weight:700}

.app-screen{background:var(--phil-bg)}
.app-shell{grid-template-columns:112px minmax(0,1fr);min-height:calc(100vh - 72px)}
.sidebar{background:var(--phil-navy);padding:24px 12px 20px;align-items:center;border-right:0}
.side-brand{flex-direction:column;gap:8px;margin:2px 0 30px;font-size:12px;letter-spacing:.04em}
.side-brand span{width:42px;height:42px;border-radius:14px;font-size:15px}
.side-brand b{font-size:12px;color:#f9fafc}
.sidebar nav{width:100%;gap:10px}
.nav-item{padding:12px 7px;text-align:center;border-radius:16px;font-size:18px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#929db4;transition:.18s ease}
.nav-item span{font-size:10px;line-height:1.1;letter-spacing:.01em;font-weight:700}
.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateY(-1px)}
.premium-mini{width:100%;padding:11px 5px;text-align:center;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.premium-mini b{font-size:12px;color:#ff8da0}.premium-mini small{display:none}

.app-content{padding:38px clamp(28px,5vw,72px) 42px}
.app-header{max-width:1180px;margin:0 auto 22px}
.app-header h2{font-size:clamp(29px,3vw,39px);font-weight:900;letter-spacing:-.035em;margin-top:4px}
.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--phil-coral);font-weight:900}
.filter-btn{border:1px solid var(--phil-border);background:rgba(255,255,255,.88);box-shadow:0 5px 20px rgba(11,18,36,.04);padding:10px 14px;border-radius:999px;font-size:13px}
.discover-tools{display:flex;align-items:center;gap:10px}
.remaining-pill{height:39px;display:flex;align-items:center;gap:6px;padding:0 13px;border:1px solid var(--phil-border);background:#fff;border-radius:999px;color:var(--phil-text-soft)}
.remaining-pill b{font-family:Nunito;font-size:17px;color:var(--phil-ink)}
.remaining-pill span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}

.discover-content{min-height:calc(100vh - 72px);display:flex;flex-direction:column}
.luxury-discover{display:block;flex:1;max-width:1180px;width:100%;margin:0 auto}
.discover-stage{width:min(100%,590px);margin:0 auto;display:flex;flex-direction:column;align-items:center}
.discover-card{width:100%;height:min(68vh,720px);min-height:570px;border-radius:32px;background:#d9dce2;box-shadow:var(--phil-shadow);border:1px solid rgba(255,255,255,.7);overflow:hidden;isolation:isolate}
.discover-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none;z-index:4}
.discover-card img{transform:scale(1.002);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.discover-card:hover img{transform:scale(1.018)}
.discover-card .overlay{background:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(4,7,14,.08) 54%,rgba(4,7,14,.88) 100%)}
.discover-card .profile-info{left:28px;right:28px;bottom:28px;text-shadow:0 2px 20px rgba(0,0,0,.18)}
.discover-card .profile-info h3{font-size:clamp(32px,4vw,42px);font-weight:900;letter-spacing:-.035em}
.discover-card .profile-info p{font-size:15px;font-weight:700;margin:6px 0 11px;color:rgba(255,255,255,.95)}
.discover-card .profile-info small{font-size:14px;line-height:1.55;color:rgba(255,255,255,.93);display:block;max-width:94%}
.discover-card .chips span{background:rgba(13,19,31,.55);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);font-size:11px;padding:7px 10px}
.discover-card .verified{width:22px;height:22px;font-size:12px;background:#3898ff}

.luxury-actions{margin:18px 0 0;gap:22px;width:100%;display:flex;justify-content:center;align-items:center}
.luxury-actions .round{display:grid;place-items:center;cursor:pointer;border:1px solid var(--phil-border);background:#fff;box-shadow:var(--phil-shadow-soft);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.luxury-actions .round:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(11,18,36,.13)}
.luxury-actions .round:active{transform:translateY(0) scale(.97)}
.luxury-actions .pass{width:58px;height:58px;color:#566072;font-size:21px}
.luxury-actions .super{width:54px;height:54px;color:#b98a10;background:#fffdf7;font-size:19px}
.luxury-actions .like{width:66px;height:66px;border:0;background:var(--phil-coral);color:white;font-size:24px;box-shadow:0 14px 34px rgba(255,96,120,.30)}
.luxury-actions .like:hover{background:var(--phil-coral-dark);box-shadow:0 18px 38px rgba(255,96,120,.36)}
.discover-hint{margin:14px 0 0;color:#8a8f9c;font-size:11px;text-align:center;letter-spacing:.01em}
.inline-link{border:0;background:transparent;padding:0;color:var(--phil-ink);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c8cbd1}
.match-insight{display:none!important}

/* More refined surfaces across the rest of the app */
.home-campus-card,.campus-card,.messages-shell,.settings-grid article,.auth-card,.premium-card,.feature-grid article{border:1px solid var(--phil-border);box-shadow:0 12px 38px rgba(11,18,36,.055)}
.campus-card,.settings-grid article{border-radius:22px}
.messages-shell{border-radius:26px}
.primary-btn{background:var(--phil-coral);box-shadow:0 10px 24px rgba(255,96,120,.18)}
.primary-btn:hover{background:var(--phil-coral-dark)}
.secondary-btn{border-color:var(--phil-border)}
.profile-page{max-width:820px}.profile-avatar{box-shadow:0 16px 44px rgba(11,18,36,.12)}
.toast{border-radius:16px;box-shadow:0 18px 52px rgba(11,18,36,.22)}

@media(max-width:1000px){
  .app-shell{grid-template-columns:84px minmax(0,1fr)}
  .sidebar{padding-left:8px;padding-right:8px}
  .side-brand b,.nav-item span{display:none}
  .nav-item{padding:12px 4px;font-size:20px}
  .discover-card{width:min(100%,560px)}
}

@media(max-width:700px){
  .topbar{height:64px;padding:0 14px}.topbar .campus-pill{display:none}
  .app-shell{display:block;min-height:100vh}
  .sidebar{position:fixed;left:12px;right:12px;bottom:10px;height:68px;border-radius:24px;z-index:50;padding:8px 8px;background:rgba(16,26,49,.96);backdrop-filter:blur(20px);box-shadow:0 16px 46px rgba(11,18,36,.25)}
  .sidebar nav{flex-direction:row;justify-content:space-around;gap:2px}.side-brand,.premium-mini{display:none}
  .nav-item{flex:1;font-size:19px;border-radius:16px;padding:10px 5px}.nav-item span{display:none}
  .app-content{padding:23px 15px 100px}
  .discover-content{min-height:calc(100vh - 64px)}
  .discover-header{margin-bottom:15px}.discover-header h2{font-size:27px}.discover-header .eyebrow{font-size:9px}
  .filter-btn span{display:none}.filter-btn{width:39px;height:39px;padding:0;display:grid;place-items:center}
  .remaining-pill{height:38px;padding:0 11px}.remaining-pill span{display:none}
  .discover-stage{width:100%}
  .discover-card{height:min(68vh,650px);min-height:520px;border-radius:28px}
  .discover-card .profile-info{left:22px;right:22px;bottom:24px}
  .discover-card .profile-info h3{font-size:34px}
  .luxury-actions{gap:20px;margin-top:15px}.luxury-actions .like{width:64px;height:64px}.luxury-actions .pass{width:56px;height:56px}.luxury-actions .super{width:52px;height:52px}
  .discover-hint{margin-top:11px}
}

@media(max-width:420px){
  .app-content{padding-left:10px;padding-right:10px}
  .discover-card{height:66vh;min-height:500px;border-radius:25px}
  .discover-header h2{font-size:24px}
}


/* ============================================================
   PHIL visual embed update — generated artwork inside the site
   ============================================================ */
.discover-with-moodboard{display:grid;grid-template-columns:minmax(0,620px) 320px;gap:28px;align-items:start}
.discover-love-banner{width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;background:linear-gradient(135deg,#f3eefc 0%,#eef9f1 100%);border:1px solid var(--phil-border);box-shadow:var(--phil-shadow-soft);border-radius:28px;padding:18px;margin-bottom:18px;overflow:hidden}
.love-copy h3,.mood-rail-card h3,.campus-hero-copy h3,.matches-hero-copy h3,.presence-copy h3{font-size:24px;line-height:1.05;margin:6px 0 8px}
.love-copy p,.mood-rail-card p,.campus-hero-copy p,.matches-hero-copy p,.presence-copy p{color:var(--phil-text-soft);line-height:1.6;margin:0}
.love-stack{position:relative;min-height:170px}
.love-stack img{position:absolute;right:0;top:0;width:74%;border-radius:18px;box-shadow:0 18px 36px rgba(11,18,36,.12);border:1px solid rgba(255,255,255,.7)}
.love-stack img:first-child{left:0;top:18px;width:68%;transform:rotate(-5deg)}
.discover-mood-rail{display:flex;flex-direction:column;gap:18px}
.mood-rail-card,.mood-quote-card,.campus-hero-visual,.matches-hero-card,.presence-showcase{background:#fff;border:1px solid var(--phil-border);border-radius:28px;box-shadow:var(--phil-shadow-soft)}
.mood-rail-card{padding:18px}
.mood-rail-card img{width:100%;display:block;border-radius:20px;margin-top:14px}
.mood-quote-card{padding:20px;background:linear-gradient(160deg,#1d2846,#4e3c7b 55%,#5e9f77);color:#fff}
.mini-hearts{font-size:14px;letter-spacing:4px;opacity:.8;margin-bottom:12px}
.mood-quote-card p{margin:0;line-height:1.65;color:rgba(255,255,255,.95)}

.campus-content,.matches-content,.messages-content{max-width:1240px;margin:0 auto}
.campus-hero-visual,.matches-hero-card,.presence-showcase{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:20px;padding:20px;margin:26px 0 10px;align-items:center}
.campus-hero-visual img,.matches-hero-card img,.presence-showcase img{width:100%;display:block;border-radius:20px;border:1px solid var(--phil-border)}
.matches-feature-shell{display:grid;gap:24px}
.matches-dynamic-state{margin:0;max-width:none}
.matches-grid-live{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

.presence-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.presence-pill{padding:10px 14px;border-radius:999px;background:#f2f4f8;border:1px solid var(--phil-border);font-size:12px;font-weight:800;color:#5e6778}
.presence-pill.active{background:#eaf9f0;color:#18733a}
.presence-pill.ghost{background:#f6f0fb;color:#6c4da7}
.duo-avatar{position:relative;width:58px;height:46px;flex:0 0 58px}
.duo-avatar img{position:absolute;width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 8px 16px rgba(11,18,36,.12)}
.duo-avatar img:first-child{left:0;top:4px;z-index:2}
.duo-avatar img:last-child{right:0;top:4px}
.duo-avatar.small{width:52px;height:40px;flex:0 0 52px}
.duo-avatar.small img{width:34px;height:34px}
.thread{align-items:center;background:none;border:0;width:100%;text-align:left;cursor:pointer}
.thread span{display:block;color:var(--phil-text-soft);font-size:13px;line-height:1.45;margin-top:4px}
.thread.active{background:#f4f7fb}
.chat-head{display:flex;align-items:center;gap:12px}
.presence-inline{display:flex;align-items:center;gap:10px;margin-top:14px;color:#667085;font-size:13px;font-weight:700}
.typing-dots{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border-radius:999px;background:#eef2f7}
.typing-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#718096;animation:philTyping 1.2s infinite ease-in-out}
.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes philTyping{0%,80%,100%{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}

@media(max-width:1100px){
  .discover-with-moodboard{grid-template-columns:1fr}
  .discover-mood-rail{order:-1}
  .campus-hero-visual,.matches-hero-card,.presence-showcase{grid-template-columns:1fr}
}
@media(max-width:700px){
  .discover-love-banner{grid-template-columns:1fr;padding:16px}
  .love-stack{min-height:220px}
  .mood-rail-card,.mood-quote-card,.campus-hero-visual,.matches-hero-card,.presence-showcase{border-radius:22px}
  .messages-shell{grid-template-columns:1fr}
  .thread-list{border-right:0;border-bottom:1px solid var(--phil-border)}
}

/* PHIL V5 cache/performance layer */
.v5-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;min-width:36px;padding:0 8px;border-radius:999px;background:#efe9ff;color:#6842a8;font-size:10px;font-weight:900;letter-spacing:.08em;margin-left:8px}.campus-hero-visual img,.matches-hero-card img,.presence-showcase img,.mood-rail-card img,.love-stack img{content-visibility:auto}


/* V5 campus integration polish */
#campus .app-content{max-width:1260px;margin:0 auto}
.integrated-campus-hero{padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.55fr);align-items:stretch;background:linear-gradient(135deg,#eef7f0,#f4effc);color:var(--phil-ink);min-height:360px}
.integrated-campus-copy{padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.integrated-campus-copy h3{font-size:clamp(34px,4vw,54px);line-height:.98;margin:7px 0 12px;color:var(--phil-ink)}
.integrated-campus-copy p{color:var(--phil-text-soft);font-size:16px;line-height:1.55;margin:0 0 16px}
.campus-status-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.campus-status{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--phil-border);font-size:11px;font-weight:800;color:#667085}
.campus-status.unlocked{background:#e9f7ee;color:#247145;border-color:#d5ebdc}
.integrated-campus-image{position:relative;min-height:360px;overflow:hidden}
.integrated-campus-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04)}
.integrated-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,36,.02),rgba(11,18,36,.16))}
.integrated-image-note{position:absolute;right:24px;bottom:22px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.28);display:flex;flex-direction:column;align-items:flex-end}
.integrated-image-note b{font-family:Nunito;font-size:20px}.integrated-image-note span{font-size:14px}
.campus-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:36px 0 18px}
.campus-section-head .subheading{margin:6px 0 0;font-size:30px}.campus-section-head p{margin:0;color:var(--phil-text-soft);max-width:430px;line-height:1.5;text-align:right}
.integrated-campus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.integrated-campus-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:350px;background:#fff}
.campus-card-media{height:155px;position:relative;overflow:hidden;background:#e8e9ed}
.campus-card-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12);filter:saturate(.88) contrast(.98)}
.campus-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,35,.03),rgba(10,18,35,.18))}
.campus-card-badge{position:absolute;left:12px;top:12px;z-index:2;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;backdrop-filter:blur(10px)}
.campus-card-badge.locked{background:rgba(16,26,49,.82);color:#fff}.campus-card-badge.open{background:rgba(234,249,240,.94);color:#18733a}
.campus-card-heart{position:absolute;right:13px;top:8px;z-index:2;color:#fff;font-size:28px;text-shadow:0 2px 12px rgba(0,0,0,.24)}
.campus-card-body{padding:20px;display:flex;flex:1;flex-direction:column}
.campus-card-title-row{display:flex;gap:9px;align-items:flex-start}.campus-card-title-row h3{margin:0;font-size:19px;line-height:1.18}.campus-cap{font-size:17px}
.integrated-campus-card p{margin:8px 0 12px}.campus-card-meta{display:flex;justify-content:space-between;gap:10px;color:#8a90a0;font-size:10px;font-weight:700;margin-bottom:18px}
.integrated-campus-card button{margin-top:auto}
@media(max-width:1050px){.integrated-campus-hero{grid-template-columns:1fr}.integrated-campus-image{min-height:300px}.integrated-campus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campus-section-head{align-items:start;flex-direction:column}.campus-section-head p{text-align:left}}
@media(max-width:700px){.integrated-campus-copy{padding:24px}.integrated-campus-grid{grid-template-columns:1fr}.integrated-campus-image{min-height:240px}.campus-card-media{height:180px}}


/* ============================================================
   PHIL V6 stability + real campus photography + compact chat
   ============================================================ */
.v5-badge{background:#e9f7ee;color:#247145}.v5-badge::before{content:"V7";font-size:10px}.v5-badge{font-size:0}
.app-screen:not(.active){content-visibility:visible}

/* Campus cards are the actual product UI, using a distinct real campus photo per school. */
.integrated-campus-image img{transform:none;object-fit:cover}
.integrated-campus-card{min-height:365px}
.campus-card-media{height:180px}
.campus-card-media img{transform:none;filter:none;object-fit:cover}
.integrated-campus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.matches-live-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:22px 24px;background:linear-gradient(135deg,#f3eefc,#edf8f0);border:1px solid var(--phil-border);border-radius:24px;margin-bottom:18px}
.matches-live-intro h3{font-size:26px;margin-top:6px}.matches-live-intro p{margin:0;color:var(--phil-text-soft);max-width:420px;line-height:1.5;text-align:right}
.matches-dynamic-state{margin:0;max-width:none;padding:0;background:transparent;box-shadow:none;border:0}
.matches-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.match-live-card{background:#fff;border:1px solid var(--phil-border);border-radius:24px;overflow:hidden;box-shadow:var(--phil-shadow-soft)}
.match-photo-pair{height:230px;position:relative;background:linear-gradient(135deg,#eee9fa,#e6f4ea);overflow:hidden}
.match-photo-pair img{position:absolute;width:58%;height:100%;object-fit:cover;top:0}.match-photo-pair img:first-child{left:0;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.match-photo-pair img:nth-child(2){right:0;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.match-photo-pair span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--phil-coral);box-shadow:0 10px 26px rgba(11,18,36,.18);font-size:22px;z-index:3}
.match-live-body{padding:18px}.match-live-body h3{font-size:24px;margin:5px 0}.match-live-body p{color:var(--phil-text-soft);margin:0 0 14px}.match-live-body button{width:100%}

.messages-content{max-width:1220px;margin:0 auto;padding-bottom:24px}
.presence-compact-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:linear-gradient(135deg,#f2ecfb,#edf8f0);border:1px solid var(--phil-border);border-radius:20px;margin-bottom:14px}
.presence-compact-bar>div:first-child{display:flex;align-items:center;gap:10px}.presence-compact-bar b{font-size:14px}.presence-compact-bar .eyebrow{white-space:nowrap}.presence-pills{margin:0}
.messages-shell{height:calc(100vh - 235px);min-height:520px;max-height:720px;grid-template-columns:330px minmax(0,1fr);overflow:hidden}
.thread-list{overflow-y:auto;background:#fff}.thread-loading{padding:24px;color:var(--phil-text-soft)}.thread-loading b,.thread-loading span{display:block}.thread-loading span{font-size:12px;margin-top:5px}
.chat{min-height:0;overflow:hidden}.chat-head{flex:0 0 auto}.chat-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px 18px}.chat-input{flex:0 0 auto;position:sticky;bottom:0;z-index:5;background:#fff;box-shadow:0 -10px 25px rgba(11,18,36,.04)}
.chat-input input{min-width:0}.chat-empty-note{margin:auto;color:var(--phil-text-soft);text-align:center;padding:40px 20px}
.thread{cursor:pointer;border:0;width:100%;text-align:left}.thread:hover{background:#f7f5fb}.thread.active{background:#f0f4fb}

@media(max-width:1050px){.integrated-campus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.messages-shell{height:calc(100vh - 220px);grid-template-columns:280px minmax(0,1fr)}.presence-compact-bar{align-items:flex-start;flex-direction:column}.presence-pills{margin-top:0}}
@media(max-width:700px){.integrated-campus-grid{grid-template-columns:1fr}.matches-live-intro{align-items:flex-start;flex-direction:column}.matches-live-intro p{text-align:left}.messages-shell{height:calc(100vh - 190px);min-height:500px;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.thread-list{display:flex;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--phil-border);max-height:86px}.thread{min-width:220px;border-right:1px solid var(--phil-border);border-bottom:0}.presence-compact-bar{display:none}.chat-input{padding-bottom:18px}}


/* ============================================================
   PHIL V8 — compact professional matches + golden match burst
   ============================================================ */
.matches-content{max-width:1180px;margin:0 auto}
.matches-live-intro{padding:18px 22px;margin-bottom:16px;border-radius:22px;align-items:center}
.matches-live-intro h3{font-size:23px;margin:4px 0 0}.matches-live-intro p{font-size:13px;max-width:360px}
.matches-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.match-live-card{border-radius:22px;display:grid;grid-template-columns:minmax(190px,44%) 1fr;min-height:250px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.match-live-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(11,18,36,.10)}
.match-photo-pair{height:100%;min-height:250px;border-radius:0}
.match-photo-pair img{width:61%;height:100%}
.match-photo-pair span{width:42px;height:42px;font-size:18px}
.match-live-body{padding:20px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.match-live-body h3{font-size:24px;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match-live-body p{font-size:13px;margin:0 0 8px}
.match-live-meta{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 14px}
.match-live-meta span{font-size:10px;font-weight:800;padding:6px 8px;border-radius:999px;background:#f4f1fb;color:#6a5a8d}
.match-live-body button{width:auto;min-width:120px;align-self:flex-start;padding:10px 16px;border-radius:12px}

.match-celebration{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(9,14,28,.70);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.match-celebration.show{opacity:1;visibility:visible;pointer-events:auto}
.match-celebration::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,220,118,.22),transparent 36%),radial-gradient(circle at 18% 22%,rgba(255,240,186,.12),transparent 24%),radial-gradient(circle at 82% 72%,rgba(216,171,61,.14),transparent 22%)}
.match-celebration-card{position:relative;z-index:2;width:min(92vw,480px);padding:34px 32px 28px;border-radius:30px;background:linear-gradient(160deg,#fffefa 0%,#fff9e8 42%,#ffffff 100%);border:1px solid rgba(216,171,61,.35);box-shadow:0 35px 90px rgba(0,0,0,.35),0 0 70px rgba(235,188,67,.15);text-align:center;transform:scale(.88) translateY(20px);opacity:0;transition:transform .36s cubic-bezier(.18,.8,.25,1.15),opacity .25s ease;overflow:hidden}
.match-celebration.show .match-celebration-card{transform:scale(1) translateY(0);opacity:1}
.match-celebration-card::before{content:"";position:absolute;left:-25%;right:-25%;top:-80px;height:180px;background:linear-gradient(115deg,transparent 20%,rgba(255,218,104,.25),transparent 70%);transform:rotate(-8deg);animation:goldSweep 1.8s ease-in-out infinite}
@keyframes goldSweep{0%{transform:translateX(-35%) rotate(-8deg)}60%,100%{transform:translateX(35%) rotate(-8deg)}}
.match-celebration-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(16,24,44,.06);color:#6b7280;cursor:pointer;z-index:4}
.gold-crown{font-size:38px;color:#d6a62b;text-shadow:0 8px 24px rgba(214,166,43,.35);animation:goldPulse 1.4s ease-in-out infinite}
@keyframes goldPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.12);filter:brightness(1.2)}}
.match-celebration-kicker{display:block;margin-top:5px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#b4861c}
.match-celebration-card h2{font-size:40px;line-height:1;margin:8px 0;color:#131a2d}.match-celebration-card>p{margin:0 auto 18px;max-width:360px;color:#73798a;line-height:1.55;font-size:14px}
.celebration-portraits{position:relative;height:126px;display:flex;justify-content:center;align-items:center;margin:8px auto 12px}
.celebration-portraits img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 16px 34px rgba(17,24,39,.16)}
.celebration-portraits img:first-child{margin-right:-14px;transform:rotate(-5deg)}.celebration-portraits img:last-child{margin-left:-14px;transform:rotate(5deg)}
.celebration-heart{position:absolute;z-index:3;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e8b83e,#c8961f);color:#fff;font-size:21px;box-shadow:0 10px 28px rgba(200,150,31,.35);border:4px solid #fff}
#celebrationMatchName{display:block;font-size:20px;color:#131a2d;margin:0 0 16px}
.celebration-actions{display:flex;gap:10px;justify-content:center}.celebration-actions button{min-width:145px}
.match-celebration-card>small{display:block;margin-top:14px;color:#9a8a61;font-size:10px}
.golden-spark-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.gold-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#f4c952;box-shadow:0 0 12px rgba(244,201,82,.8);animation:goldBurst 2.3s ease-out forwards}
.gold-spark.star{width:12px;height:12px;border-radius:2px;transform:rotate(45deg);background:#ffe8a1}
@keyframes goldBurst{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0deg)}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.9) rotate(260deg)}}

@media(max-width:980px){.matches-live-grid{grid-template-columns:1fr}.match-live-card{grid-template-columns:220px 1fr}.match-photo-pair{min-height:230px}}
@media(max-width:620px){.match-live-card{display:block}.match-photo-pair{height:190px;min-height:190px}.match-live-body{padding:16px}.celebration-actions{flex-direction:column}.celebration-actions button{width:100%}.match-celebration-card{padding:30px 22px 24px}.celebration-portraits img{width:96px;height:96px}.celebration-portraits{height:108px}.match-celebration-card h2{font-size:34px}}


/* ============================================================
   PHIL V8 — tighter matches presentation polish
   ============================================================ */
.matches-content{max-width:1120px}
.matches-live-intro-compact{padding:14px 18px;margin-bottom:14px;min-height:auto}
.matches-live-intro-compact h3{font-size:21px;line-height:1.1;margin:3px 0 0}
.matches-live-intro-compact p{font-size:12px;line-height:1.4;max-width:330px}
.matches-live-grid{align-items:start}
.matches-live-grid.single-match{grid-template-columns:minmax(0,560px);justify-content:center}
.match-live-card{min-height:220px;grid-template-columns:minmax(170px,42%) 1fr;border-radius:20px}
.match-photo-pair{min-height:220px}
.match-live-body{padding:18px}
.match-live-body h3{font-size:22px}
.match-live-meta{margin-bottom:12px}
.match-live-body button{padding:9px 14px;min-width:118px}
@media(max-width:980px){
  .matches-live-grid.single-match{grid-template-columns:minmax(0,560px)}
  .match-live-card{grid-template-columns:200px 1fr;min-height:220px}
  .match-photo-pair{min-height:220px}
}
@media(max-width:620px){
  .matches-live-grid.single-match{grid-template-columns:1fr}
  .matches-live-intro-compact{padding:13px 15px}
  .match-live-card{min-height:0}
}


/* ============================================================
   Your Campus Dating V9 — rebrand layer
   Keeps V8 behavior intact; presentation only.
   ============================================================ */
.ycd-brand{gap:12px;align-items:center}
.brand-logo-img{width:46px;height:46px;object-fit:contain;display:block;filter:drop-shadow(0 6px 14px rgba(20,112,62,.14))}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start}
.brand-copy b{font-family:Nunito,Inter,sans-serif;font-size:20px;line-height:1;color:var(--phil-ink);letter-spacing:-.02em}
.brand-copy small{font-size:8px;letter-spacing:1.55px;margin-top:5px;color:#7d8492;font-weight:900}
.brand-mark{display:none!important}
.brand-mini-img{width:38px;height:38px;object-fit:contain;background:transparent!important;border-radius:0!important}
.auth-logo-image{background:transparent!important;box-shadow:none!important;width:66px;height:66px}
.auth-logo-image img{width:100%;height:100%;object-fit:contain}
.ycd-side-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))}
.ycd-side-brand b{font-size:10px;letter-spacing:.12em;color:#eef3ff}

.landing-campus-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;max-width:760px}
.landing-campus-card{border:1px solid var(--phil-border);background:rgba(255,255,255,.9);border-radius:18px;padding:8px;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(11,18,36,.05);transition:.18s ease}
.landing-campus-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(11,18,36,.09)}
.landing-campus-card b,.landing-campus-card small{display:block}
.landing-campus-card b{font-size:11px;line-height:1.2;margin-top:8px;color:var(--phil-ink)}
.landing-campus-card small{font-size:9px;color:var(--phil-text-soft);margin-top:3px}
.campus-thumb{height:72px;border-radius:12px;background-size:cover;background-position:center;display:block}
.bhc-thumb{background-image:url('https://www.bhc.edu/wp-content/uploads/DSC_0014-1-1024x683.jpg')}
.aug-thumb{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Old_Main_Augustana.jpg')}
.eicc-thumb{background-image:url('https://eicc.edu/_images/showcase/showcase-scott-urban-600x480.png')}
.palmer-thumb{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/PalmerCampus.jpg')}

.hero-grid{background:
 radial-gradient(circle at 12% 88%,rgba(192,247,221,.4),transparent 27%),
 radial-gradient(circle at 78% 12%,rgba(224,214,255,.46),transparent 30%),
 linear-gradient(180deg,#fff,#fffaf7)}
.phone{box-shadow:0 34px 76px rgba(11,18,36,.24),0 0 0 1px rgba(255,255,255,.45) inset}
.hero-copy h1 span{color:var(--phil-coral)}
.feature-section{background:linear-gradient(180deg,#fff,#fbfcfb)}
.price-top span{letter-spacing:.04em}
.v5-badge{background:#f1ecfb!important;color:#6d4aa6!important}

@media(max-width:950px){
  .landing-campus-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-copy small{display:none}
}
@media(max-width:700px){
  .brand-logo-img{width:40px;height:40px}
  .brand-copy b{font-size:16px}
  .landing-campus-strip{grid-template-columns:1fr 1fr}
}


/* ============================================================
   YOUR CAMPUS DATING — FINAL V10
   Final visual pass only. Backend and product logic remain intact.
   ============================================================ */

/* Correct any inherited old version pseudo-label. */
.v5-badge{font-size:11px!important;background:#edf8f1!important;color:#1f6d43!important;padding:8px 12px!important;border-radius:999px!important;font-weight:900!important;letter-spacing:.04em}
.v5-badge::before{content:none!important}

/* --- FINAL DISCOVER --- */
.final-discover-layout{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(440px,640px) minmax(280px,380px);
  gap:28px;
  align-items:start;
}
.final-discover-stage{width:100%;margin:0}
.final-discover-stage .discover-card{
  width:100%;
  height:min(66vh,690px);
  min-height:570px;
  border-radius:32px;
  box-shadow:0 26px 70px rgba(11,18,36,.14);
}
.final-actions{margin-top:18px;gap:22px}
.final-actions .round{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.final-actions .round small{
  position:absolute;
  top:calc(100% + 7px);
  white-space:nowrap;
  font-size:10px;
  font-weight:900;
  color:#667085;
}
.final-actions + .discover-hint{margin-top:32px}
.discover-context-rail{display:flex;flex-direction:column;gap:16px}
.discover-context-card,.discover-campus-vibe,.discover-pro-tip{
  border:1px solid var(--phil-border);
  background:#fff;
  border-radius:26px;
  box-shadow:0 14px 40px rgba(11,18,36,.065);
}
.romantic-card{
  padding:25px;
  background:
    radial-gradient(circle at 90% 10%,rgba(213,196,255,.35),transparent 36%),
    linear-gradient(145deg,#fff,#f5fbf7);
}
.romantic-card h3{font-size:27px;line-height:1.08;margin:7px 0 12px}
.romantic-card>p{color:var(--phil-text-soft);line-height:1.58;margin:0}
.discover-feature-row{display:grid;grid-template-columns:1fr;gap:11px;margin-top:21px}
.discover-feature-row>div{
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid rgba(11,18,36,.06);
}
.discover-feature-row>div>span{
  grid-row:1/3;
  width:36px;height:36px;border-radius:12px;
  display:grid;place-items:center;
  background:#f4effc;
}
.discover-feature-row>div:nth-child(2)>span{background:#eaf8f0}
.discover-feature-row>div:nth-child(3)>span{background:#fff0f3}
.discover-feature-row b{font-size:13px}
.discover-feature-row small{font-size:11px;color:var(--phil-text-soft)}
.discover-campus-vibe{
  display:grid;
  grid-template-columns:1fr 132px;
  gap:14px;
  align-items:center;
  padding:18px;
}
.discover-campus-vibe h3{font-size:21px;margin:5px 0}
.discover-campus-vibe p{font-size:12px;line-height:1.5;color:var(--phil-text-soft);margin:0}
.discover-campus-vibe img{
  width:132px;height:112px;object-fit:cover;border-radius:18px;border:1px solid var(--phil-border)
}
.discover-pro-tip{
  display:flex;align-items:center;gap:13px;padding:16px 18px;
  background:linear-gradient(135deg,#f3fbf6,#f7f3ff);
}
.discover-pro-tip>span{font-size:22px}
.discover-pro-tip b{font-size:14px}
.discover-pro-tip p{margin:3px 0 0;color:var(--phil-text-soft);font-size:12px}

/* Hide no-longer-production moodboard presentation elements if stale markup is ever cached. */
.discover-love-banner,.discover-mood-rail{display:none!important}

/* --- FINAL MESSAGES --- */
.messages-content{max-width:1320px}
.messages-content .app-header{margin-bottom:15px}
.presence-compact-bar{
  padding:13px 18px!important;
  min-height:72px!important;
  margin-bottom:14px!important;
  border-radius:20px!important;
}
.presence-compact-bar>div:first-child{display:flex;align-items:center;gap:12px}
.presence-compact-bar>div:first-child b{font-size:14px}
.presence-compact-bar .presence-pills{gap:7px;margin:0}
.presence-compact-bar .presence-pill{padding:7px 10px;font-size:10px}
.messages-shell{
  grid-template-columns:250px minmax(0,1fr)!important;
  height:min(70vh,720px)!important;
  min-height:560px!important;
  max-height:720px!important;
}
.thread-list{overflow:auto;background:#fbfcfe}
.thread{padding:14px 13px!important}
.thread span{font-size:11px!important}
.chat{min-width:0}
.chat-head{min-height:72px!important;padding:13px 18px!important}
.chat-body{
  padding:22px 28px!important;
  overflow-y:auto!important;
  min-height:0!important;
}
.bubble{max-width:68%!important;border-radius:20px!important;padding:12px 16px!important;line-height:1.45}
.chat-input{
  position:sticky!important;
  bottom:0!important;
  z-index:5;
  background:#fff!important;
  padding:12px 16px!important;
  border-top:1px solid var(--phil-border)!important;
}
.chat-input input{min-height:48px!important;border-radius:16px!important}

/* --- FINAL PROFILE --- */
.final-profile-page{
  max-width:1050px!important;
  position:relative;
  padding:72px 34px 34px!important;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 8%,rgba(222,247,232,.8),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(229,219,255,.75),transparent 29%),
    linear-gradient(180deg,#fff,#fbfcfb);
  border:1px solid var(--phil-border);
  box-shadow:0 22px 66px rgba(11,18,36,.07);
  overflow:hidden;
}
.final-profile-page::after{
  content:"";
  position:absolute;right:-55px;top:0;width:320px;height:250px;
  background:url('https://www.bhc.edu/wp-content/uploads/DSC_0014-1-1024x683.jpg') center/cover;
  opacity:.075;
  border-radius:0 0 0 100%;
  pointer-events:none;
}
.profile-brand-note{
  position:absolute;top:21px;left:28px;
  display:flex;align-items:center;gap:9px;
  font-size:9px;font-weight:900;letter-spacing:.14em;color:#708075;
}
.profile-brand-note img{width:30px;height:30px;object-fit:contain}
.profile-trust-line{font-size:11px;color:#7d8492;margin-top:-10px;margin-bottom:20px;font-weight:800}
.final-profile-page .profile-avatar{width:134px;height:134px}
.final-profile-page .profile-actions{margin-bottom:28px}
.final-profile-page .settings-grid{gap:16px}
.final-profile-page .settings-grid article{
  min-height:112px;
  padding:24px!important;
  transition:.18s ease;
}
.final-profile-page .settings-grid article:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(11,18,36,.08);
}
.final-profile-page .settings-grid article::after{
  content:"›";float:right;font-size:28px;color:#9aa2b0;margin-top:-28px
}

/* --- CAMPUS / MATCHES FINAL MICRO-POLISH --- */
.integrated-campus-card,.match-card{transition:transform .18s ease,box-shadow .18s ease}
.integrated-campus-card:hover,.match-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(11,18,36,.11)}
.matches-live-intro-compact{padding:20px 24px!important}
.matches-live-intro-compact h3{font-size:24px!important}

/* --- Landing brand polish --- */
.ycd-brand .brand-logo-img{width:50px;height:50px}
.topbar{min-height:76px}
.brand-copy b{font-size:21px}

/* --- Responsive final --- */
@media(max-width:1000px){
  .final-discover-layout{grid-template-columns:1fr}
  .discover-context-rail{display:grid;grid-template-columns:1fr 1fr}
  .romantic-card{grid-column:1/-1}
  .messages-shell{grid-template-columns:220px minmax(0,1fr)!important}
}
@media(max-width:700px){
  .final-discover-stage .discover-card{min-height:510px;height:64vh}
  .discover-context-rail{display:flex}
  .messages-shell{height:auto!important;max-height:none!important;display:block!important}
  .thread-list{max-height:210px}
  .chat{height:560px}
  .bubble{max-width:82%!important}
  .final-profile-page{padding:64px 16px 22px!important;border-radius:24px}
  .final-profile-page::after{display:none}
}


/* ============================================================
   YOUR CAMPUS DATING — PRODUCTION
   Public-facing cleanup: no debug badges or demo controls.
   ============================================================ */
#backendBadge,[class*="v5-badge"]{display:none!important}

.production-footer{
  padding:34px 7vw 38px;
  border-top:1px solid var(--phil-border);
  background:#fff;
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px 32px;
  align-items:center;
}
.production-footer>div{display:flex;align-items:center;gap:11px}
.production-footer img{width:42px;height:42px;object-fit:contain}
.production-footer span{display:flex;flex-direction:column}
.production-footer b{font-family:Nunito,Inter,sans-serif;color:var(--phil-ink)}
.production-footer span small,.production-footer>small{color:var(--phil-text-soft);font-size:11px}
.production-footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.production-footer a{color:var(--phil-ink);font-size:12px;font-weight:800;text-decoration:none}
.production-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.production-footer>small{grid-column:1/-1}

@media(max-width:760px){
  .production-footer{grid-template-columns:1fr}
  .production-footer nav{justify-content:flex-start}
}


/* ============================================================
   PRODUCTION FIX 1
   Profile crop + strict match/chat participant identity.
   ============================================================ */

/* Keep faces visible on portrait discovery cards. */
.final-discover-stage .discover-card>img,
#discoverCard>img{
  object-fit:cover!important;
  object-position:50% 18%!important;
}

/* If a tall portrait is used, bias toward the upper body / face. */
@media(min-width:701px){
  .final-discover-stage .discover-card>img,
  #discoverCard>img{object-position:50% 12%!important}
}

/* Real match avatar in chat header. */
.chat-match-avatar{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  object-position:50% 18%;
  flex:0 0 48px;
  border:2px solid #fff;
  box-shadow:0 5px 16px rgba(11,18,36,.12);
  background:#f3f4f6;
}

/* Match pair portraits also bias toward faces. */
.match-photo-pair img{
  object-position:50% 18%!important;
}
.duo-avatar img{
  object-position:50% 18%!important;
}


/* ============================================================
   PRODUCTION FIX 2 — account recovery
   ============================================================ */
.forgot-link{
  margin-top:2px!important;
  color:#687386!important;
  font-size:13px!important;
}
.forgot-link:hover{color:var(--phil-coral)!important}
#resetPassword .auth-card{max-width:620px}
#resetPassword label{display:block;margin:18px 0;font-weight:900;color:var(--phil-ink)}
#resetPassword input{
  width:100%;
  margin-top:8px;
  min-height:56px;
  border:1px solid var(--phil-border);
  border-radius:17px;
  padding:0 16px;
  font:inherit;
  background:#fff;
}
#resetPassword input:focus{
  outline:3px solid rgba(255,95,118,.13);
  border-color:rgba(255,95,118,.55);
}


/* ============================================================
   PRODUCTION FIX 3 — Premium onboarding
   ============================================================ */
.onboarding-card{
  max-width:980px!important;
  padding:42px!important;
  border-radius:34px!important;
}
.onboarding-head{max-width:720px}
.onboarding-head h2{font-size:42px!important;line-height:1.08;margin:8px 0 10px!important}
.onboarding-head p{font-size:15px;line-height:1.6}
.onboarding-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0 30px}
.onboarding-progress span{height:5px;border-radius:999px;background:#eceef2}
.onboarding-progress span.done{background:#aee4c8}
.onboarding-progress span.active{background:var(--phil-coral,#ff5f76)}

.campus-search-wrap{position:relative;margin:4px 0 20px}
.campus-search-wrap>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:22px;color:#8a93a3}
.campus-search-wrap .search-box{padding-left:46px;margin:0;height:56px;border-radius:17px}

.school-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.school-logo-option{
  min-height:100px!important;
  padding:16px!important;
  border-radius:20px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 30px!important;
  gap:14px!important;
  align-items:center!important;
  text-align:left!important;
  transition:.18s ease;
}
.school-logo-option:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(11,18,36,.08)}
.school-logo-option.selected{border:2px solid #ff6b7f!important;background:linear-gradient(135deg,#fff7f8,#f7fbf8)!important}
.school-emblem{
  width:64px;height:64px;border-radius:18px;background:#fff;
  border:1px solid #e7e9ee;display:grid;place-items:center;overflow:hidden;
  box-shadow:0 6px 18px rgba(11,18,36,.05)
}
.school-emblem img{width:46px;height:46px;object-fit:contain}
.school-emblem i{
  width:46px;height:46px;border-radius:14px;background:#eef7f2;color:#166b43;
  place-items:center;font-style:normal;font-weight:900;font-size:13px
}
.school-option-copy{display:flex;flex-direction:column;min-width:0}
.school-option-copy b{font-size:16px!important;line-height:1.25}
.school-option-copy small{font-size:12px;color:#7a8496;margin-top:5px}
.school-select-mark{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#f2f4f7;color:#8992a1;font-weight:900
}
.school-logo-option.selected .school-select-mark{background:#ff5f76;color:#fff}
.onboarding-next{min-height:56px;border-radius:17px!important;margin-top:8px}

.profile-step-card{max-width:980px!important}
.profile-setup-section{
  background:#fbfcfb;border:1px solid #e8eae7;border-radius:24px;
  padding:24px;margin:18px 0
}
.setup-section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}
.setup-section-title>span{
  width:34px;height:34px;border-radius:11px;background:#f2ecff;color:#7152a6;
  display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 34px
}
.setup-section-title b{display:block;font-size:18px}
.setup-section-title small{display:block;color:#7a8496;margin-top:4px;font-size:12px}
.profile-step-card .form-grid{margin:0}
.profile-step-card select,.profile-step-card input,.profile-step-card textarea{
  min-height:52px;border-radius:15px!important
}
.other-major-input{margin-top:8px}
.single-row{grid-template-columns:minmax(0,1fr) 1fr!important}
.single-row label{max-width:420px}

.goal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.goal-card{
  border:1px solid #e6e8ed;background:#fff;border-radius:19px;padding:17px;
  display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;
  column-gap:12px;text-align:left;cursor:pointer;transition:.18s ease;color:#0b1224
}
.goal-card>span{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:#f6f1ff;display:grid;place-items:center;font-size:20px}
.goal-card b{font-size:14px}
.goal-card small{font-size:11px;color:#7b8495;line-height:1.4;margin-top:4px}
.goal-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(11,18,36,.06)}
.goal-card.selected{border:2px solid #ff657c;background:#fff6f7}
.prompt-field select{margin-bottom:10px}
.prompt-field textarea{min-height:105px}

.professional-interests{gap:9px!important}
.professional-interests .interest{
  display:inline-flex;align-items:center;gap:7px;padding:10px 13px!important;
  border-radius:999px!important;background:#fff!important;
  transition:.16s ease;font-weight:700;font-size:12px
}
.professional-interests .interest span{font-size:16px}
.professional-interests .interest.selected{
  background:#eef8f2!important;color:#146d43!important;border-color:#91d3af!important;
  box-shadow:0 6px 16px rgba(20,109,67,.08)
}

.verification-step-card{max-width:760px!important}
.school-verification-card{
  margin:24px 0;background:
    radial-gradient(circle at 88% 12%,rgba(220,208,255,.38),transparent 34%),
    linear-gradient(145deg,#fff,#f5fbf7);
  border:1px solid #e5e9e6;border-radius:28px;padding:26px;
  box-shadow:0 18px 48px rgba(11,18,36,.07)
}
.verification-campus-top{
  display:grid;grid-template-columns:74px 1fr 42px;gap:15px;align-items:center
}
.verification-school-logo-wrap{
  width:74px;height:74px;border-radius:20px;background:#fff;border:1px solid #e6e8eb;
  display:grid;place-items:center;box-shadow:0 8px 22px rgba(11,18,36,.06)
}
.verification-school-logo-wrap img{width:54px;height:54px;object-fit:contain}
.verification-campus-top h3{font-size:24px;margin:4px 0}
.verification-campus-top p{margin:0;color:#747e90;font-size:13px}
.verification-shield{
  width:38px;height:38px;border-radius:50%;background:#e9f8ef;color:#14703e;
  display:grid;place-items:center;font-weight:900
}
.verification-divider{height:1px;background:#e4e9e5;margin:22px 0}
.verification-copy{display:flex;gap:14px;align-items:flex-start}
.verification-icon{
  width:46px;height:46px;border-radius:15px;background:#fff0f3;color:#ff5f76;
  display:grid;place-items:center;font-size:20px;flex:0 0 46px
}
.verification-copy h4{font-size:17px;margin:2px 0 7px}
.verification-copy p{margin:0;color:#697386;font-size:13px;line-height:1.55}
.verification-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.verification-benefits span{
  background:#fff;border:1px solid #e6e8eb;border-radius:999px;padding:8px 10px;
  font-size:11px;font-weight:800;color:#405064
}
.premium-verification-status{
  border-radius:14px!important;padding:12px 14px!important;background:#f6f7f8!important;
  font-weight:800;text-align:center
}

@media(max-width:760px){
  .onboarding-card{padding:26px 18px!important}
  .school-logo-grid,.goal-cards{grid-template-columns:1fr!important}
  .onboarding-head h2{font-size:34px!important}
  .verification-campus-top{grid-template-columns:64px 1fr 36px}
}


/* ============================================================
   PRODUCTION FIX 4 — reliable login + first-click campus selection
   ============================================================ */
.login-card{
  max-width:620px!important;
  padding:42px!important;
  border-radius:32px!important;
}
.login-card h2{font-size:40px!important;line-height:1.08;margin:10px 0 10px!important}
.login-card label{display:block;margin:18px 0;font-weight:900;color:var(--phil-ink)}
.login-card input{
  width:100%;margin-top:8px;min-height:56px;border:1px solid var(--phil-border);
  border-radius:17px;padding:0 16px;font:inherit;background:#fff
}
.login-card input:focus{
  outline:3px solid rgba(255,95,118,.13);border-color:rgba(255,95,118,.55)
}
.login-card .primary-btn{margin-top:8px}

.school-logo-option{
  cursor:pointer!important;
  user-select:none;
}
.school-logo-option *{pointer-events:none}
.school-logo-option.selected{
  outline:2px solid rgba(255,95,118,.12);
}
.school-logo-option:focus-visible{
  outline:3px solid rgba(255,95,118,.2);
  outline-offset:2px;
}

@media(max-width:700px){
  .login-card{padding:28px 18px!important}
  .login-card h2{font-size:33px!important}
}


/* ============================================================
   PRODUCTION FIX 5
   Stable auth navigation + all campuses + true reset flow + avatar crop.
   ============================================================ */

/* Landing: show every participating school, not just four. */
.landing-campus-section{margin-top:28px;max-width:820px}
.landing-campus-heading{
  display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px
}
.landing-campus-heading h3{font-size:21px;margin:4px 0 0;color:var(--phil-ink)}
.landing-campus-heading>small{max-width:310px;text-align:right;color:var(--phil-text-soft);font-size:10px;line-height:1.45}
.all-campus-strip{
  display:flex!important;
  gap:11px!important;
  overflow-x:auto!important;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  padding:2px 2px 10px!important;
  max-width:100%!important;
}
.all-campus-strip::-webkit-scrollbar{height:7px}
.all-campus-strip::-webkit-scrollbar-thumb{background:#d9dde4;border-radius:999px}
.all-campus-strip .landing-campus-card{
  flex:0 0 178px;
  min-width:178px;
  padding:7px!important;
  scroll-snap-align:start;
}
.landing-campus-photo{
  display:block;height:94px;border-radius:13px;
  background-size:cover;background-position:center;
}
.landing-campus-meta{display:block;padding:8px 4px 4px}
.landing-campus-meta b{
  display:block;font-size:11px;line-height:1.2;color:var(--phil-ink);
  min-height:27px
}
.landing-campus-meta small{display:block;margin-top:4px;color:var(--phil-text-soft);font-size:9px}

/* Profile avatar should use the same face-first crop logic as Discover. */
.profile-avatar img,
.final-profile-page .profile-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:50% 16%!important;
}
.profile-avatar{overflow:hidden!important}

/* Prevent visual jumpiness during normal auth token activity. */
.screen{scroll-margin-top:0}
body.auth-stable{overflow-anchor:none}

@media(max-width:760px){
  .landing-campus-heading{display:block}
  .landing-campus-heading>small{display:block;text-align:left;margin-top:7px}
  .all-campus-strip .landing-campus-card{flex-basis:158px;min-width:158px}
}


/* PRODUCTION FIX 6 — discovery-state polish */
.discover-hint{
  color:#6f7889!important;
  font-size:11px!important;
}


/* ============================================================
   PRODUCTION FIX 7 — Unmatch
   ============================================================ */
.match-live-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  margin-top:14px;
}
.match-live-actions .primary-btn{width:100%}
.unmatch-card-btn{
  color:#8f3b48!important;
  border-color:#f1cbd1!important;
  background:#fff8f9!important;
}
.unmatch-card-btn:hover{background:#fff0f2!important}

.chat-head{position:relative}
.chat-head-copy{min-width:0;display:flex;flex-direction:column;flex:1}
.chat-unmatch-btn{
  margin-left:auto;
  border:1px solid #efc9d0;
  background:#fff8f9;
  color:#943d4b;
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.chat-unmatch-btn:hover{background:#fff0f2}
.chat-empty-state{
  min-height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  color:#7c8595;
  gap:7px;
}
.chat-empty-state span{font-size:34px}
.chat-empty-state b{color:#233047}
.chat-empty-state p{margin:0;font-size:12px}

@media(max-width:700px){
  .match-live-actions{grid-template-columns:1fr}
  .chat-unmatch-btn{padding:7px 10px}
}


/* ============================================================
   PRODUCTION FIX 8 — Password reset success feedback
   ============================================================ */
.password-reset-progress{
  margin:14px 0 0;
  padding:14px 16px;
  border:1px solid #cfe8d8;
  background:linear-gradient(135deg,#f4fbf7,#fbfffc);
  border-radius:16px;
  display:grid;
  grid-template-columns:38px 1fr 22px;
  align-items:center;
  gap:12px;
  color:#173d2a;
  box-shadow:0 8px 24px rgba(20,109,67,.06);
}
.password-reset-progress[hidden]{display:none!important}
.reset-success-icon{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:#dff5e7;color:#14703e;
  font-weight:900;font-size:18px;
}
.password-reset-progress b{display:block;font-size:13px}
.password-reset-progress p{margin:3px 0 0;color:#5f6c64;font-size:11px}
.reset-mini-spinner{
  width:18px;height:18px;border-radius:50%;
  border:2px solid #cfe8d8;border-top-color:#14703e;
  animation:ycd-spin .8s linear infinite;
}
@keyframes ycd-spin{to{transform:rotate(360deg)}}

#saveNewPasswordBtn:disabled{
  cursor:default;
  opacity:1;
}


/* PRODUCTION FIX 9 — prevent stale password-recovery screen from resurfacing */
#resetPassword.recovery-consumed{display:none!important}


/* ============================================================
   PRODUCTION FIX 10 — MOBILE-FIRST LIVE TEST
   ============================================================ */

/* Password reveal */
.password-field{position:relative;display:block;width:100%}
.password-field input{padding-right:54px!important;width:100%!important}
.password-toggle{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border:0;border-radius:11px;
  background:#f2f4f7;display:grid;place-items:center;cursor:pointer;
  font-size:16px;z-index:2
}
.password-toggle:hover{background:#e9edf2}

/* Required gender choice */
.gender-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gender-choice{
  border:1px solid #e4e7ec;background:#fff;border-radius:19px;padding:18px;
  display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;
  column-gap:12px;text-align:left;cursor:pointer;color:#101a31;
  transition:.18s ease
}
.gender-choice>span{
  grid-row:1/3;width:45px;height:45px;border-radius:15px;
  background:#f4f1ff;display:grid;place-items:center;font-size:23px;font-weight:900
}
.gender-choice b{font-size:15px}
.gender-choice small{font-size:11px;color:#7b8495;line-height:1.4;margin-top:4px}
.gender-choice.selected{
  border:2px solid #ff637b;background:#fff7f8;
  box-shadow:0 8px 22px rgba(255,99,123,.08)
}
.pairing-rule-note{
  margin-top:11px;padding:10px 12px;border-radius:13px;
  background:#f4f8f6;color:#35614a;font-size:11px;font-weight:800
}

@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:env(safe-area-inset-bottom)}

  /* Top bar */
  .topbar{height:auto;min-height:72px;padding:12px 14px}
  .brand img,.topbar .brand img{max-height:42px}
  .brand-text small{font-size:7px;letter-spacing:.16em}
  .top-actions{gap:6px}
  .top-actions .primary-btn{padding:10px 12px;font-size:11px}

  /* Landing */
  .hero-grid{padding:30px 16px 42px!important;gap:28px}
  .hero-copy{text-align:left!important}
  .hero-copy h1{font-size:40px!important;line-height:1.03}
  .hero-copy p{font-size:14px!important;line-height:1.55;margin:0!important}
  .hero-actions{align-items:stretch}
  .trust-row{justify-content:flex-start!important}
  .landing-campus-heading h3{font-size:18px}
  .all-campus-strip .landing-campus-card{flex-basis:145px!important;min-width:145px!important}
  .phone-wrap{display:none!important}

  /* Auth / onboarding */
  .auth-screen{padding:18px 12px 32px!important;align-items:flex-start!important}
  .auth-card,.onboarding-card,.login-card{
    width:100%!important;max-width:none!important;
    padding:22px 16px!important;border-radius:24px!important;
    margin:0!important
  }
  .onboarding-head h2,.login-card h2{font-size:31px!important}
  .onboarding-head p{font-size:13px}
  .onboarding-progress{margin:16px 0 22px}
  .profile-setup-section{padding:17px!important;border-radius:19px!important}
  .setup-section-title b{font-size:16px}
  .setup-section-title small{font-size:11px}
  .goal-cards,.gender-choice-grid{grid-template-columns:1fr!important}
  .school-logo-grid{grid-template-columns:1fr!important}
  .school-logo-option{min-height:82px!important;grid-template-columns:54px minmax(0,1fr) 28px!important}
  .school-emblem{width:54px;height:54px}
  .school-emblem img{width:40px;height:40px}
  .professional-interests{display:flex!important;flex-wrap:wrap!important}
  .professional-interests .interest{font-size:11px;padding:9px 11px!important}
  .verification-campus-top{grid-template-columns:58px 1fr 34px!important}
  .verification-school-logo-wrap{width:58px;height:58px}
  .verification-school-logo-wrap img{width:43px;height:43px}
  .verification-campus-top h3{font-size:18px}
  .verification-benefits{gap:6px}
  .verification-benefits span{font-size:9px}

  /* App shell and bottom navigation */
  .app-shell{display:block!important;min-height:100dvh}
  .sidebar{
    position:fixed!important;
    left:8px!important;right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:68px!important;
    padding:6px 7px!important;
    border-radius:22px!important;
    z-index:9999!important;
    box-shadow:0 10px 35px rgba(10,18,35,.25)!important
  }
  .sidebar nav{height:100%;display:flex!important;align-items:center!important}
  .nav-item{
    flex:1!important;min-width:0!important;
    padding:7px 2px!important;border-radius:14px!important;
    font-size:17px!important;gap:2px!important
  }
  .nav-item span{
    display:block!important;font-size:8px!important;
    white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
    max-width:100%
  }
  .app-content{
    padding:22px 12px calc(100px + env(safe-area-inset-bottom))!important
  }

  /* Discover */
  .app-header{align-items:flex-end;gap:8px;margin-bottom:16px}
  .app-header h2{font-size:27px!important;line-height:1.05}
  .app-header .eyebrow{font-size:9px}
  .discover-layout{display:block!important}
  .discover-card{
    height:min(66dvh,620px)!important;
    min-height:470px!important;
    border-radius:24px!important
  }
  .discover-card .empty-state{
    margin:0!important;min-height:100%!important;
    display:flex;flex-direction:column;justify-content:center;
    border-radius:0!important;padding:30px 22px!important
  }
  .profile-info{padding:22px 16px!important}
  .profile-info h3{font-size:34px!important}
  .action-row{
    position:relative!important;
    margin:16px 0 0!important;
    padding-bottom:4px!important
  }
  .round{width:56px!important;height:56px!important}
  .match-insight{display:none!important}

  /* Matches */
  .matches-grid,.match-grid{grid-template-columns:1fr!important}
  .match-card{border-radius:20px!important}
  .match-live-actions{grid-template-columns:1fr 1fr!important}

  /* Messages: show match list on mobile instead of hiding it */
  .messages-shell{
    display:flex!important;
    flex-direction:column!important;
    min-height:calc(100dvh - 190px)!important;
    border-radius:20px!important
  }
  .thread-list{
    display:flex!important;
    flex-direction:row!important;
    overflow-x:auto!important;
    border-right:0!important;
    border-bottom:1px solid #ece8e3!important;
    min-height:86px!important;
    max-height:106px!important;
    scrollbar-width:none;
  }
  .thread-list::-webkit-scrollbar{display:none}
  .thread{
    min-width:175px!important;
    max-width:210px!important;
    padding:12px!important;
    border-bottom:0!important;
    border-right:1px solid #f0eeeb!important;
  }
  .thread .avatar{width:42px;height:42px}
  .chat{
    min-height:calc(100dvh - 300px)!important;
  }
  .chat-head{padding:11px 12px!important}
  .chat-match-avatar{width:42px!important;height:42px!important}
  .chat-body{
    padding:14px!important;
    min-height:280px!important;
    overflow-y:auto!important
  }
  .bubble{max-width:84%!important;font-size:14px!important}
  .chat-input{
    position:sticky!important;
    bottom:0!important;
    background:#fff!important;
    padding:10px!important;
    z-index:5!important
  }
  .chat-input input{min-width:0!important;font-size:16px!important}
  .chat-unmatch-btn{font-size:9px!important;padding:7px 8px!important}

  /* Profile/settings */
  .profile-page{
    margin:18px auto!important;
    padding:0 2px!important
  }
  .profile-page h2{font-size:29px!important}
  .profile-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    margin:18px 0!important
  }
  .profile-actions .primary-btn{grid-column:1/-1}
  .settings-grid{grid-template-columns:1fr!important}
  .settings-grid article{padding:17px!important}

  /* Safety and empty states */
  .empty-state{
    margin:35px auto!important;
    padding:34px 20px!important;
    border-radius:20px!important
  }
  .empty-state h3{font-size:22px!important}

  /* Premium */
  .premium-page{padding:24px 12px 100px!important}
  .premium-hero{margin:25px auto 20px!important}
  .premium-hero h1{font-size:38px!important}
  .premium-card{padding:22px 16px!important;border-radius:22px!important}

  /* Toast above bottom nav */
  .toast{
    left:14px!important;right:14px!important;
    bottom:calc(88px + env(safe-area-inset-bottom))!important;
    text-align:center
  }
}

@media(max-width:390px){
  .hero-copy h1{font-size:36px!important}
  .app-header h2{font-size:24px!important}
  .nav-item span{font-size:7px!important}
  .profile-info h3{font-size:30px!important}
}


/* ============================================================
   PRODUCTION FIX 11 — SOCIAL DISCOVERY + SPOTLIGHT + LOCATION
   ============================================================ */
.profile-privacy-note{font-size:11px;color:#7b8495;margin:12px 0 0}
.profile-facts-form{grid-template-columns:repeat(2,minmax(0,1fr))}

.campus-spotlight-tray{
  margin:0 0 16px;
  padding:13px 15px;
  border:1px solid #f1d7a0;
  background:linear-gradient(135deg,#fff9e8,#fff4f6 58%,#f4f1ff);
  border-radius:20px;
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  box-shadow:0 10px 28px rgba(98,74,29,.07)
}
.campus-spotlight-tray[hidden]{display:none!important}
.spotlight-calendar-icon{
  width:48px;height:48px;border-radius:15px;
  display:grid;place-items:center;align-content:center;
  background:#101a31;color:#fff;font-weight:900;line-height:1
}
.spotlight-calendar-icon span{font-size:16px}
.spotlight-calendar-icon small{font-size:8px;color:#ffd66f;margin-top:3px}
.spotlight-copy{display:flex;flex-direction:column;min-width:0}
.spotlight-copy b{font-size:14px;color:#101a31}
.spotlight-copy small{font-size:10px;color:#70798a;margin-top:3px}
.spotlight-countdown{
  padding:7px 10px;border-radius:999px;background:#fff;
  font-size:10px;font-weight:900;color:#7a5a10;border:1px solid #ead7a9
}
.spotlight-profile{box-shadow:0 0 0 3px rgba(255,203,79,.38),0 18px 45px rgba(11,18,36,.13)!important}
.profile-status-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:7px}
.just-joined-badge,.spotlight-badge{
  display:inline-flex;align-items:center;
  padding:6px 9px;border-radius:999px;
  font-size:9px;font-weight:900;
}
.just-joined-badge{background:#f1ebff;color:#7047bd}
.spotlight-badge{background:#fff2c9;color:#7b5a08;border:1px solid rgba(180,135,24,.2)}

.things-common{
  display:flex;gap:10px;align-items:center;
  margin:10px 0;padding:10px 11px;
  border-radius:14px;background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.16)
}
.things-common>span{font-size:22px}
.things-common b{display:block;font-size:11px}
.things-common small{display:block;margin-top:2px!important;font-size:9px!important;opacity:.9}
.profile-prompt{display:block!important}
.profile-fact-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.profile-fact-list span{
  display:inline-flex;padding:6px 8px;border-radius:999px;
  font-size:9px;font-weight:800;
  background:rgba(10,18,35,.6);color:#fff;border:1px solid rgba(255,255,255,.15)
}

.profile-feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.feature-panel-card{
  border:1px solid #e7e7e4;background:#fff;border-radius:23px;
  padding:20px;display:flex;justify-content:space-between;gap:18px;align-items:center
}
.feature-panel-card h3{font-size:18px;margin:5px 0 7px}
.feature-panel-card p{font-size:11px;color:#70798a;line-height:1.5;margin:0}
.spotlight-price-box{min-width:175px;text-align:center;background:#fff8e7;border:1px solid #f1dba5;border-radius:18px;padding:14px}
.spotlight-price-box strong{display:block;font-size:28px}
.spotlight-price-box small{display:block;font-size:9px;color:#7c704f;margin:3px 0 10px}
.location-actions{min-width:190px;display:flex;flex-direction:column;gap:7px}
.spotlight-addon-card{margin-top:16px!important}

.chat-head-actions{display:flex;gap:7px;margin-left:auto}
.chat-location-btn{
  border:1px solid #cfe5da;background:#f3fbf7;color:#1e714c;
  border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer
}
.live-location-card{
  padding:10px 12px;border-bottom:1px solid #e7e9e8;
  background:linear-gradient(135deg,#f3fbf7,#f8f6ff);
  display:flex;justify-content:space-between;gap:12px;align-items:center
}
.live-location-card[hidden]{display:none!important}
.live-location-card b{display:block;font-size:11px}
.live-location-card small{display:block;font-size:9px;color:#697487;margin-top:2px}
.live-location-actions{display:flex;gap:6px;align-items:center}
.live-location-actions button{font-size:9px!important;padding:7px 9px!important}

@media(max-width:700px){
  .profile-facts-form{grid-template-columns:1fr!important}
  .campus-spotlight-tray{grid-template-columns:42px 1fr auto;padding:11px}
  .spotlight-calendar-icon{width:42px;height:42px}
  .spotlight-countdown{font-size:8px;padding:6px 7px}
  .profile-feature-panel{grid-template-columns:1fr!important}
  .feature-panel-card{display:block;padding:17px}
  .spotlight-price-box,.location-actions{min-width:0;width:100%;margin-top:14px}
  .things-common{background:rgba(10,18,35,.06);border-color:rgba(10,18,35,.08);color:#101a31}
  .profile-fact-list span{background:#f0f2f5;color:#263044;border-color:#e4e7eb}
  .profile-info .things-common small{color:#637084!important}
  .chat-head-actions{gap:5px}
  .chat-location-btn,.chat-unmatch-btn{font-size:8px!important;padding:6px 7px!important}
  .live-location-card{align-items:flex-start;flex-direction:column}
  .live-location-actions{width:100%}
}



/* ============================================================
   FIX 12 — PROFILE COMPLETION, DISTANCE TOGGLE, TRUST UI
   ============================================================ */
.proximity-quick-toggle.active{
  background:#eef9f2!important;
  border-color:#bfe5cb!important;
  color:#176d43!important;
}
.verification-trust-panel{
  margin-top:16px;
  border:1px solid #dfe7e2;
  background:linear-gradient(135deg,#f7fff9,#f8f6ff);
  border-radius:23px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.verification-trust-panel[hidden]{display:none!important}
.verification-trust-panel h3{margin:4px 0 7px;font-size:20px}
.verification-trust-panel p{margin:0 0 6px;color:#667085;font-size:12px;line-height:1.5}
.verification-trust-panel small{color:#8992a3;font-size:10px}
.verification-trust-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}
.verification-badge-preview{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 12px;border-radius:999px;
  background:#f1f3f6;color:#7b8495;font-size:11px;font-weight:900
}
.verification-badge-preview.verified-on{
  background:#eaf5ff;color:#2586d9;border:1px solid #c7e5ff
}
.empty-state .primary-btn{margin-top:14px}
@media(max-width:700px){
  .discover-tools{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .remaining-pill{order:1}
  .proximity-quick-toggle{order:2}
  .discover-tools .filter-btn:last-child{order:3}
  .verification-trust-panel{display:block;padding:17px}
  .verification-trust-actions{min-width:0;margin-top:14px}
}


/* FIX 14 — test feedback polish */
.spotlight-nav-cta{
  width:calc(100% - 18px);margin:8px 9px 10px;border:0;border-radius:18px;padding:11px 10px;
  display:flex;gap:9px;align-items:center;text-align:left;background:linear-gradient(135deg,#fff0c2,#ffe0e8);
  color:#111827;box-shadow:0 8px 22px rgba(255,93,118,.12);cursor:pointer
}
.spotlight-nav-cta span{font-size:20px}.spotlight-nav-cta b{display:block;font-size:11px}.spotlight-nav-cta small{font-size:9px;color:#6b7280}
.profile-top-monetize{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 18px}
.spotlight-hero-btn,.identity-trust-btn{
  border:1px solid #e4e7ec;border-radius:20px;padding:14px 16px;background:#fff;display:grid;
  grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left;cursor:pointer
}
.spotlight-hero-btn{background:linear-gradient(135deg,#fff7d6,#fff0f2);border-color:#f2d58d}
.spotlight-hero-btn span,.identity-trust-btn span{font-size:22px}
.spotlight-hero-btn b,.identity-trust-btn b{display:block;font-size:13px}
.spotlight-hero-btn small,.identity-trust-btn small{font-size:10px;color:#667085}
.spotlight-hero-btn strong,.identity-trust-btn strong{font-size:11px}
.identity-trust-btn.identity-approved{background:#eef9f2;border-color:#bfe5cb}
.identity-verify-panel{margin-top:16px;border:1px solid #dfe3e8;border-radius:22px;padding:18px;background:#fff}
.identity-verify-panel[hidden]{display:none!important}
.identity-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}
.identity-verify-panel label{display:grid;gap:6px;font-weight:800;font-size:12px;margin:14px 0}
.identity-verify-panel select,.identity-verify-panel input{width:100%;padding:12px;border:1px solid #d8dde5;border-radius:12px}
.identity-privacy-note{padding:10px 12px;background:#f7f9fc;border-radius:12px;margin:12px 0;font-size:11px;color:#667085}
.new-match-banner{display:inline-flex;padding:8px 11px;border-radius:999px;background:#fff0f4;color:#d92d55;font-weight:900;font-size:11px;margin-bottom:10px}
.waiting-match-state{padding:10px 12px;border-radius:14px;background:#f5f7fa;color:#667085;font-weight:800;font-size:11px;margin-bottom:10px}
.pending-match-card{border-color:#f5c5d2!important;box-shadow:0 10px 30px rgba(217,45,85,.08)!important}
.nav-profile-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}
.nav-profile-avatar img{width:100%;height:100%;object-fit:cover}
.mobile-chat-back{display:none;border:0;background:transparent;font-size:22px;padding:4px 7px}
@media(max-width:700px){
  .profile-top-monetize{grid-template-columns:1fr}
  .spotlight-nav-cta{display:none}
  .messages-shell{height:auto!important;min-height:0!important}
  #messages .chat{min-height:0!important}
  #messages:not(.has-active-match) .chat-input{display:none!important}
  #messages:not(.has-active-match) .chat-body{min-height:180px!important;height:auto!important}
  #messages.has-active-match .chat-body{height:42dvh!important;min-height:260px!important}
  .mobile-chat-back{display:inline-flex}
  .chat-head{position:sticky;top:0;z-index:4;background:#fff}
  .chat-input{position:sticky;bottom:calc(86px + env(safe-area-inset-bottom));z-index:5;background:#fff}
}


/* ============================================================
   FIX 15 — profile headshot nav, stronger Spotlight, camera ID
   ============================================================ */
.nav-profile-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.72);
  background:#dfe6f2;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.nav-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.nav-profile-initial{
  width:100%;height:100%;display:grid;place-items:center;
  font-size:13px;font-weight:900;color:#15223e;background:#f4f7fb
}
.nav-item.has-profile-photo .nav-profile-avatar{
  border-color:#fff;
}

/* Profitable feature must look intentional, not squeezed into the sidebar. */
.spotlight-profit-cta{
  position:relative;
  width:100%!important;
  min-height:104px;
  margin:16px 0 12px!important;
  padding:14px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
  text-align:center!important;
  border:1px solid #f3be43!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.9),transparent 38%),
    linear-gradient(160deg,#fff4b8,#ffd985 45%,#ff9aa9 130%)!important;
  color:#18213b!important;
  box-shadow:0 14px 28px rgba(240,173,44,.28), inset 0 1px 0 rgba(255,255,255,.7)!important;
  overflow:hidden;
}
.spotlight-profit-cta::before{
  content:"FEATURED";
  position:absolute;top:7px;right:-24px;
  transform:rotate(34deg);
  background:#ff5f76;color:#fff;
  font-size:6px;font-weight:1000;letter-spacing:.8px;
  padding:4px 28px;
}
.spotlight-profit-cta .spotlight-spark{font-size:25px!important;line-height:1}
.spotlight-profit-cta b{font-size:10px!important;letter-spacing:.7px;line-height:1.05}
.spotlight-profit-cta small{font-size:8px!important;color:#6e4d08!important;font-weight:900}
.spotlight-profit-cta .spotlight-arrow{display:none}
.spotlight-profit-cta:hover{transform:translateY(-2px) scale(1.015)}
.spotlight-profit-cta.is-active{
  background:linear-gradient(150deg,#e8fff0,#b9f1cd)!important;
  border-color:#4bbb78!important;
}

.spotlight-profit-hero{
  border:2px solid #f2bd3a!important;
  background:linear-gradient(135deg,#fff7cb,#ffe19b 55%,#ffd1d8)!important;
  box-shadow:0 15px 38px rgba(234,172,48,.22)!important;
}
.spotlight-profit-hero em{
  display:block;font-size:8px;font-style:normal;font-weight:1000;letter-spacing:1.4px;color:#d17b00;margin-bottom:3px
}
.spotlight-profit-hero b{font-size:17px!important}
.spotlight-profit-hero strong{
  min-width:60px;text-align:center;background:#ff5f76;color:#fff;padding:11px 9px;border-radius:14px;font-size:13px!important
}
.spotlight-profit-hero.is-active strong{background:#24a163}

/* Optional ID verification */
.identity-capture-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0
}
.identity-capture-btn{
  border:1px solid #dbe2eb;border-radius:18px;background:#fff;padding:18px 14px;
  display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer
}
.identity-capture-btn.camera{
  background:linear-gradient(135deg,#eef8ff,#f5f1ff);border-color:#cfe3ff
}
.identity-capture-btn.upload{
  background:linear-gradient(135deg,#f6fff8,#effbf2);border-color:#cfe8d7
}
.identity-capture-btn span{font-size:28px}
.identity-capture-btn b{font-size:13px}
.identity-capture-btn small{font-size:10px;color:#758095}
.identity-file-preview{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:13px 15px;border:1px solid #b9e1c8;background:#f2fbf5;border-radius:15px;margin:12px 0
}
.identity-file-preview[hidden]{display:none!important}
.identity-preview-icon{font-size:24px}
.identity-file-preview b,.identity-file-preview small{display:block}
.identity-file-preview small{font-size:10px;color:#667085;margin-top:3px}
.identity-ready-check{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#23a36d;color:#fff;font-weight:1000
}
.identity-validity-box{
  display:grid;gap:7px;padding:14px 15px;border-radius:16px;background:#fafafa;border:1px solid #eceef2;
  margin:12px 0;font-size:11px;color:#667085
}
.identity-validity-box b{font-size:12px;color:#18213b}
.identity-verified-badge{
  display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:999px;
  margin-left:6px;background:#e8f8ee;color:#16854e;border:1px solid #bce7cc;
  font-size:9px;font-weight:1000;vertical-align:middle
}
@media(max-width:700px){
  .identity-capture-grid{grid-template-columns:1fr}
  .spotlight-profit-hero{grid-template-columns:auto 1fr auto!important}
  .nav-profile-avatar{width:30px!important;height:30px!important}
}


/* FIX 16 */
.id-side-card{
  border:1px solid #e1e5eb;border-radius:18px;padding:15px;margin:14px 0;background:#fff
}
.id-side-heading{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.id-side-heading>span{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;
  background:#17223e;color:#fff;font-weight:1000;font-size:11px
}
.id-side-heading b,.id-side-heading small{display:block}
.id-side-heading small{font-size:10px;color:#7b8495;margin-top:2px}
.spotlight-loading{cursor:wait!important;opacity:.78}
#spotlightNavCta.spotlight-loading{transform:none!important}
.profile-fact-list span:last-child{
  max-width:100%;
}
@media(max-width:700px){
  .id-side-card{padding:12px}
}

/* Keep sidebar Spotlight readable inside the narrow rail. */
.spotlight-profit-cta{
  min-height:112px!important;
  overflow:hidden!important;
  word-break:normal!important;
}
.spotlight-profit-cta b,.spotlight-profit-cta small{
  max-width:82px;
  text-align:center;
}


/* FIX 17 — gold Spotlight + preview tools + working ID pickers */
.gold-spotlight-card{
  background:linear-gradient(145deg,#fff9d8 0%,#ffe58d 38%,#f7bf36 72%,#ffdf7c 100%)!important;
  border:2px solid #e6ad1e!important;
  color:#2b2106!important;
  box-shadow:0 12px 32px rgba(212,153,19,.32), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.gold-spotlight-card b,.gold-spotlight-card small,.gold-spotlight-card em{color:#2b2106!important}
.gold-spotlight-buy{
  border:0;border-radius:15px;padding:15px 18px;font-weight:1000;font-size:14px;cursor:pointer;
  background:linear-gradient(135deg,#f9d45c,#d99a08);color:#241a00;
  box-shadow:0 9px 22px rgba(184,125,0,.25)
}
.spotlight-addon-card{
  background:linear-gradient(145deg,#fffcef,#fff1b7)!important;
  border:2px solid #e2b33f!important;
  box-shadow:0 18px 42px rgba(210,158,33,.18)!important
}
.spotlight-preview-link{
  margin-top:11px;border:0;background:transparent;color:#8f6500;text-decoration:underline;
  font-weight:900;font-size:11px;cursor:pointer
}
.campus-spotlight-tray{
  cursor:pointer!important;
  border:2px solid #e5b12d!important;
  background:linear-gradient(135deg,#fff9d5,#ffe18a)!important;
  box-shadow:0 12px 30px rgba(212,153,19,.25)!important
}
.spotlight-profile{
  border:3px solid #e4b32a!important;
  box-shadow:0 0 0 5px rgba(255,220,87,.18),0 24px 55px rgba(196,140,16,.25)!important
}
.gold-live-badge{
  background:linear-gradient(135deg,#fff2a8,#e7ad1a)!important;
  color:#332400!important;border:1px solid #c98e00!important;font-weight:1000!important;
  box-shadow:0 6px 15px rgba(198,139,0,.28)!important
}
.preview-test-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.gold-preview-btn{
  border:1px solid #d99b0f;border-radius:13px;padding:11px 15px;background:linear-gradient(135deg,#fff2a4,#e6af23);
  color:#352500;font-weight:1000;cursor:pointer
}
.preview-only-note{display:block;margin-top:10px;color:#98a2b3}
.preview-overlay[hidden]{display:none!important}
.preview-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}
.preview-backdrop{position:absolute;inset:0;background:rgba(7,13,27,.72);backdrop-filter:blur(5px)}
.preview-modal{position:relative;z-index:2;width:min(560px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.34)}
.preview-close{position:absolute;right:16px;top:12px;border:0;background:#f3f4f6;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}
.preview-label{font-size:10px;letter-spacing:1.6px;font-weight:1000;color:#ff6077;margin-bottom:16px}
.preview-label.gold{color:#a87300}
.preview-match-card{text-align:center;padding:14px 8px}
.preview-avatar-pair{display:flex;justify-content:center;align-items:center;margin:12px 0 20px}
.preview-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-weight:1000;font-size:28px;border:4px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.preview-avatar.you{background:#dff8e8}.preview-avatar.them{background:#ffe5ec;margin-left:-10px}.preview-heart{z-index:2;margin:0 -10px;background:#ff5f76;color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:21px}
.preview-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff0f4;color:#d92d55;font-weight:1000;font-size:10px}
.preview-match-card h2{margin:13px 0 7px}
.preview-match-card p{color:#667085}
.preview-match-actions{display:flex;gap:10px;justify-content:center;margin:20px 0}
.gold-feed-preview{display:grid;gap:16px}
.gold-feed-photo{min-height:400px;border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,#4b5361,#111827 65%)}
.gold-feed-overlay{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.88))}
.gold-feed-ribbon{display:inline-flex;justify-self:start;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#fff2a6,#e2aa18);font-size:10px;font-weight:1000;color:#362600}
.gold-feed-content{position:absolute;left:22px;right:22px;bottom:22px;color:#fff}
.gold-feed-content h2{font-size:36px;margin:10px 0 4px}.gold-feed-content p{margin:0 0 12px}
.gold-feed-note{padding:12px;border:1px solid rgba(255,222,112,.48);border-radius:14px;background:rgba(25,20,5,.55);font-size:11px;line-height:1.4}
.gold-persistent-tray{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px;border:2px solid #e3b126;border-radius:17px;background:linear-gradient(135deg,#fff8cc,#ffe381)}
.gold-persistent-tray span{font-size:24px}.gold-persistent-tray b,.gold-persistent-tray small{display:block}.gold-persistent-tray small{font-size:10px;color:#6f5a16}.gold-persistent-tray strong{font-size:12px}
.spotlight-rule-note{color:#7b8495;line-height:1.4}
body.preview-open{overflow:hidden}
.identity-capture-btn{position:relative;z-index:1;pointer-events:auto!important}
.identity-capture-btn *{pointer-events:none}
@media(max-width:700px){
  .preview-modal{padding:20px 16px;border-radius:22px}
  .gold-feed-photo{min-height:350px}
}


/* FIX 18 — actual browser camera + preview-mode isolation */
.camera-overlay[hidden]{display:none!important}
.camera-overlay{
  position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px
}
.camera-backdrop{position:absolute;inset:0;background:rgba(5,10,20,.86);backdrop-filter:blur(6px)}
.camera-modal{
  position:relative;z-index:2;width:min(640px,96vw);background:#fff;border-radius:26px;padding:20px;
  box-shadow:0 30px 90px rgba(0,0,0,.45)
}
.camera-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
.camera-head h3{margin:4px 0 12px}
.camera-close{
  border:0;background:#f1f3f6;width:40px;height:40px;border-radius:50%;font-size:25px;cursor:pointer
}
.camera-view{
  position:relative;overflow:hidden;border-radius:20px;background:#080d18;aspect-ratio:4/3
}
.camera-view video{width:100%;height:100%;object-fit:cover}
.camera-guide{
  position:absolute;inset:12%;border:3px solid rgba(255,215,74,.95);border-radius:18px;
  box-shadow:0 0 0 999px rgba(0,0,0,.20);pointer-events:none
}
.camera-guide small{
  position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);
  white-space:nowrap;background:#111827;color:#fff;padding:6px 9px;border-radius:999px;font-size:10px
}
.camera-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}
.camera-help{margin:12px 0 0;color:#667085;font-size:11px;text-align:center}
#previewSpotlightBtn[hidden]{display:none!important}
.preview-close{z-index:5}
@media(max-width:700px){
  .camera-modal{padding:14px;border-radius:20px}
  .camera-actions{flex-direction:column-reverse}
  .camera-actions button{width:100%}
  .camera-guide{inset:10% 7%}
}


/* FIX 19 — camera controls */
.camera-overlay{z-index:2147483000!important}
.camera-modal{z-index:2147483002!important;pointer-events:auto!important}
.camera-backdrop{z-index:2147483001!important}
.camera-modal button{pointer-events:auto!important;position:relative;z-index:10}
.camera-view{z-index:1}
.camera-guide{z-index:2;pointer-events:none!important}
#captureIdentityPhotoBtn:disabled{opacity:.65;cursor:wait}


/* FIX 20 — Active Spotlight owner state + purchase lock */
.my-spotlight-status[hidden]{display:none!important}
.my-spotlight-status{
  margin:14px auto 4px;
  width:max-content;
  max-width:92%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border:1px solid #e9ad00;
  border-radius:999px;
  background:linear-gradient(135deg,#fff8c9,#ffd45a);
  box-shadow:0 12px 34px rgba(206,153,0,.22);
  color:#6f4b00;
}
.my-spotlight-status>span{font-size:20px}
.my-spotlight-status b{display:block;font-size:11px;letter-spacing:1.2px}
.my-spotlight-status small{display:block;margin-top:2px;color:#7a5b13;font-weight:700}

.spotlight-owner-active .final-profile-page,
.spotlight-owner-active .profile-page{
  border:2px solid rgba(223,165,0,.72)!important;
  box-shadow:
    0 0 0 7px rgba(255,215,74,.13),
    0 28px 80px rgba(164,113,0,.18)!important;
}
.spotlight-owner-card-active .profile-avatar{
  box-shadow:
    0 0 0 5px #fff,
    0 0 0 9px #f2b900,
    0 18px 48px rgba(173,116,0,.28)!important;
}
.spotlight-owner-card-active h2::after{
  content:" ✨";
  font-size:.62em;
  vertical-align:middle;
}
.spotlight-purchase-locked{
  cursor:not-allowed!important;
  filter:saturate(.9);
}
#profileSpotlightHeroBtn.is-active{
  background:linear-gradient(135deg,#fff4a8,#ffc43b 55%,#ffae2b)!important;
  border:2px solid #dfa500!important;
  box-shadow:0 18px 44px rgba(194,133,0,.25)!important;
  color:#5b3b00!important;
}
#profileSpotlightHeroBtn.is-active strong{
  background:#8a6100!important;
  color:#fff!important;
}
#spotlightNavCta.is-active{
  background:linear-gradient(145deg,#fff4a8,#ffc928)!important;
  border-color:#e5aa00!important;
  color:#5d4100!important;
  box-shadow:0 12px 32px rgba(212,151,0,.3)!important;
}
.spotlight-profile{
  border:3px solid #efb900!important;
  box-shadow:
    0 0 0 6px rgba(255,211,63,.16),
    0 24px 60px rgba(168,113,0,.24)!important;
}
.spotlight-profile::before{
  content:"✨ CAMPUS SPOTLIGHT";
  position:absolute;
  z-index:12;
  top:18px;
  left:18px;
  padding:9px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffe886,#ffc52f);
  border:1px solid rgba(128,83,0,.18);
  color:#583900;
  font-weight:1000;
  font-size:11px;
  letter-spacing:.8px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.gold-live-badge{
  background:linear-gradient(135deg,#fff3a7,#ffc627)!important;
  color:#5b3b00!important;
  border:1px solid #e6ad00!important;
  font-weight:1000!important;
}
.campus-spotlight-tray:not([hidden]){
  border:2px solid #e8ae00!important;
  background:linear-gradient(135deg,#fff9d1,#ffd65a)!important;
  box-shadow:0 18px 44px rgba(176,121,0,.22)!important;
}
@media(max-width:700px){
  .my-spotlight-status{border-radius:18px;width:92%;justify-content:center}
  .spotlight-profile::before{top:12px;left:12px;font-size:9px}
}


/* FIX 20B — unmistakable active Spotlight badge */
.spotlight-active-ribbon[hidden]{display:none!important}
.spotlight-active-ribbon{
  margin:0 auto 22px;
  width:min(780px,92%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px 22px;
  border-radius:22px;
  border:2px solid #dca600;
  background:
    radial-gradient(circle at 15% 30%,rgba(255,255,255,.75),transparent 24%),
    linear-gradient(135deg,#fff6b7 0%,#ffd85a 46%,#f5b400 100%);
  color:#563900;
  box-shadow:
    0 0 0 6px rgba(255,210,47,.14),
    0 18px 50px rgba(177,120,0,.24);
  text-align:left;
}
.spotlight-active-ribbon>span{font-size:30px}
.spotlight-active-ribbon b{
  display:block;
  font-size:15px;
  letter-spacing:1.5px;
  font-weight:1000;
}
.spotlight-active-ribbon small{
  display:block;
  margin-top:3px;
  font-size:12px;
  font-weight:800;
  color:#725000;
}
.spotlight-owner-active .profile-avatar,
.spotlight-owner-active .profile-photo,
.spotlight-owner-active img.profile-avatar{
  box-shadow:
    0 0 0 5px #fff,
    0 0 0 10px #f0b900,
    0 20px 55px rgba(169,112,0,.33)!important;
}
.spotlight-owner-active .profile-name::after,
.spotlight-owner-active h1::after,
.spotlight-owner-active h2::after{
  content:" ✨";
}
.spotlight-owner-active #profileSpotlightHeroBtn,
.spotlight-owner-active .spotlight-card{
  background:linear-gradient(135deg,#fff4aa,#ffd34f,#f3b000)!important;
  border:2px solid #db9e00!important;
}
@media(max-width:700px){
  .spotlight-active-ribbon{
    width:94%;
    padding:13px 15px;
    border-radius:18px;
  }
}


/* FIX 21 — active access state and unmistakable Spotlight portrait treatment */
.premium-active-btn{
  background:linear-gradient(135deg,#1b7a4a,#2da667)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(26,124,75,.22)!important;
}

.spotlight-owner-active .profile-avatar{
  position:relative!important;
  overflow:visible!important;
  box-shadow:
    0 0 0 5px #fff,
    0 0 0 10px #f0b900,
    0 0 0 14px rgba(255,210,49,.26),
    0 22px 58px rgba(173,116,0,.36)!important;
}
.spotlight-owner-active .profile-avatar::after{
  content:"✨";
  position:absolute;
  right:-13px;
  top:-11px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#fff4a4,#ffc51f);
  border:3px solid #fff;
  color:#6a4600;
  font-size:19px;
  box-shadow:0 8px 22px rgba(126,84,0,.28);
  z-index:4;
}
.spotlight-owner-active .profile-trust-line::before{
  content:"✨ CAMPUS SPOTLIGHT ACTIVE • ";
  color:#9b6a00;
  font-weight:1000;
}


/* FIX 21A — stronger active Spotlight treatment */
.spotlight-owner-active .profile-avatar{
  outline:5px solid #f4bd00!important;
  outline-offset:6px!important;
  box-shadow:
    0 0 0 11px rgba(255,216,69,.22),
    0 18px 55px rgba(168,112,0,.34)!important;
}
.spotlight-owner-active .profile-avatar::after{
  content:"✨"!important;
  position:absolute!important;
  right:-18px!important;
  top:-18px!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#fff5a8,#ffc323)!important;
  border:3px solid white!important;
  box-shadow:0 10px 24px rgba(125,82,0,.28)!important;
  z-index:20!important;
}
.spotlight-owner-active .profile-trust-line{
  color:#8b6200!important;
  font-weight:900!important;
}
.spotlight-owner-active .profile-trust-line::before{
  content:"✨ CAMPUS SPOTLIGHT ACTIVE • "!important;
  color:#a16f00!important;
}
.spotlight-owner-active #profileSpotlightHeroBtn{
  background:linear-gradient(135deg,#fff2a3,#ffd14a,#f0ad00)!important;
  border:2px solid #d99e00!important;
  box-shadow:0 16px 42px rgba(175,118,0,.26)!important;
}


/* FIX 22 — inclusive identity & discovery */
.inclusive-dating-section{
  background:linear-gradient(145deg,#fff,#fbf8ff);
}
.inclusive-subgroup{margin-top:18px}
.inclusive-label{
  display:block;
  font-weight:900;
  margin-bottom:10px;
  color:#101827;
}
.inclusive-choice-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.custom-identity-wrap{
  margin-top:12px;
}
.custom-identity-wrap input{
  width:100%;
  margin-top:7px;
}
.inclusive-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}
.inclusive-form-grid label{
  font-weight:800;
}
.inclusive-form-grid select{
  width:100%;
  margin-top:7px;
}
.orientation-visibility{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:16px;
  padding:14px 16px;
  border:1px solid #e8e7ef;
  border-radius:16px;
  background:#fff;
}
.orientation-visibility input{
  margin-top:4px;
  transform:scale(1.15);
}
.orientation-visibility span{display:block}
.orientation-visibility b{display:block}
.orientation-visibility small{
  display:block;
  margin-top:3px;
  color:#727b8d;
}
.interest-gender-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.interest-gender-choice{
  border:1px solid #dfe2e8;
  background:#fff;
  border-radius:999px;
  padding:11px 16px;
  font-weight:900;
  cursor:pointer;
}
.interest-gender-choice.selected{
  background:#121d36;
  color:#fff;
  border-color:#121d36;
  box-shadow:0 8px 24px rgba(18,29,54,.14);
}
.profile-identity-line{
  margin-top:-4px!important;
  margin-bottom:10px!important;
  font-size:14px!important;
  font-weight:800!important;
  color:#677186!important;
}
@media(max-width:850px){
  .inclusive-choice-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .inclusive-form-grid{grid-template-columns:1fr}
  .inclusive-choice-grid{grid-template-columns:1fr!important}
}


/* FIX 24 — active Spotlight auth/state polish */
.spotlight-owner-active .profile-avatar{
  outline:5px solid #f4bd00!important;
  outline-offset:7px!important;
}
.spotlight-owner-active .profile-avatar::after{
  content:"✨"!important;
  display:grid!important;
}
#spotlightActiveRibbon{
  position:relative;
  z-index:5;
}

.idv-uploader[hidden]{display:none!important}
.idv-uploader{
  position:fixed;inset:0;z-index:99999;
  background:rgba(10,18,34,.72);
  display:grid;place-items:center;
  padding:22px;overflow:auto;
}
.idv-card{
  width:min(820px,96vw);
  background:#fff;border-radius:28px;padding:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}
.idv-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.idv-head small{color:#ff5b72;font-weight:1000;letter-spacing:1.4px}
.idv-head h2{margin:5px 0 18px}
.idv-head button{border:0;background:#f2f4f7;border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer}
.idv-card label{display:block;font-weight:800}
.idv-card select{width:100%;margin-top:7px;padding:12px;border:1px solid #dfe3e8;border-radius:12px}
.idv-status{margin:18px 0;padding:13px 15px;border-radius:15px;background:#f6f7f9;border:1px solid #e1e4e8}
.idv-status b,.idv-status small{display:block}
.idv-status small{margin-top:3px;color:#697386}
.idv-status.pending{background:#fff8df;border-color:#efd277}
.idv-status.approved{background:#eaf8ef;border-color:#9bd3ae;color:#17623a}
.idv-status.rejected{background:#fff0f0;border-color:#efb1b1;color:#842727}
.idv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.idv-pick{padding:24px;border:1px solid #dfe4e9;border-radius:20px;background:#f9fbff;cursor:pointer}
.idv-pick b,.idv-pick small{display:block}
.idv-pick small{margin-top:5px;color:#6f7888}
.idv-submit{width:100%;margin-top:16px;padding:15px;border:0;border-radius:16px;background:#ff5b72;color:white;font-weight:1000;font-size:16px;cursor:pointer}
.idv-submit:disabled{opacity:.6}
.idv-note{text-align:center;color:#6f7888;font-size:13px}
.idv-badge{width:max-content;margin:6px auto 10px;padding:7px 11px;border-radius:999px;background:#eaf8ef;border:1px solid #9bd3ae;color:#17623a;font-weight:1000;font-size:12px}
.idv-badge[hidden]{display:none!important}
@media(max-width:650px){.idv-grid{grid-template-columns:1fr}.idv-card{padding:20px}}


/* ============================================================
   FIX 26 — ID modal, mobile Discover polish, startup polish
   ============================================================ */

/* Do not show the large landing page while Supabase decides the signed-in route. */
body.app-booting{
  overflow:hidden;
}
body.app-booting .screen{
  visibility:hidden!important;
}
body.app-booting::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:99998;
  background:
    radial-gradient(circle at 25% 15%,rgba(209,255,231,.65),transparent 28%),
    radial-gradient(circle at 85% 12%,rgba(234,226,255,.65),transparent 30%),
    #fff;
}
body.app-booting::after{
  content:"Your Campus Dating";
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:99999;
  color:#13203b;
  font-family:Nunito,Inter,system-ui,sans-serif;
  font-size:clamp(24px,5vw,40px);
  font-weight:1000;
  letter-spacing:-.03em;
}

/* The original full camera/upload trust check becomes the only modal. */
.identity-modal-body-open{overflow:hidden!important}
#identityVerifyPanel.identity-modal-open{
  position:fixed!important;
  inset:0!important;
  z-index:99990!important;
  margin:0!important;
  padding:clamp(18px,3vw,34px)!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(12,20,38,.74)!important;
  overflow:auto!important;
  display:block!important;
}
#identityVerifyPanel.identity-modal-open::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:rgba(12,20,38,.18);
  backdrop-filter:blur(10px);
}
#identityVerifyPanel.identity-modal-open > *{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
#identityVerifyPanel.identity-modal-open .identity-panel-head,
#identityVerifyPanel.identity-modal-open > p,
#identityVerifyPanel.identity-modal-open > label,
#identityVerifyPanel.identity-modal-open .id-side-card,
#identityVerifyPanel.identity-modal-open .identity-validity-box,
#identityVerifyPanel.identity-modal-open .identity-privacy-note,
#identityVerifyPanel.identity-modal-open #submitIdentityVerifyBtn,
#identityVerifyPanel.identity-modal-open #identityVerifyStatusText{
  background:#fff;
}
#identityVerifyPanel.identity-modal-open .identity-panel-head{
  padding:24px 24px 4px;
  border-radius:28px 28px 0 0;
}
#identityVerifyPanel.identity-modal-open > p{
  padding:10px 24px 6px;
  margin:0 auto;
}
#identityVerifyPanel.identity-modal-open > label{
  padding:12px 24px;
  margin:0 auto!important;
}
#identityVerifyPanel.identity-modal-open .id-side-card{
  border-radius:22px;
  padding:20px;
}
#identityVerifyPanel.identity-modal-open .identity-validity-box,
#identityVerifyPanel.identity-modal-open .identity-privacy-note{
  padding:16px 20px;
}
#identityVerifyPanel.identity-modal-open #submitIdentityVerifyBtn{
  display:block;
  width:min(980px,100%);
  margin:14px auto 0;
  background:#ff5f76;
  color:#fff;
}
#identityVerifyPanel.identity-modal-open #identityVerifyStatusText{
  display:block;
  width:min(980px,100%);
  margin:0 auto;
  padding:14px 20px 22px;
  text-align:center;
  border-radius:0 0 28px 28px;
}
#identityVerifyPanel.identity-modal-open .identity-panel-head .text-btn{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#f2f4f7;
  font-size:0;
}
#identityVerifyPanel.identity-modal-open .identity-panel-head .text-btn::before{
  content:"✕";
  font-size:20px;
}
.identity-status-success{
  color:#17864f!important;
  font-weight:1000!important;
  background:#effaf3!important;
}
.identity-submit-success{
  background:#25a765!important;
  color:#fff!important;
}

/* Phone: bigger actual Discover experience, smaller monetization chrome. */
@media(max-width:700px){
  .app-content{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .final-discover-stage,
  .discover-stage{
    width:100%!important;
    max-width:none!important;
  }

  .final-discover-stage .discover-card,
  .discover-stage .discover-card,
  .discover-card{
    width:100%!important;
    height:72dvh!important;
    min-height:590px!important;
    max-height:760px!important;
    border-radius:24px!important;
  }

  .discover-card .profile-info{
    left:18px!important;
    right:18px!important;
    bottom:20px!important;
  }

  .discover-card .profile-info h3{
    font-size:34px!important;
  }

  /* Never let the gold Spotlight sales card become a giant mobile nav tile. */
  .sidebar .spotlight-nav-cta,
  .sidebar .spotlight-profit-cta{
    display:none!important;
  }

  .profile-top-monetize .spotlight-profit-hero{
    min-height:auto!important;
    padding:12px 14px!important;
    border-radius:18px!important;
    grid-template-columns:auto 1fr auto!important;
  }
  .profile-top-monetize .spotlight-profit-hero b{
    font-size:14px!important;
  }
  .profile-top-monetize .spotlight-profit-hero small{
    font-size:9px!important;
    line-height:1.3!important;
  }
  .profile-top-monetize .spotlight-profit-hero strong{
    min-width:52px!important;
    padding:9px 8px!important;
    font-size:11px!important;
  }

  #identityVerifyPanel.identity-modal-open{
    padding:10px!important;
  }
  #identityVerifyPanel.identity-modal-open .identity-panel-head{
    padding:18px 18px 4px;
  }
  #identityVerifyPanel.identity-modal-open > p,
  #identityVerifyPanel.identity-modal-open > label{
    padding-left:18px;
    padding-right:18px;
  }
  #identityVerifyPanel.identity-modal-open .id-side-card{
    padding:14px!important;
  }
  #identityVerifyPanel.identity-modal-open .identity-capture-grid{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   FIX 27 — responsive fit + visible Settings hub
   ============================================================ */
html,body{
  max-width:100%;
  overflow-x:hidden!important;
}
*{box-sizing:border-box}
img,video,canvas,svg{max-width:100%}

.landing-page,
.landing-shell,
.hero,
.hero-grid,
.app-content,
.profile-page,
.premium-page{
  width:100%;
  max-width:100%;
}

.landing-page{
  overflow-x:hidden;
}
.landing-page .hero,
.landing-page .landing-hero{
  width:min(1180px,calc(100vw - 32px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.landing-page h1{
  font-size:clamp(44px,7vw,88px)!important;
  line-height:.98!important;
  overflow-wrap:anywhere;
}
.landing-page p{
  max-width:100%;
}
.landing-page .primary-btn.large,
.landing-page .secondary-btn.large{
  max-width:100%;
}

/* Desktop settings gets its own visible navigation item */
.desktop-settings-nav{display:flex!important}

/* Settings hub */
.settings-page-v2{
  max-width:1180px;
  margin:0 auto;
}
.settings-header-v2{
  align-items:flex-start;
}
.settings-hub-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.settings-hub-card{
  width:100%;
  min-height:118px;
  border:1px solid #e4e7ec;
  background:#fff;
  border-radius:22px;
  padding:20px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  box-shadow:0 8px 28px rgba(16,24,40,.04);
}
.settings-hub-card:hover{
  transform:translateY(-1px);
  border-color:#cfd5dd;
}
.settings-hub-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f5f7fa;
  font-size:23px;
}
.settings-hub-card b{
  display:block;
  font-size:18px;
  color:#101828;
}
.settings-hub-card small{
  display:block;
  margin-top:5px;
  color:#667085;
  line-height:1.35;
}
.settings-hub-card strong{
  font-size:30px;
  color:#98a2b3;
}
.spotlight-settings-card{
  border-color:#e8b321;
  background:linear-gradient(135deg,#fff8d9,#fff);
}
.settings-account-panel{
  margin-top:18px;
  border:1px solid #e4e7ec;
  border-radius:22px;
  background:#fff;
  padding:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.settings-account-facts{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  margin-top:12px;
}
.settings-account-facts div{
  display:grid;
  gap:3px;
}
.settings-account-facts span{
  color:#667085;
}
.danger-outline-btn{
  border:1px solid #ef4444;
  color:#b42318;
  background:#fff;
  border-radius:14px;
  padding:12px 16px;
  font-weight:900;
  cursor:pointer;
}
.identity-status-error{
  color:#b42318!important;
  background:#fff1f0!important;
  font-weight:900!important;
}

/* The landing screen should fit immediately on phones. */
@media(max-width:700px){
  .landing-page .hero,
  .landing-page .landing-hero{
    width:calc(100vw - 24px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .landing-page h1{
    font-size:clamp(42px,12vw,62px)!important;
  }
  .landing-page .hero-copy,
  .landing-page .landing-copy{
    min-width:0!important;
    width:100%!important;
  }
  .landing-page .primary-btn.large,
  .landing-page .secondary-btn.large{
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
  }

  .settings-hub-grid{
    grid-template-columns:1fr;
  }
  .settings-hub-card{
    min-height:100px;
  }
  .settings-account-panel{
    align-items:stretch;
    flex-direction:column;
  }
  .desktop-settings-nav{
    display:none!important;
  }

  /* Prevent the profile/spotlight area from overflowing viewport width */
  .profile-page,
  .final-profile-page,
  .profile-top-monetize,
  .settings-grid,
  .profile-feature-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

@media(min-width:701px){
  .app-content{
    min-width:0!important;
  }
  .profile-page,
  .final-profile-page{
    width:min(1180px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* ============================================================
   FIX 28 — Mobile landing fit + quick Settings access
   ============================================================ */

.mobile-settings-quick{
  display:none;
}

@media(max-width:700px){
  /* Guaranteed viewport fit for the very first landing screen */
  #landing,
  #landing .landing-page,
  #landing .landing-shell,
  #landing .landing-hero,
  #landing .hero,
  #landing .hero-grid,
  #landing .hero-copy,
  #landing .landing-copy{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }

  #landing{
    padding:0!important;
  }

  #landing .landing-page{
    padding:0 14px 28px!important;
  }

  #landing .landing-hero,
  #landing .hero{
    width:100%!important;
    margin:0!important;
    padding:22px 0 8px!important;
    display:block!important;
  }

  #landing h1{
    font-size:clamp(38px,10.5vw,54px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  #landing p{
    font-size:clamp(16px,4.4vw,21px)!important;
    line-height:1.38!important;
    max-width:100%!important;
  }

  #landing .eyebrow{
    font-size:clamp(12px,3.3vw,15px)!important;
    white-space:normal!important;
  }

  #landing .primary-btn,
  #landing .secondary-btn,
  #landing button,
  #landing a{
    max-width:100%!important;
  }

  #landing .primary-btn.large,
  #landing .secondary-btn.large{
    width:100%!important;
    min-width:0!important;
    font-size:clamp(16px,4.6vw,20px)!important;
    white-space:normal!important;
  }

  #landing .landing-stats,
  #landing .stats-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }

  #landing .campus-grid,
  #landing .participating-campuses{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Always-visible settings shortcut on signed-in mobile screens */
  .mobile-settings-quick{
    display:grid;
    place-items:center;
    position:fixed;
    right:14px;
    top:calc(env(safe-area-inset-top,0px) + 76px);
    z-index:8500;
    width:44px;
    height:44px;
    border:1px solid rgba(16,24,40,.10);
    border-radius:50%;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 24px rgba(16,24,40,.14);
    font-size:20px;
    cursor:pointer;
  }

  /* Never show this shortcut on landing/auth screens */
  body:not(.authenticated) #mobileSettingsQuickBtn{
    display:none;
  }

  /* Keep the bottom nav clean and evenly sized */
  .mobile-bottom-nav,
  .bottom-nav{
    width:calc(100vw - 24px)!important;
    left:12px!important;
    right:12px!important;
    max-width:none!important;
  }
}

/* Error state for verification */
.identity-status-error{
  color:#b42318!important;
  background:#fff1f0!important;
  border-color:#f4b4ae!important;
}


/* ============================================================
   FIX 29 — review-state lock + mobile Settings visibility
   ============================================================ */

.identity-review-banner{
  width:min(980px,100%);
  margin:0 auto 14px;
  padding:16px 18px;
  border-radius:18px;
  text-align:left;
}
.identity-review-banner b,
.identity-review-banner small{
  display:block;
}
.identity-review-banner small{
  margin-top:5px;
  line-height:1.4;
}
.identity-review-banner.pending{
  background:#fff8db;
  border:1px solid #e7c65f;
  color:#6d5400;
}
.identity-review-banner.approved{
  background:#eaf8ef;
  border:1px solid #9fd3b2;
  color:#17623a;
}
.identity-review-banner.rejected{
  background:#fff0f0;
  border:1px solid #efb1b1;
  color:#842727;
}

.identity-submit-pending{
  background:#d4a915!important;
  color:#fff!important;
  cursor:not-allowed!important;
}
.identity-status-pending{
  color:#755f00!important;
  background:#fff8df!important;
  font-weight:900!important;
}

/* Mobile Settings shortcut must remain visible on signed-in app screens. */
@media(max-width:700px){
  #mobileSettingsQuickBtn{
    display:none;
  }

  body .mobile-settings-quick{
    position:fixed!important;
    top:calc(env(safe-area-inset-top,0px) + 70px)!important;
    right:12px!important;
    z-index:9998!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:#fff!important;
    border:1px solid rgba(16,24,40,.12)!important;
    box-shadow:0 8px 22px rgba(16,24,40,.16)!important;
  }
}


/* ============================================================
   FIX 30 — Mobile navigation parity with desktop
   ============================================================ */

.mobile-settings-quick{display:none!important}

@media(max-width:700px){
  .mobile-bottom-nav,
  .bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px!important;
    width:calc(100vw - 16px)!important;
    left:8px!important;
    right:8px!important;
    padding:8px 6px!important;
    border-radius:24px!important;
  }

  .mobile-nav-item,
  .bottom-nav-item{
    min-width:0!important;
    padding:8px 2px!important;
    border-radius:16px!important;
  }

  .mobile-nav-item span,
  .bottom-nav-item span{
    font-size:20px!important;
    line-height:1!important;
  }

  .mobile-nav-item small,
  .bottom-nav-item small{
    font-size:10px!important;
    margin-top:5px!important;
    white-space:nowrap!important;
  }

  .mobile-settings-tab{
    display:flex!important;
  }

  .settings-account-actions{
    width:100%;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
  }

  .settings-account-actions .secondary-btn,
  .settings-account-actions .danger-outline-btn{
    flex:1 1 140px;
  }
}

@media(min-width:701px){
  .mobile-settings-tab{
    display:none!important;
  }
}


/* ============================================================
   FIX 31 — Settings in real mobile bottom bar + faster login
   ============================================================ */

@media(max-width:700px){
  /* The sidebar becomes the bottom navigation on mobile.
     Show the real Settings item rather than a floating shortcut. */
  .sidebar{
    height:76px!important;
    padding:7px 6px!important;
  }

  .sidebar nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px!important;
    width:100%!important;
    justify-content:initial!important;
  }

  .sidebar nav .nav-item,
  .sidebar nav .desktop-settings-nav{
    display:flex!important;
    min-width:0!important;
    padding:7px 1px!important;
    margin:0!important;
    border-radius:14px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .sidebar nav .desktop-settings-nav{
    visibility:visible!important;
    opacity:1!important;
  }

  .sidebar nav .nav-item{
    font-size:18px!important;
    gap:3px!important;
  }

  .sidebar nav .nav-item span{
    display:block!important;
    font-size:8.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    width:100%!important;
    text-align:center!important;
  }

  .app-content{
    padding-bottom:100px!important;
  }
}

/* Give login users immediate visual feedback */
#loginBtn:disabled{
  opacity:.7;
  cursor:wait;
}


/* ============================================================
   FIX 32 — approved Identity Verified state
   ============================================================ */
.profile-identity-approved-badge{
  width:max-content;
  margin:8px auto 8px;
  padding:8px 12px;
  border-radius:999px;
  background:#eaf8ef;
  border:1px solid #9fd3b2;
  color:#17623a;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.1px;
  box-shadow:0 6px 18px rgba(23,98,58,.08);
}
.profile-identity-approved-badge[hidden]{display:none!important}

.identity-trust-btn:has(#identityTrustActionLabel){
  transition:.18s ease;
}
#identityTrustActionLabel{
  white-space:nowrap;
}


/* ============================================================
   FIX 33 — Green Identity Verified badge everywhere
   ============================================================ */

.identity-public-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-left:8px;
  padding:5px 9px;
  border-radius:999px;
  background:#eaf8ef;
  border:1px solid #9fd3b2;
  color:#17623a;
  font-size:11px;
  font-weight:1000;
  line-height:1;
  vertical-align:middle;
  white-space:nowrap;
  box-shadow:0 3px 10px rgba(23,98,58,.07);
}
.identity-public-badge.compact{
  padding:4px 7px;
  font-size:9px;
  margin-left:5px;
}
.identity-public-badge[hidden]{
  display:none!important;
}

/* Discover */
.discover-card .name-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
}
.discover-card .name-row .identity-public-badge{
  margin-left:4px;
}

/* Matches */
.match-name-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}

/* Messages */
.thread-name-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px;
}
.thread .identity-public-badge.compact{
  transform:translateY(-1px);
}

/* Keep the verified-student blue check visually distinct */
.verified{
  background:#49a6ff!important;
  color:#fff!important;
}

/* Mobile: don't let the badge make cards overflow */
@media(max-width:700px){
  .identity-public-badge{
    font-size:10px;
    padding:5px 8px;
  }
  .identity-public-badge.compact{
    font-size:8px;
    padding:4px 6px;
  }
  .discover-card .name-row{
    max-width:100%;
  }
}


/* ============================================================
   FIX 34 — unmistakable GREEN identity verification treatment
   ============================================================ */

.public-id-verified,
#discover .public-id-verified,
#matches .public-id-verified,
#messages .public-id-verified{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#e8f8ee!important;
  border:1px solid #72c58e!important;
  color:#126b38!important;
  font-weight:1000!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}
.public-id-verified.compact{
  padding:4px 7px!important;
  font-size:9px!important;
}
.public-id-check{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  background:#22a65f!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
}

.green-check-only{
  display:inline-grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin-left:6px!important;
  border-radius:50%!important;
  background:#22a65f!important;
  color:white!important;
  border:2px solid white!important;
  box-shadow:0 2px 10px rgba(34,166,95,.28)!important;
  font-size:14px!important;
  font-weight:1000!important;
}

/* Discover gets a separate obvious trust badge on the image itself. */
#discover .discover-card .discover-green-trust-badge,
.discover-card .discover-green-trust-badge{
  position:absolute!important;
  z-index:8!important;
  top:18px!important;
  left:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(235,250,241,.97)!important;
  border:1px solid #67bf84!important;
  color:#126b38!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 8px 24px rgba(20,110,60,.18)!important;
  opacity:1!important;
  visibility:visible!important;
}
#discover .discover-card .discover-green-trust-badge span,
.discover-card .discover-green-trust-badge span{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#22a65f!important;
  color:white!important;
}

/* Keep Spotlight and identity badge from colliding. */
#discover .discover-card.spotlight-profile .discover-green-trust-badge{
  top:58px!important;
}

@media(max-width:700px){
  #discover .discover-card .discover-green-trust-badge,
  .discover-card .discover-green-trust-badge{
    top:12px!important;
    left:12px!important;
    padding:7px 9px!important;
    font-size:10px!important;
  }
  #discover .discover-card.spotlight-profile .discover-green-trust-badge{
    top:48px!important;
  }
  .green-check-only{
    width:21px!important;
    height:21px!important;
    font-size:12px!important;
  }
}


/* ============================================================
   FIX 35 — secure school OTP onboarding + simplified preferences
   ============================================================ */

.password-rule-summary{
  display:block;
  margin-top:7px;
  color:#667085;
  font-weight:600;
}
.password-rules{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:10px 0 4px;
}
.password-rules span{
  padding:6px 9px;
  border-radius:999px;
  background:#f4f5f7;
  color:#667085;
  border:1px solid #e4e7ec;
  font-size:11px;
  font-weight:800;
}
.password-rules span.ok{
  background:#eaf8ef;
  color:#17623a;
  border-color:#9fd3b2;
}
.onboarding-inline-error{
  margin:12px 0;
  padding:12px 14px;
  border-radius:14px;
  background:#fff0f0;
  border:1px solid #efb1b1;
  color:#9b2525;
  font-weight:800;
}

.otp-code-label{
  display:block;
  margin-top:20px;
  font-weight:900;
}
.otp-code-input{
  width:100%!important;
  margin-top:8px!important;
  height:70px!important;
  border-radius:18px!important;
  text-align:center!important;
  font-size:34px!important;
  font-weight:1000!important;
  letter-spacing:12px!important;
  font-variant-numeric:tabular-nums;
}
.otp-domain-note{
  margin-top:6px!important;
  font-size:12px!important;
  color:#667085!important;
}
.otp-verification-card .verification-status.ok{
  background:#eaf8ef;
  border-color:#9fd3b2;
  color:#17623a;
}

.simple-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.simple-profile-grid label{
  min-width:0;
}
.simple-profile-grid select{
  width:100%;
}
.simplified-orientation-toggle{
  margin-top:16px;
}
.simple-pairing-note{
  margin-top:14px;
}
#interestGenderChoices[hidden]{display:none!important}

@media(max-width:700px){
  .simple-profile-grid{
    grid-template-columns:1fr;
  }
  .otp-code-input{
    font-size:30px!important;
    letter-spacing:9px!important;
  }
}


/* ============================================================
   FIX 40 — logo + OTP fallback + mobile onboarding fit
   ============================================================ */

.auth-logo-image img,
.brand img,
.topbar-brand img{
  object-fit:contain!important;
}

.otp-verification-card{
  width:min(680px,calc(100vw - 24px))!important;
  max-width:680px!important;
  margin:14px auto!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.otp-code-input{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
}

@media(max-width:700px){
  body,
  html{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  .screen.auth-screen{
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }

  .auth-card,
  .onboarding-card,
  .otp-verification-card{
    width:100%!important;
    max-width:100%!important;
    margin:10px auto!important;
    padding:18px!important;
    box-sizing:border-box!important;
  }

  .school-verification-card{
    padding:16px!important;
    border-radius:20px!important;
  }

  .verification-campus-top{
    gap:10px!important;
  }

  .verification-school-logo-wrap{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
  }

  .otp-code-input{
    height:62px!important;
    font-size:28px!important;
    letter-spacing:8px!important;
    padding:0 10px!important;
  }

  .onboarding-head h2{
    font-size:30px!important;
    line-height:1.05!important;
  }

  .onboarding-head p,
  .verification-copy p{
    font-size:14px!important;
    line-height:1.45!important;
  }

  .primary-btn.full,
  .onboarding-next{
    width:100%!important;
    min-height:56px!important;
    font-size:18px!important;
    box-sizing:border-box!important;
  }

  .auth-logo-image img{
    max-width:76px!important;
    max-height:76px!important;
  }
}

/* FIX 41 — stable mobile viewport + visible Back */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  max-width:100%;
  min-width:0!important;
  overflow-x:hidden!important;
}
*,*::before,*::after{box-sizing:border-box}
img,video,canvas,svg{max-width:100%}
.screen,.auth-screen,.onboarding-shell,.onboarding-card,
.school-verification-card,.otp-verification-card{
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:700px){
  .screen,.auth-screen,.onboarding-shell{
    width:100%!important;
    max-width:100vw!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }
  .auth-card,.onboarding-card,.school-verification-card,.otp-verification-card{
    width:100%!important;
    max-width:calc(100vw - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  input,select,textarea,button{max-width:100%!important}
  .otp-code-input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:28px!important;
    letter-spacing:6px!important;
  }
  .back-btn,.onboarding-back,[data-action="back"],
  button[aria-label="Back"],a[aria-label="Back"]{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:44px!important;
    padding:10px 14px!important;
    border:1px solid rgba(15,23,42,.14)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#0f172a!important;
    font-weight:800!important;
    opacity:1!important;
    box-shadow:0 6px 18px rgba(15,23,42,.08)!important;
    position:relative!important;
    z-index:5!important;
  }
}

/* ============================================================
   FIX 42 — Safari desktop launch + profile schema UI resilience
   ============================================================ */

html, body {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
}

@supports (-webkit-touch-callout: none) {
  body {
    overflow-x: hidden !important;
  }
}

/* Desktop Safari: prevent app shell from rendering off-canvas or at zero width */
@media (min-width: 701px) {
  .app-shell,
  .screen,
  main,
  .main-content {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .app-shell {
    width: 100% !important;
  }
}

/* Avoid iOS/Safari focus zoom and odd viewport scaling */
@media (max-width: 700px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}


/* FIX 43 — simplified identity flow + stronger Back button + Safari fallback */

.back-btn,
.onboarding-back,
[data-action="back"],
button[aria-label="Back"],
a[aria-label="Back"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:11px 16px!important;
  border:2px solid #0f172a!important;
  border-radius:16px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  font-weight:900!important;
  font-size:16px!important;
  opacity:1!important;
  box-shadow:0 8px 20px rgba(15,23,42,.12)!important;
  text-decoration:none!important;
  position:relative!important;
  z-index:50!important;
}

.back-btn::before,
.onboarding-back::before,
[data-action="back"]::before,
button[aria-label="Back"]::before,
a[aria-label="Back"]::before{
  content:"←";
  font-size:20px;
  line-height:1;
}

@media(max-width:700px){
  .back-btn,
  .onboarding-back,
  [data-action="back"],
  button[aria-label="Back"],
  a[aria-label="Back"]{
    position:sticky!important;
    top:10px!important;
    margin:8px 0 14px!important;
    width:auto!important;
    max-width:max-content!important;
    background:#fff!important;
  }
}

/* Safari page visibility hardening */
html, body {
  visibility: visible !important;
  opacity: 1 !important;
  background: #fff !important;
}

/* FIX 44 — clearly visible Back button */
.back-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:10px 16px!important;
  margin:4px 0 16px!important;
  border:2px solid #0f172a!important;
  border-radius:14px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  box-shadow:0 6px 16px rgba(15,23,42,.12)!important;
  text-decoration:none!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:20!important;
}
.back-link:hover,.back-link:focus{
  background:#f8fafc!important;
  outline:3px solid rgba(255,91,116,.20)!important;
}
@media(max-width:700px){
  .back-link{
    min-height:48px!important;
    padding:11px 16px!important;
    font-size:17px!important;
  }
}

/* ============================================================
   FIX 45 — visible navigation + consistent DOB field
   ============================================================ */
.back-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:112px!important;
  min-height:48px!important;
  padding:10px 16px!important;
  margin:0 0 18px!important;
  border:2px solid #101a33!important;
  border-radius:16px!important;
  background:#ffffff!important;
  color:#101a33!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(16,26,51,.12)!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
}
.back-link:hover,.back-link:focus{
  background:#f7f9fc!important;
  transform:translateY(-1px);
}
.back-link::first-letter{font-size:22px}

/* Keep DOB visually consistent across desktop Safari/Chrome.
   Native mobile pickers still work normally. */
#dob{
  width:100%!important;
  min-height:54px!important;
  padding:0 16px!important;
  border:1px solid #ddd9d2!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  font:inherit!important;
  font-size:16px!important;
  -webkit-appearance:none;
  appearance:none;
}
#dob::-webkit-date-and-time-value{
  text-align:left;
}
#dob::-webkit-calendar-picker-indicator{
  opacity:.72;
  cursor:pointer;
  padding:8px;
}

/* A small resume notice used for incomplete accounts */
.resume-note{
  padding:12px 14px;
  border-radius:14px;
  background:#eefbf4;
  border:1px solid #b9e6cb;
  color:#17643a;
  font-weight:800;
}