:root{--ink:#17171b;--paper:#f8f6f1;--pink:#ff3f6c;--pink2:#ff6f8e;--wine:#8d1938;--mint:#41d7a7;--gold:#ffbd3f;--muted:#6f6d73;--line:#ded9d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff9fb,#f4f1ed);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.date-topbar{position:sticky;top:0;z-index:20;min-height:72px;padding:12px max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #eee}.back{justify-self:start;color:var(--ink);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.12em}.ghost{justify-self:end;width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;font-weight:900}.date-brand{text-align:center;line-height:1}.date-brand b{font-size:18px;letter-spacing:.04em}.date-brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:4px;color:#777}.heart-pick{display:inline-grid;place-items:center;width:25px;height:28px;margin-right:6px;color:#fff;background:var(--pink);clip-path:polygon(50% 100%,5% 46%,5% 23%,20% 6%,42% 6%,50% 17%,58% 6%,80% 6%,95% 23%,95% 46%);font-size:10px;vertical-align:middle}main{width:min(1120px,100%);margin:auto;padding:36px 20px 70px}.intro{max-width:650px;margin:10px auto 28px;text-align:center}.eyebrow{margin:0 0 9px;color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.16em}.intro h1{font-size:clamp(52px,10vw,92px);line-height:.82;letter-spacing:-.065em;margin:0 0 20px}.intro>p:last-child{max-width:560px;margin:auto;color:#656169;line-height:1.6}.phone-shell{width:min(460px,100%);margin:0 auto 48px;padding:12px 12px 18px;border-radius:34px;background:#fff;box-shadow:0 28px 70px rgba(75,35,50,.16);border:1px solid #eee}.profile-card{overflow:hidden;border-radius:25px;border:1px solid #eee;background:#fff}.profile-art{position:relative;min-height:370px;display:grid;place-items:center;background:radial-gradient(circle at 60% 22%,#ffe9ef 0 21%,transparent 22%),linear-gradient(145deg,#ffcad7,#ff5579 48%,#9f183b);overflow:hidden}.profile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 70%,rgba(0,0,0,.2))}.profile-badge{position:absolute;top:20px;left:20px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.9);font-size:10px;font-weight:900;letter-spacing:.13em;z-index:2}.guitar-silhouette{position:relative;width:95px;height:300px;transform:rotate(10deg);filter:drop-shadow(18px 24px 12px rgba(44,0,17,.25));z-index:1}.guitar-silhouette:before{content:"";position:absolute;left:34px;top:8px;width:27px;height:192px;background:linear-gradient(90deg,#753319,#d9924f 42%,#8a3c1d);border-radius:9px 9px 5px 5px}.guitar-silhouette:after{content:"";position:absolute;left:5px;bottom:0;width:88px;height:125px;background:linear-gradient(145deg,#fff5cc,#d9a530 43%,#8e4a0c);border-radius:48% 40% 46% 40%;box-shadow:inset 0 0 0 5px #5d2a0c}.guitar-silhouette i{position:absolute;left:18px;top:75px;width:60px;height:20px;background:#e9d2aa;border-radius:10px;box-shadow:0 52px 0 #191919;z-index:4}.guitar-silhouette b{position:absolute;left:37px;top:2px;width:24px;height:28px;background:#c58c52;border-radius:70% 20% 40% 25%;z-index:3}.guitar-silhouette em{position:absolute;left:45px;top:110px;width:3px;height:180px;background:#eee;z-index:5;box-shadow:6px 0 #eee}.profile-copy{padding:19px 20px 22px}.name-line{display:flex;align-items:baseline;gap:8px;justify-content:space-between}.name-line h2{font-size:28px;margin:0;letter-spacing:-.03em}.name-line span{font-size:11px;color:var(--muted)}.profile-copy h3{font-size:11px;letter-spacing:.2em;color:var(--pink);margin:5px 0 12px}.profile-copy p{font-size:14px;line-height:1.5;color:#57545a;margin:0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.chips span{font-size:10px;font-weight:800;padding:7px 9px;border-radius:999px;background:#f3eff0;color:#4e4950}.swipe-row{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 8px 6px}.swipe{width:54px;height:54px;border-radius:50%;border:1px solid #ece8e8;background:#fff;font-size:28px;font-weight:300;box-shadow:0 5px 18px rgba(0,0,0,.08)}.pass{color:#969099}.like{color:var(--pink)}.date-btn{height:54px;border:0;border-radius:999px;padding:0 28px;background:linear-gradient(90deg,var(--pink),#ff7254);color:#fff;font-size:14px;font-weight:950;letter-spacing:.1em;box-shadow:0 8px 22px rgba(255,63,108,.3)}.swipe-note{text-align:center;color:#aaa;font-size:8px;letter-spacing:.08em;padding:4px 4px 0}.guide-panel{max-width:920px;margin:0 auto 50px;padding:clamp(22px,5vw,48px);background:#fff;border:1px solid #ece7e3;border-radius:28px;box-shadow:0 22px 55px rgba(43,30,35,.1)}.guide-panel[hidden]{display:none}.guide-head{display:flex;justify-content:space-between;align-items:flex-start}.guide-head h2{margin:0;font-size:clamp(32px,7vw,58px);letter-spacing:-.05em}.close-guide{width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:26px}.guide-intro{max-width:720px;line-height:1.65;color:#666}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.evidence-card{padding:20px;border-radius:18px;background:#f8f5f1;border:1px solid #eee}.evidence-card span{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--pink)}.evidence-card h3{font-size:17px;margin:9px 0 7px}.evidence-card p{font-size:13px;line-height:1.55;color:#6a666b;margin:0}.primary-evidence{background:#fff2f5;border-color:#ffd6e0}.red-flag{background:#fff8ec;border-color:#f5ddb2}.red-flag span{color:#c27916}.section-label{margin:28px 0 10px;font-size:11px;letter-spacing:.16em}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.clue{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid #e7e1de;border-radius:14px;background:#fff;cursor:pointer}.clue input{margin-top:3px;accent-color:var(--pink);width:18px;height:18px}.clue b{display:block;font-size:12px;margin-bottom:4px}.clue small{display:block;color:#777;line-height:1.4}.confidence{margin:24px 0 14px;padding:18px;border-radius:17px;background:#17171b;color:#fff}.confidence-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.confidence-track{height:11px;border-radius:999px;background:#38383e;overflow:hidden;margin:13px 0}.confidence-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--gold),var(--mint));transition:width .25s ease}.confidence p{font-size:12px;line-height:1.5;color:#bbb;margin:0}.relationship-box{text-align:center;padding:24px;border:2px solid var(--pink);border-radius:18px;background:#fff7f9}.relationship-box span{display:block;color:#777;font-size:9px;letter-spacing:.18em}.relationship-box strong{display:block;color:var(--pink);font-size:clamp(24px,6vw,42px);margin:7px 0}.relationship-box p{margin:0;color:#6a6469;font-size:12px}.maker-picker{margin-top:28px}.maker-picker>span{display:block;font-size:9px;letter-spacing:.18em;font-weight:900;margin-bottom:10px}.maker-picker div{display:flex;flex-wrap:wrap;gap:8px}.maker-picker button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:850}.maker-picker button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.rules{max-width:920px;margin:55px auto 0}.rules>h2{text-align:center;font-size:32px}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rule-grid article{padding:18px;background:#fff;border:1px solid #ece7e3;border-radius:16px}.rule-grid b{color:var(--pink);font-size:11px}.rule-grid h3{font-size:13px;margin:18px 0 7px}.rule-grid p{font-size:12px;color:#706b70;line-height:1.5;margin:0}dialog{max-width:520px;border:0;border-radius:25px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(20,10,14,.6);backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin:0 0 12px}dialog p{line-height:1.6;color:#666}.dialog-close{float:right;width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:22px}footer{text-align:center;padding:35px 20px 50px;color:#999;font-size:9px;letter-spacing:.16em}
@media(max-width:650px){.date-topbar{grid-template-columns:1fr auto 1fr}.date-brand b{font-size:14px}.date-brand small{font-size:6px}.intro{margin-top:0}.profile-art{min-height:315px}.evidence-grid,.checklist,.rule-grid{grid-template-columns:1fr}.guide-panel{border-radius:20px}.rules>h2{font-size:27px}.swipe-row{gap:11px}.date-btn{padding:0 19px}.swipe{width:50px;height:50px}.phone-shell{border-radius:26px}}

/* v52: clear, full-size recognizable guitar profile art */

.profile-art{min-height:500px!important;background:#f3f0eb!important}
.profile-guitar{position:absolute;inset:14px 18px 10px;width:calc(100% - 36px);height:calc(100% - 24px);object-fit:contain;z-index:1;filter:drop-shadow(14px 20px 14px rgba(0,0,0,.22))}
.profile-art:after{background:linear-gradient(transparent 82%,rgba(0,0,0,.08))!important;pointer-events:none}
.profile-badge{z-index:3}
.guitar-silhouette{display:none!important}
@media(max-width:650px){.profile-art{min-height:430px!important}.profile-guitar{inset:10px 12px 8px;width:calc(100% - 24px);height:calc(100% - 18px)}}
/* v58 — body-first dating photos: no headstocks/logos */
.profile-art{min-height:500px!important;overflow:hidden!important}
.profile-guitar{inset:-6px 4px -8px!important;width:calc(100% - 8px)!important;height:calc(100% + 14px)!important;object-fit:contain!important;filter:drop-shadow(12px 17px 12px rgba(0,0,0,.28))!important}
@media(max-width:650px){.profile-art{min-height:440px!important}.profile-guitar{inset:-3px 0 -5px!important;width:100%!important;height:calc(100% + 8px)!important}}

/* v59 serial decoder resource link */
.dating-resource-actions{display:flex;justify-content:center;margin:8px auto 26px;padding:0 18px}
.serial-decoder-cta{width:min(620px,100%);display:grid;gap:4px;padding:15px 18px;border:1px solid #dedbd4;border-radius:16px;background:#fff;color:#171717;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:.18s ease}
.serial-decoder-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.09)}
.serial-decoder-cta span{font-size:.66rem;letter-spacing:.16em;color:#cf2946;font-weight:900}
.serial-decoder-cta strong{font-size:1rem;letter-spacing:.04em}
.serial-decoder-cta small{color:#666}

/* v62 realistic dating photos */
.realistic-profile{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none!important;background:#171717}
.profile-art{min-height:500px!important;background:#171717!important;overflow:hidden}
@media(max-width:650px){.profile-art{min-height:450px!important}}