.bond-page{--void:#05030a;--deep:#09060f;--nebula:#0d0818;--rose:#c8345a;--rose-dim:rgba(200,52,90,.15);--rose-glow:rgba(200,52,90,.35);--lavender:#9b7ce8;--lav-dim:rgba(155,124,232,.12);--gold:#d4a853;--gold-dim:rgba(212,168,83,.1);--aurora1:#ff6b9d;--aurora2:#9b7ce8;--aurora3:#4ecdc4;--text:#e8e0f5;--text-soft:rgba(232,224,245,.5);--text-muted:rgba(232,224,245,.25);--border:rgba(232,224,245,.07);--border2:rgba(232,224,245,.04);--card:rgba(13,8,24,.8);height:100%;overflow-x:hidden}.bond-page,.bond-page *,.bond-page :after,.bond-page :before{margin:0;padding:0;box-sizing:border-box}.bond-page{font-family:Outfit,sans-serif;background:var(--void);color:var(--text);cursor:none;min-height:100vh}#cur{width:10px;height:10px;background:var(--lavender);border-radius:50%;z-index:9999;transition:width .3s cubic-bezier(.34,1.56,.64,1),height .3s,background .3s;mix-blend-mode:screen}#cur,#cur-ring{position:fixed;pointer-events:none;transform:translate(-50%,-50%)}#cur-ring{width:34px;height:34px;border:1px solid rgba(155,124,232,.4);border-radius:50%;z-index:9998;transition:transform .16s ease,width .4s cubic-bezier(.34,1.56,.64,1),height .4s}.bond-page.hov #cur{width:5px;height:5px;background:var(--gold)}.bond-page.hov #cur-ring{width:50px;height:50px;border-color:rgba(212,168,83,.3)}#starCanvas{inset:0}#starCanvas,.aurora{position:fixed;z-index:0;pointer-events:none}.aurora{border-radius:50%;filter:blur(120px);animation:auroraPulse 8s ease-in-out infinite alternate}.aurora1{width:800px;height:400px;background:radial-gradient(ellipse,rgba(200,52,90,.12),transparent 70%);top:-100px;left:-200px;animation-delay:0s}.aurora2{width:600px;height:600px;background:radial-gradient(ellipse,rgba(155,124,232,.1),transparent 70%);top:20%;right:-200px;animation-delay:2s}.aurora3{width:500px;height:500px;background:radial-gradient(ellipse,rgba(78,205,196,.07),transparent 70%);bottom:-100px;left:20%;animation-delay:4s}@keyframes auroraPulse{0%{opacity:.6;transform:scale(1) translate(0)}to{opacity:1;transform:scale(1.1) translate(20px,-20px)}}.bond-page nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;padding:0 28px;display:flex;align-items:center;gap:20px;background:linear-gradient(180deg,rgba(5,3,10,.95),transparent)}.nav-logo{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.02em;text-decoration:none}.nav-logo span{color:var(--rose);font-style:italic}.nav-logo em{font-style:normal;color:var(--rose);animation:hb 4s ease-in-out infinite;display:inline-block;font-size:20px}@keyframes hb{0%,80%,to{transform:scale(1)}85%{transform:scale(1.5)}92%{transform:scale(1.2)}}.nav-tabs{display:flex;gap:4px;margin-left:auto}.nav-tab{padding:7px 18px;border-radius:100px;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s;border:1px solid transparent;background:none;color:var(--text-soft);font-family:Outfit,sans-serif;text-decoration:none}.nav-tab.active{background:var(--rose);color:#fff;border-color:var(--rose);box-shadow:0 0 24px var(--rose-glow)}.nav-tab:hover:not(.active){background:rgba(232,224,245,.05);color:var(--text);border-color:var(--border)}.nav-tab.nav-logout{border-color:rgba(200,52,90,.35);color:#ff9db9}.nav-tab.nav-logout:hover{background:rgba(200,52,90,.16);color:#fff;border-color:rgba(200,52,90,.55)}.nav-ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--rose),#5b1a6e);display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid rgba(200,52,90,.3)}.page-wrap{position:relative;z-index:2;padding:68px 0 24px}.bond-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 24px 10px;text-align:center;position:relative}.bond-orbital{position:relative;width:220px;height:220px;margin:0 auto 16px}.bond-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(200,52,90,.3),rgba(155,124,232,.2),rgba(5,3,10,.5));border:1px solid rgba(200,52,90,.3);display:flex;align-items:center;justify-content:center;font-size:44px;box-shadow:0 0 60px rgba(200,52,90,.2),0 0 120px rgba(155,124,232,.1),inset 0 0 30px rgba(200,52,90,.08);animation:coreBreath 4s ease-in-out infinite}@keyframes coreBreath{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 60px rgba(200,52,90,.2),0 0 120px rgba(155,124,232,.1)}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 80px rgba(200,52,90,.35),0 0 160px rgba(155,124,232,.15)}}.orbit-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid;transform-origin:center center}.orbit-ring1{width:170px;height:170px;margin-left:-85px;margin-top:-85px;border-color:rgba(200,52,90,.15);animation:orbitSpin 20s linear infinite}.orbit-ring2{width:210px;height:210px;margin-left:-105px;margin-top:-105px;border-color:rgba(155,124,232,.1);animation:orbitSpin 35s linear infinite reverse}@keyframes orbitSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;top:0;left:50%;transform:translate(-50%,-50%)}.orbit-dot1{background:var(--rose);box-shadow:0 0 10px var(--rose-glow)}.orbit-dot2{background:var(--lavender);box-shadow:0 0 10px rgba(155,124,232,.5)}.bond-names{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600;color:var(--text);letter-spacing:-.01em;margin-bottom:6px}.bond-names em{font-style:italic;color:var(--rose)}.bond-since{font-size:13px;color:var(--text-muted);font-weight:300;margin-bottom:12px}.streak-bar{display:flex;align-items:center;gap:16px;background:rgba(13,8,24,.6);border:1px solid var(--border);border-radius:100px;padding:10px 20px;margin:0 auto 12px;backdrop-filter:blur(12px);max-width:320px;cursor:pointer}.streak-flame{font-size:22px;animation:flameDance 1.5s ease-in-out infinite alternate}@keyframes flameDance{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.1) rotate(3deg)}}.streak-num{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;color:var(--gold)}.streak-label{font-size:12px;color:var(--text-muted);line-height:1.3}.streak-days{display:flex;gap:5px;margin:0 auto;max-width:280px}.streak-day{flex:1;height:5px;border-radius:3px;background:var(--border);transition:background .3s,box-shadow .3s}.streak-day.done{background:var(--gold);box-shadow:0 0 8px rgba(212,168,83,.4)}.streak-day.today{background:var(--rose);box-shadow:0 0 8px var(--rose-glow)}.checkin-btn{background:rgba(200,52,90,.16);border:1px solid rgba(200,52,90,.35);color:#fff;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.checkin-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(200,52,90,.3)}.checkin-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.xp-section{max-width:360px;margin:8px auto 0;padding:0 24px}.xp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.xp-level{font-size:12px;font-weight:600;color:var(--lavender);text-transform:uppercase;letter-spacing:.1em}.xp-val{font-size:12px;color:var(--text-muted)}.xp-track{height:4px;background:rgba(232,224,245,.08);border-radius:2px;overflow:hidden}.xp-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--rose),var(--lavender),var(--aurora3));transition:width 1.5s cubic-bezier(.34,1.56,.64,1);width:0}.play-games-wrap{max-width:1280px;margin:2px auto 20px;padding:0 20px;display:flex;justify-content:center}.section{padding:32px 20px;max-width:520px;margin:0 auto}.section+.section{padding-top:0}.sections-grid{max-width:1280px;margin:0 auto;padding:0 20px 44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.sections-grid .section{max-width:none;margin:0;padding:0}.sections-grid .section-question{order:1}.sections-grid .section-prediction{order:2}.sections-grid .section-personality{order:3}.sections-grid .section-minigames{order:4}.sections-grid .section-compat{order:5}.sections-grid .section-story{order:6}.sections-grid .section-recap{order:7;grid-column:1/-1}.section-compat .compat-card{padding:18px}.section-story .mem-wall{gap:8px}.section-story .mem-card{border-radius:14px}.sections-grid .section .challenge-card,.sections-grid .section .compat-card,.sections-grid .section .dq-card,.sections-grid .section .game-card,.sections-grid .section .pred-card,.sections-grid .section .recap-card{min-height:100%}.play-games-btn{display:inline-flex;width:auto;min-width:340px;text-align:center;justify-content:center;text-decoration:none;padding:14px 20px;border-radius:14px;background:linear-gradient(135deg,var(--rose),#8d1f46);color:#fff;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(200,52,90,.45);box-shadow:0 8px 22px var(--rose-glow);transition:transform .25s,box-shadow .25s;margin-bottom:8px}.play-games-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--rose-glow)}.sh{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.sh-title{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:600;color:var(--text)}.sh-title em{font-style:italic;color:var(--rose)}.sh-line{flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent);margin-bottom:4px}.sh-badge{font-size:10px;font-weight:600;color:var(--lavender);background:var(--lav-dim);padding:3px 9px;border-radius:100px;border:1px solid rgba(155,124,232,.15)}.dq-card{background:linear-gradient(145deg,rgba(200,52,90,.08),rgba(155,124,232,.05),rgba(13,8,24,.9));border:1px solid rgba(200,52,90,.2);border-radius:24px;padding:28px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.dq-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(200,52,90,.15)}.dq-eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--rose);margin-bottom:12px;display:flex;align-items:center;gap:6px}.dq-pulse{width:6px;height:6px;border-radius:50%;background:var(--rose);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.dq-q{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:600;line-height:1.35;color:var(--text);margin-bottom:20px}.dq-q em{font-style:italic;color:var(--rose)}.answer-area{background:rgba(232,224,245,.03);border:1px solid var(--border);border-radius:16px;padding:14px 16px;cursor:text;min-height:80px;transition:border-color .3s,background .3s;position:relative}.answer-area:focus-within{border-color:rgba(200,52,90,.3);background:rgba(200,52,90,.04)}.answer-area textarea{width:100%;background:none;border:none;outline:none;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400;font-style:italic;color:var(--text);resize:none;min-height:60px;line-height:1.5}.answer-area textarea::-moz-placeholder{color:var(--text-muted);font-style:italic}.answer-area textarea::placeholder{color:var(--text-muted);font-style:italic}.answer-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}.answer-hint{font-size:11px;color:var(--text-muted)}.submit-btn{padding:10px 22px;border-radius:100px;background:linear-gradient(135deg,var(--rose),#7b1c3a);border:none;color:#fff;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;cursor:pointer;letter-spacing:.05em;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px var(--rose-glow)}.submit-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 30px var(--rose-glow)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.partner-answer{background:rgba(155,124,232,.06);border:1px solid rgba(155,124,232,.15);border-radius:14px;padding:14px 16px;margin-top:10px}.pa-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lavender);margin-bottom:6px}.pa-text{font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic;color:var(--text-soft);line-height:1.5}.challenge-card{background:linear-gradient(145deg,rgba(155,124,232,.08),rgba(78,205,196,.04),rgba(13,8,24,.9));border:1px solid rgba(155,124,232,.18);border-radius:24px;padding:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.challenge-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(155,124,232,.15)}.chal-eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--lavender);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.chal-timer{font-size:11px;color:var(--text-muted);font-weight:400;letter-spacing:normal;text-transform:none}.chal-title{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:var(--text);margin-bottom:8px}.chal-desc{font-size:13px;color:var(--text-soft);line-height:1.65;font-weight:300;margin-bottom:16px}.chal-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.chal-step{gap:10px;font-size:13px;color:var(--text-soft)}.chal-step,.chal-step-check{display:flex;align-items:center}.chal-step-check{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);justify-content:center;font-size:10px;flex-shrink:0;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.chal-step-check.done{background:var(--lavender);border-color:var(--lavender);color:#fff;transform:scale(1.1)}.chal-xp{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--gold)}.pt-list{display:flex;flex-direction:column;gap:12px}.pt-item{border:1px solid var(--border2);border-radius:12px;padding:12px;background:rgba(232,224,245,.02)}.pt-q{font-size:14px;color:var(--text);line-height:1.5;margin-bottom:10px}.pt-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.pt-opt{background:rgba(232,224,245,.03);border:1px solid var(--border);color:var(--text-soft);border-radius:10px;padding:9px 10px;font-size:12px;cursor:pointer;transition:all .2s;text-align:left}.pt-opt:hover{border-color:rgba(200,52,90,.3);color:var(--text)}.pt-opt.on{border-color:var(--rose);background:rgba(200,52,90,.12);color:#fff}.fi{width:100%;background:rgba(232,224,245,.03);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-family:Outfit,sans-serif;font-size:13px;resize:vertical;outline:none}.fi:focus{border-color:rgba(200,52,90,.45)}.fi::-moz-placeholder{color:var(--text-muted)}.fi::placeholder{color:var(--text-muted)}.pred-card{background:linear-gradient(145deg,rgba(78,205,196,.07),rgba(212,168,83,.04),rgba(13,8,24,.9));border:1px solid rgba(78,205,196,.15);border-radius:24px;padding:24px}.pred-eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--aurora3);margin-bottom:10px}.pred-q{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;color:var(--text);margin-bottom:16px;line-height:1.3}.pred-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pred-opt{padding:14px;border-radius:14px;text-align:center;border:1px solid var(--border);background:rgba(232,224,245,.03);cursor:pointer;transition:all .3s;font-size:14px;font-weight:500;color:var(--text-soft)}.pred-opt:hover{border-color:rgba(78,205,196,.3);color:var(--text)}.pred-opt.selected{background:rgba(78,205,196,.1);border-color:var(--aurora3);color:var(--aurora3)}.pred-opt.correct{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.pred-opt.wrong{background:rgba(239,68,68,.08);border-color:#ef4444;color:#ef4444;opacity:.5}.mem-wall{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mem-card{border-radius:18px;overflow:hidden;position:relative;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.mem-card:hover{transform:scale(1.04)}.mem-card:nth-child(3){grid-column:span 2;aspect-ratio:2/1}.mem-bg{position:absolute;inset:0;background-size:cover;background-position:50%;transition:transform .5s}.mem-card:hover .mem-bg{transform:scale(1.08)}.mem-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,10,.85),transparent 50%)}.mem-label{position:absolute;bottom:12px;left:12px;right:12px;z-index:2;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:600;color:var(--text)}.mem-date{font-size:10px;margin-top:2px}.mem-add,.mem-date{color:var(--text-muted)}.mem-add{border-radius:18px;border:1px dashed rgba(232,224,245,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;aspect-ratio:1;transition:all .3s;font-size:13px}.mem-add:hover{border-color:rgba(200,52,90,.3);color:var(--rose);background:rgba(200,52,90,.04)}.mem-add-icon{font-size:24px}.compat-card{background:linear-gradient(145deg,rgba(212,168,83,.07),rgba(200,52,90,.04),rgba(13,8,24,.9));border:1px solid rgba(212,168,83,.15);border-radius:24px;padding:24px;text-align:center}.compat-score-wrap{position:relative;margin:16px auto;width:120px;height:120px}.compat-ring{transform:rotate(-90deg)}.compat-ring circle{fill:none;stroke:rgba(232,224,245,.05);stroke-width:6}.compat-ring circle.fill{stroke:url(#grad);stroke-width:6;stroke-linecap:round;stroke-dasharray:302;transition:stroke-dashoffset 2s cubic-bezier(.34,1.56,.64,1)}.compat-val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700;color:var(--gold)}.compat-label{font-size:13px;color:var(--text-muted);margin-top:4px}.compat-dims{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.compat-dim{background:rgba(232,224,245,.03);border:1px solid var(--border2);border-radius:12px;padding:12px;text-align:left}.compat-dim-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.compat-dim-bar{height:3px;background:rgba(232,224,245,.08);border-radius:2px;overflow:hidden;margin-bottom:4px}.compat-dim-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--rose),var(--lavender))}.compat-dim-val{font-size:12px;font-weight:600;color:var(--text)}.missions-list{display:flex;flex-direction:column;gap:10px}.mission-item{display:flex;align-items:center;gap:14px;background:rgba(13,8,24,.6);border:1px solid var(--border);border-radius:16px;padding:14px 16px;transition:all .3s}.mission-item:hover{border-color:rgba(155,124,232,.2);background:rgba(155,124,232,.04)}.mission-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.mission-info{flex:1}.mission-name{font-size:14px;font-weight:500;color:var(--text);margin-bottom:2px}.mission-prog-bar{height:3px;background:rgba(232,224,245,.08);border-radius:2px;overflow:hidden;margin-top:6px}.mission-prog-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--lavender),var(--rose));transition:width .8s ease}.mission-prog-text{font-size:10px;color:var(--text-muted);margin-top:3px}.mission-xp{font-size:12px;font-weight:600;color:var(--gold);flex-shrink:0}.games-stack{display:flex;flex-direction:column;gap:12px}.game-card{background:rgba(13,8,24,.65);border:1px solid var(--border);border-radius:16px;padding:16px}.game-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lavender);margin-bottom:8px}.game-title{font-family:Cormorant Garamond,serif;font-size:20px;color:var(--text);margin-bottom:8px}.game-sub{margin-bottom:10px}.game-sub,.mini-result{font-size:12px;color:var(--text-soft)}.mini-result{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(78,205,196,.08);border:1px solid rgba(78,205,196,.18);line-height:1.5;gap:4px}.mini-result,.priority-list{display:flex;flex-direction:column}.priority-list{gap:8px}.priority-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(232,224,245,.03);border:1px solid var(--border2);font-size:13px}.priority-actions{display:flex;gap:6px}.submit-btn.ghost{padding:6px 10px;background:rgba(232,224,245,.08);box-shadow:none}.submit-btn.ghost:hover{transform:none;box-shadow:none}.recap-card{background:linear-gradient(145deg,rgba(200,52,90,.1),rgba(155,124,232,.08),rgba(5,3,10,.95));border:1px solid rgba(200,52,90,.2);border-radius:24px;padding:28px;text-align:center;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.recap-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(200,52,90,.2)}.recap-stars{font-size:28px;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(212,168,83,.5));animation:starTwinkle 3s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:1}50%{opacity:.5}}.recap-title{font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700;color:var(--text);margin-bottom:8px;position:relative;z-index:1}.recap-title em{font-style:italic;color:var(--rose)}.recap-sub{font-size:13px;color:var(--text-soft);font-weight:300;line-height:1.6}.recap-stats,.recap-sub{margin-bottom:20px;position:relative;z-index:1}.recap-stats{display:flex;justify-content:center;gap:28px}.recap-stat-val{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700;color:var(--gold)}.recap-stat-lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.recap-btn{display:inline-flex;gap:8px;padding:12px 28px;border-radius:100px;background:linear-gradient(135deg,var(--rose),var(--lavender));border:none;color:#fff;font-family:Outfit,sans-serif;font-size:14px;cursor:pointer;transition:all .3s;box-shadow:0 8px 30px rgba(200,52,90,.3);position:relative;z-index:1}.recap-btn,.toast{align-items:center;font-weight:500}.toast{position:fixed;bottom:24px;right:24px;z-index:400;background:rgba(9,6,15,.9);border:1px solid rgba(200,52,90,.2);border-radius:16px;padding:14px 18px;font-size:13px;color:var(--text);box-shadow:0 16px 50px rgba(0,0,0,.5);opacity:0;transform:translateY(8px) scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;gap:10px;min-width:240px;backdrop-filter:blur(20px)}.toast.show{opacity:1;transform:translateY(0) scale(1)}.notif-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border2);align-items:center;justify-content:space-between}.notif-item:last-child{border-bottom:none}.notif-text{font-size:13px;color:var(--text);line-height:1.5}.games-hub{border:1px solid var(--border);background:rgba(13,8,24,.5);border-radius:16px;padding:14px;margin-bottom:18px}.games-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tab-btn{background:rgba(232,224,245,.05);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}.tab-btn.on{background:rgba(200,52,90,.15);border-color:rgba(200,52,90,.4);color:#fff}.game-block{display:flex;flex-direction:column;gap:10px}.draw-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tool-btn{background:rgba(232,224,245,.06);border:1px solid var(--border);color:var(--text-soft);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.tool-btn.on{border-color:var(--rose);color:#fff}.color-dot{width:22px;height:22px;border-radius:999px;border:2px solid transparent;cursor:pointer}.color-dot.on{border-color:#fff}.draw-canvas{width:100%;max-width:400px;aspect-ratio:1/1;background:#fff;border-radius:10px;border:1px solid var(--border)}.draw-reveal{display:flex;flex-direction:column;gap:10px}.draw-reveal img{width:100%;max-width:400px;background:#fff;border-radius:10px}.story-full{display:flex;flex-direction:column;gap:8px}.story-line{padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.5}.story-line.me{background:rgba(212,36,106,.14);border:1px solid rgba(212,36,106,.25)}.story-line.partner{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2)}.emoji-palette{display:flex;gap:6px;flex-wrap:wrap}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(155,124,232,.2);border-radius:2px}@media (max-width:760px){.sections-grid{grid-template-columns:1fr;gap:16px;padding:0 14px 30px}.sections-grid .section{grid-column:1/-1}.play-games-wrap{padding:0 14px}.play-games-btn{width:100%;min-width:0}.bond-page nav{padding:0 12px;gap:10px}.bond-page .nav-tab{padding:6px 10px;font-size:12px}.bond-page .nav-ava{display:none}.bond-page .compat-dims,.bond-page .pred-options,.bond-page .pt-options{grid-template-columns:1fr}.bond-page .recap-stats{gap:14px}}