:root{--peach:#ffb38a;--peach-soft:#ffd4bc;--teal:#8ebdc4;--teal-deep:#6a9fa8;--lavender:#c5b4e3;--lavender-deep:#a895c9;--sand:#ffffff9e;--sand-dark:#c5b4e347;--sea:#6a9fa8;--sea-light:#8ebdc4;--boy:#8ebdc4;--boy-deep:#5a8f98;--girl:#e8b4c8;--coral:#ffb38a;--ink:#3d3a45;--muted:#6b6570;--white:#fff;--radius:22px;--shadow:0 16px 48px #3d3a451a;--glass:#ffffffb8;color:var(--ink);font-family:Avenir Next,SF Pro Rounded,Segoe UI,sans-serif}html,body{min-height:100%;margin:0}body{background-color:#0000;background-image:radial-gradient(120% 80% at 15% 8%,#ffb38a6b,#0000 52%),radial-gradient(100% 70% at 85% 15%,#c5b4e361,#0000 55%),radial-gradient(90% 65% at 50% 95%,#8ebdc452,#0000 50%),linear-gradient(165deg,#fff9f5 0%,#f5f0fa 42%,#edf6f7 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100dvh}body:after{content:"";pointer-events:none;z-index:9999;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body.reveal-boy{animation:2.4s splash-boy}@keyframes splash-boy{0%{filter:brightness()}40%{filter:brightness(1.08)saturate(1.15)}to{filter:brightness()}}*{box-sizing:border-box}#app{min-height:100dvh}.app-shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{flex:1;padding:1rem 1.25rem 7.5rem}.card,.hero-card{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffffa6;padding:1.5rem}.home-hero{flex-direction:column;gap:1rem;margin-top:.25rem;display:flex}.home-hero-image{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);display:block}.home-content{text-align:center;padding:1.75rem 1.4rem 1.5rem}.home-content h1{color:var(--ink);letter-spacing:-.04em;margin:.3rem 0 .15rem;font-size:clamp(2rem,9vw,2.65rem);line-height:1.05}.home-kicker{color:var(--lavender-deep);letter-spacing:.01em;margin:0;font-size:.92rem;font-weight:600}.home-event{color:var(--muted);margin:.45rem 0 1.1rem;font-size:1.05rem;line-height:1.35}.home-date{color:var(--teal-deep);background:linear-gradient(135deg,#8ebdc424,#c5b4e32e);border:1px solid #8ebdc440;border-radius:999px;margin:0 0 1.25rem;padding:.55rem 1rem;font-size:1rem;font-weight:750;display:inline-flex}.home-lead{max-width:25rem;color:var(--muted);margin:0 auto .25rem;font-size:.98rem;line-height:1.55}.home-lead span{color:var(--ink);margin-bottom:.2rem;font-weight:700;display:block}.reveal-wait{flex-direction:column;gap:1rem;display:flex}.reveal-wait-image{border-radius:var(--radius);opacity:.92;width:100%;box-shadow:var(--shadow)}.hero-card{text-align:center;margin-top:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--lavender-deep);margin:0 0 .5rem;font-size:.72rem}.eyebrow.light{color:#ffffffd9}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.1}h2{font-size:1.45rem}.subtitle,.lead,.muted{color:var(--muted);line-height:1.5}.location-link{color:var(--teal-deep);text-underline-offset:2px;font-weight:600;-webkit-text-decoration:underline #8ebdc48c;text-decoration:underline #8ebdc48c}.location-link:active{color:var(--lavender-deep)}.lead{font-size:1rem}.small{font-size:.85rem}.hero-meta{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.hero-meta span{background:var(--sand);border-radius:999px;padding:.45rem .7rem;font-size:.85rem}.field{flex-direction:column;gap:.45rem;margin:1rem 0;font-size:.92rem;display:flex}.field>span{color:var(--ink);letter-spacing:-.01em;font-weight:650}.prediction-field-label{color:var(--ink);letter-spacing:-.01em;margin:1rem 0 .45rem;font-size:.92rem;font-weight:650}.field input,.field textarea{border:1px solid var(--sand-dark);width:100%;font:inherit;background:var(--white);border-radius:14px;padding:.9rem 1rem}.field textarea{resize:vertical;min-height:110px}.register-tip{color:var(--muted);background:linear-gradient(135deg,#8ebdc41a,#c5b4e31f);border:1px solid #8ebdc438;border-radius:14px;margin:-.35rem 0 1.1rem;padding:.8rem .9rem;font-size:.8rem;line-height:1.45}.register-tip strong{color:var(--teal-deep)}.auth-card{background:radial-gradient(circle at 0 0, #ffb38a1f, transparent 42%), radial-gradient(circle at 100% 100%, #8ebdc426, transparent 46%), var(--glass);overflow:hidden}.auth-card h2{margin-bottom:.65rem}.auth-card .muted strong{color:var(--ink)}.pin-label{color:var(--ink);margin:1.35rem 0 .7rem;font-size:.92rem;font-weight:700;display:block}.pin-entry{cursor:text;-webkit-tap-highlight-color:transparent;position:relative}.pin-native-input{z-index:2;opacity:.01;color:#0000;caret-color:#0000;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pin-boxes{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}.pin-box{aspect-ratio:1;color:var(--lavender-deep);background:linear-gradient(145deg,#fffffff0,#faf7fdd9);border:1.5px solid #c5b4e366;border-radius:18px;place-items:center;font-size:2rem;font-weight:800;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:grid;box-shadow:0 8px 22px #3d3a450f}.pin-entry.focused .pin-box.active{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 0 0 4px #8ebdc424,0 10px 24px #3d3a4514}.pin-box.filled{background:linear-gradient(135deg,#8ebdc42e,#c5b4e33d,#ffb38a29);border-color:#a895c98c}.pin-box.pop{animation:.24s cubic-bezier(.2,.9,.35,1.25) pin-pop}.pin-account-help{color:var(--muted);text-align:center;margin:.8rem 0 0;font-size:.8rem;line-height:1.45}.pin-account-help strong{color:var(--ink)}.pin-hint{color:var(--muted);text-align:center;margin:.35rem 0 1.1rem;font-size:.76rem}.auth-switch{width:100%;color:var(--teal-deep);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:.9rem;padding:.55rem;font-size:.86rem;font-weight:700}@keyframes pin-pop{0%{transform:scale(.88)}70%{transform:scale(1.06)}to{transform:scale(1)}}.completion-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3d3a4547;place-items:center;padding:1.2rem;animation:.18s ease-out calendar-fade;display:grid;position:fixed;inset:0}.completion-modal{text-align:center;background:radial-gradient(circle at 0 0,#ffb38a2e,#0000 42%),radial-gradient(circle at 100% 100%,#8ebdc433,#0000 46%),#fffffff5;border:1px solid #ffffffc7;border-radius:26px;width:min(360px,100%);padding:1.6rem 1.4rem 1.25rem;animation:.24s cubic-bezier(.2,.85,.3,1.15) calendar-pop;box-shadow:0 24px 70px #3d3a4540}.completion-icon{width:3.5rem;height:3.5rem;color:var(--lavender-deep);background:linear-gradient(135deg,#8ebdc438,#c5b4e34d,#ffb38a2e);border-radius:50%;place-items:center;margin:0 auto .8rem;display:grid;box-shadow:0 9px 24px #a895c933}.completion-icon svg{width:1.8rem;height:1.8rem}.completion-modal h2{margin-bottom:.65rem}.completion-modal>p:not(.eyebrow){color:var(--muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.55}.completion-modal .auth-switch{margin-top:.55rem}.number-stepper{border-radius:14px;position:relative;overflow:hidden}.number-stepper input{appearance:textfield;padding-right:3.8rem;display:block}.number-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.number-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.stepper-controls{border-left:1px solid #c5b4e347;border-radius:0 13px 13px 0;grid-template-rows:1fr 1fr;width:3.25rem;display:grid;position:absolute;top:1px;bottom:1px;right:1px;overflow:hidden}.stepper-controls button{width:100%;height:100%;color:var(--teal-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#8ebdc426,#c5b4e333);border:0;border-radius:0;place-items:center;transition:background .15s,color .15s;display:grid}.stepper-controls button:first-child{border-bottom:1px solid #c5b4e347}.stepper-controls button:hover{color:var(--lavender-deep);background:linear-gradient(135deg,#8ebdc440,#c5b4e34d)}.stepper-controls button:active{color:var(--teal-deep);background:linear-gradient(135deg,#8ebdc466,#c5b4e375)}.stepper-controls svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.9rem;height:.9rem}.date-picker-button{border:1px solid var(--sand-dark);width:100%;min-height:3.25rem;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:#ffffffdb;border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.date-picker-button.has-value{color:var(--ink)}.date-picker-button svg{fill:none;width:1.35rem;height:1.35rem;stroke:var(--teal-deep);stroke-width:1.8px;stroke-linecap:round;flex:none}.calendar-overlay{z-index:10000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#3d3a4540;place-items:center;padding:1rem;animation:.18s ease-out calendar-fade;display:grid;position:fixed;inset:0}.calendar-modal{background:radial-gradient(circle at 5% 0,#ffb38a29,#0000 38%),radial-gradient(circle at 95% 100%,#8ebdc42e,#0000 42%),#fffffff5;border:1px solid #ffffffb8;border-radius:26px;width:min(360px,100%);padding:1.1rem;animation:.24s cubic-bezier(.2,.85,.3,1.15) calendar-pop;box-shadow:0 24px 70px #3d3a453d}.calendar-overlay.calendar-static,.calendar-static .calendar-modal{animation:none}.calendar-header{text-align:center;grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.5rem;margin-bottom:.75rem;display:grid}.calendar-header strong{text-transform:capitalize;font-size:1.05rem}.calendar-nav{width:2.5rem;height:2.5rem;color:var(--lavender-deep);font:inherit;cursor:pointer;background:#c5b4e32e;border:0;border-radius:50%;font-size:1.65rem;line-height:1}.calendar-nav:disabled{opacity:.28;cursor:not-allowed}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.calendar-weekdays{margin-bottom:.25rem}.calendar-weekdays span{color:var(--muted);text-align:center;padding:.35rem 0;font-size:.72rem;font-weight:800}.calendar-day{aspect-ratio:1;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:.88rem;transition:background .15s,color .15s,transform .12s;display:grid}.calendar-day:active{transform:scale(.9)}.calendar-day.outside{color:#6b657061}.calendar-day.today{color:var(--teal-deep);font-weight:800;box-shadow:inset 0 0 0 1.5px #8ebdc4a6}.calendar-day.selected{background:linear-gradient(135deg, var(--teal), var(--lavender) 55%, var(--peach));color:#fff;font-weight:800;box-shadow:0 6px 16px #a895c959}.calendar-day.disabled,.calendar-day:disabled{color:#6b657038;box-shadow:none;cursor:not-allowed;opacity:.7;background:0 0}.calendar-actions{border-top:1px solid #c5b4e33d;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;display:flex}.calendar-actions button{color:var(--teal-deep);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .85rem;font-size:.82rem;font-weight:750}.calendar-actions button:last-child{background:#8ebdc424}@keyframes calendar-fade{0%{opacity:0}}@keyframes calendar-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}}.time-modal{padding:1.35rem}.time-modal-kicker{color:var(--lavender-deep);text-align:center;margin:0;font-size:.78rem;font-weight:750}.time-preview{color:var(--ink);letter-spacing:-.04em;justify-content:center;align-items:center;gap:.35rem;margin:.35rem 0 .8rem;font-size:2.25rem;font-weight:800;display:flex}.time-preview i{color:var(--lavender-deep);font-style:normal}.time-wheels{background:#ffffff94;border:1px solid #c5b4e33d;border-radius:22px;grid-template-columns:1fr 1.1rem 1fr;align-items:end;gap:0;display:grid;position:relative;overflow:hidden}.time-wheel-wrap{z-index:1;min-width:0;position:relative}.time-wheel-wrap:first-child{grid-column:1}.time-wheel-wrap:nth-of-type(2){grid-column:3}.time-wheel-label{height:1.55rem;color:var(--muted);text-align:center;padding-top:.65rem;font-size:.68rem;font-weight:750;display:block}.time-wheel{scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;height:10rem;padding:3.5rem 0;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.time-wheel::-webkit-scrollbar{display:none}.time-wheel-item{color:#6b657080;width:100%;height:3rem;font:inherit;scroll-snap-align:center;cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.15rem;font-weight:650;line-height:1;transition:color .16s,transform .16s;display:grid}.time-wheel-item.selected{color:var(--ink);font-weight:850;transform:scale(1.12)}.time-wheel-highlight{z-index:0;pointer-events:none;background:linear-gradient(135deg,#8ebdc429,#c5b4e333,#ffb38a24);border:1px solid #8ebdc440;border-radius:16px;height:3rem;position:absolute;top:5.05rem;left:.65rem;right:.65rem;box-shadow:0 5px 18px #8ebdc41a}.time-separator{z-index:2;color:var(--lavender-deep);text-align:center;margin:0;font-size:1.4rem;font-weight:850;position:absolute;top:6.55rem;left:50%;transform:translate(-50%,-50%)}.time-actions{grid-template-columns:auto 1fr;gap:.6rem;margin-top:1rem;display:grid}.time-actions button{min-height:2.8rem;font:inherit;cursor:pointer;border:0;border-radius:14px;padding:.65rem .9rem;font-size:.82rem;font-weight:750}.time-cancel{color:var(--muted);background:#c5b4e324}.time-confirm{background:linear-gradient(135deg, var(--teal), var(--lavender), var(--peach));color:#fff;box-shadow:0 7px 20px #8ebdc43d}.btn{width:100%;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;margin-top:.75rem;padding:.95rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--teal) 0%, var(--lavender) 55%, var(--peach) 100%);color:var(--white);box-shadow:0 8px 24px #8ebdc459}.btn-ghost{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--teal-deep);border:1px solid #c5b4e373}.gender-pick{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.pick{background:var(--sand);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;font-weight:700;transition:border-color .18s,background .18s,transform .14s;display:flex}.pick:active{transform:scale(.97)}.pick.selected.girl{border-color:var(--girl);background:#e8b4c833}.pick.selected.boy{border-color:var(--boy);background:#8ebdc433}.gender-icon{width:3.25rem;height:3.25rem;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),filter .22s;overflow:visible}.gender-icon .heart-shape{stroke-width:1.5px}.gender-icon.girl .heart-shape{fill:url(#heart-girl);stroke:#cf6b9c}.gender-icon.boy .heart-shape{fill:url(#heart-boy);stroke:#579bb6}.gender-icon .heart-shine{fill:none;stroke:#ffffffc7;stroke-width:3px;stroke-linecap:round}.gender-icon .heart-sparkle{fill:none;stroke:var(--lavender-deep);stroke-width:2px;stroke-linecap:round;opacity:.75}.pick.selected .gender-icon{filter:drop-shadow(0 7px 8px #3d3a4529);transform:translateY(-2px)scale(1.08)}.live-stats{border-top:1px solid var(--sand-dark);margin-top:1rem;padding-top:1rem}.stats-title{color:var(--ink);margin-bottom:.5rem;font-size:.85rem;font-weight:650}.stats-bar{background:var(--sand);border-radius:999px;height:2.4rem;display:flex;overflow:hidden}.gender-heart-icon{vertical-align:-.18em;fill:currentColor;flex:none;width:1.15em;height:1.15em;display:inline-block;overflow:visible}.gender-heart-icon.girl{color:#d96fa5}.gender-heart-icon.boy{color:#5ea9c6}.gender-heart-icon .heart-icon-shine{fill:none;stroke:#ffffffc7;stroke-width:1.6px;stroke-linecap:round}.stats-girl,.stats-boy{min-width:3rem;color:var(--white);justify-content:center;align-items:center;gap:.3rem;font-size:.82rem;font-weight:700;display:flex}.stats-girl .gender-heart-icon,.stats-boy .gender-heart-icon{color:var(--white)}.stats-girl{background:var(--girl)}.stats-boy{background:var(--boy)}.progress{background:var(--sand);border-radius:999px;height:8px;margin:.75rem 0 .35rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--peach), var(--lavender), var(--teal));border-radius:inherit;height:100%}.progress-label{color:var(--muted);margin-bottom:1rem;font-size:.82rem}.question{margin-bottom:1rem;font-size:1.15rem;font-weight:700;line-height:1.4}.options{gap:.7rem;display:grid}.option{text-align:left;background:var(--sand);font:inherit;border:2px solid #0000;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:.95rem 1rem;display:grid}.option.selected{border-color:var(--lavender-deep);background:#c5b4e32e}.option-letter{background:linear-gradient(135deg, var(--peach-soft), var(--lavender));width:2rem;height:2rem;color:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.result-card{text-align:center}.profile-hero{background:radial-gradient(circle at 8% 5%, #ffb38a33, transparent 36%), radial-gradient(circle at 94% 92%, #8ebdc433, transparent 40%), var(--glass);padding:1.65rem 1.5rem 1.45rem;position:relative;overflow:hidden}.profile-hero:after{content:"";pointer-events:none;border:1px solid #c5b4e342;border-radius:50%;width:8rem;height:8rem;position:absolute;top:-4.5rem;right:-4.5rem;box-shadow:0 0 0 1.2rem #c5b4e30f}.profile-hero .profile-name{color:var(--ink);letter-spacing:-.035em;margin:.55rem 0 1.15rem;font-size:clamp(1.75rem,8vw,2.2rem)}.profile-topline{z-index:1;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative}.profile-title{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:1.2rem}.profile-overall-rank{color:var(--muted);background:#ffffff8c;border:1px solid #c5b4e347;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.35rem .45rem .35rem .65rem;font-size:.66rem;display:flex}.profile-overall-rank strong{color:var(--ink);white-space:nowrap;background:linear-gradient(135deg,#8ebdc44d,#c5b4e361);border-radius:999px;padding:.22rem .48rem;font-size:.75rem}.profile-scores{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid;position:relative}.profile-score-column{align-content:start;gap:.55rem;display:grid}.profile-score-block{background:linear-gradient(135deg,#8ebdc421,#c5b4e32b);border:1px solid #ffffffb8;border-radius:18px;justify-items:center;min-width:0;padding:.8rem .55rem .75rem;display:grid;box-shadow:inset 0 1px #ffffffa6}.prediction-score-block{background:linear-gradient(135deg,#ffd4bc3d,#c5b4e326)}.score-kicker{color:var(--lavender-deep);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .55rem;font-size:.65rem;font-weight:750}.profile-score{background:linear-gradient(135deg, var(--teal-deep), var(--lavender-deep));color:#0000;-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:.3rem;margin:0;line-height:1;display:flex}.profile-score strong{letter-spacing:-.07em;font-size:clamp(2.3rem,12vw,3.1rem);font-weight:800}.profile-score span{letter-spacing:-.04em;font-size:1.2rem;font-weight:650}.prediction-score{background:linear-gradient(135deg, #cf8f6c, var(--lavender-deep));-webkit-background-clip:text;background-clip:text}.result-answers{color:var(--muted);margin:.35rem 0 0;font-size:.72rem;font-weight:600}.score-rank{color:var(--muted);justify-items:center;gap:.16rem;margin:0;font-size:.62rem;line-height:1.2;display:grid}.score-rank strong{color:var(--ink);font-size:.78rem}.score-rank.pending strong{color:var(--lavender-deep);font-size:.7rem}.result-section{margin-top:.75rem}.result-section h3{margin:0 0 .75rem;font-size:1.1rem}.result-section-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.result-section-head h3{margin:0}.prediction-section{padding:1.25rem}.prediction-section-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.prediction-section-head h3{letter-spacing:-.025em;margin:.1rem 0 0;font-size:1.2rem}.prediction-lock{width:2.25rem;height:2.25rem;color:var(--lavender-deep);background:linear-gradient(135deg,#ffd4bc80,#c5b4e357);border-radius:50%;place-items:center;display:grid}.prediction-lock svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem}.prediction-recap{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.prediction-recap li{background:linear-gradient(145deg,#ffffffad,#f5f0fa9e);border:1px solid #ffffffb3;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-height:4.6rem;padding:.75rem;display:grid;box-shadow:0 7px 18px #3d3a450b}.prediction-recap .prediction-gender{background:linear-gradient(145deg,#8ebdc42b,#ffffffab)}.prediction-recap .prediction-date{background:linear-gradient(145deg,#ffd4bc47,#ffffffab)}.prediction-recap .prediction-time{background:linear-gradient(145deg,#c5b4e333,#ffffffab)}.prediction-recap .prediction-height{grid-column:1/-1}.prediction-icon{width:2.15rem;height:2.15rem;color:var(--teal-deep);background:#ffffffb8;border-radius:11px;place-items:center;display:grid}.prediction-date .prediction-icon,.prediction-weight .prediction-icon{color:#cf8f6c}.prediction-time .prediction-icon,.prediction-height .prediction-icon{color:var(--lavender-deep)}.prediction-icon>svg:not(.gender-heart-icon){fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem}.prediction-icon .gender-heart-icon{width:1.35rem;height:1.35rem}.prediction-copy{gap:.18rem;min-width:0;display:grid}.prediction-label{color:var(--muted);font-size:.68rem;line-height:1.2}.prediction-value{color:var(--ink);font-size:.94rem;font-weight:700;line-height:1.2}@media (width<=360px){.prediction-recap{grid-template-columns:1fr}.prediction-recap .prediction-height{grid-column:auto}}.analytics-count{color:var(--lavender-deep);background:#c5b4e333;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:700}.analytics-hint{margin:-.25rem 0 .9rem}.leaderboard-tabs.analytics-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.25rem}.analytics-tab-intro{background:linear-gradient(135deg,#8ebdc41a,#c5b4e321);border-radius:14px;gap:.2rem;margin-bottom:1.2rem;padding:.8rem .9rem;display:grid}.analytics-tab-intro strong{font-size:.86rem}.analytics-tab-intro span{color:var(--muted);font-size:.72rem;line-height:1.4}.analytics-quiz-dist{margin-bottom:0}.question-analytics{border-top:1px solid #c5b4e333;gap:.8rem;margin-top:1.5rem;padding-top:1.1rem;display:grid}.question-analytics-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.question-analytics-head h4{margin:0;font-size:.95rem}.question-analytics-head>span{color:var(--lavender-deep);background:#c5b4e32e;border-radius:999px;padding:.25rem .55rem;font-size:.66rem;font-weight:700}.question-stat-card{background:linear-gradient(145deg,#ffffffa3,#f5f0fa94);border:1px solid #ffffffb3;border-radius:17px;padding:.85rem;box-shadow:0 6px 18px #3d3a450a}.question-stat-title{grid-template-columns:auto 1fr;align-items:start;gap:.6rem;margin-bottom:.75rem;display:grid}.question-stat-title>span{width:1.55rem;height:1.55rem;color:var(--teal-deep);background:linear-gradient(135deg,#8ebdc447,#c5b4e357);border-radius:50%;place-items:center;font-size:.67rem;font-weight:800;display:grid}.question-stat-title h5{color:var(--ink);margin:.15rem 0 0;font-size:.78rem;line-height:1.35}.question-stat-options{gap:.45rem;display:grid}.question-stat-option{background:#ffffff7a;border:1px solid #0000;border-radius:12px;padding:.52rem .58rem}.question-stat-option.correct{background:#8ebdc41a;border-color:#8ebdc447}.question-stat-option.mine{box-shadow:inset 0 0 0 1px #a895c959}.question-stat-option-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.question-stat-letter{color:var(--lavender-deep);font-size:.63rem;font-weight:800}.question-stat-option-head strong{font-size:.68rem;font-weight:650;line-height:1.25}.question-stat-value{color:var(--muted);white-space:nowrap;font-size:.61rem}.question-stat-track{background:#c5b4e324;border-radius:999px;height:.24rem;margin:.42rem 0 0 1.05rem;overflow:hidden}.question-stat-track>span{width:var(--w);border-radius:inherit;background:linear-gradient(90deg, var(--lavender), var(--teal));height:100%;display:block}.question-stat-option.correct .question-stat-track>span{background:linear-gradient(90deg, var(--teal-deep), var(--teal))}.question-stat-badges{flex-wrap:wrap;gap:.3rem;margin:.38rem 0 0 1.05rem;display:flex}.question-stat-badges:empty{display:none}.question-stat-badges span{border-radius:999px;padding:.16rem .38rem;font-size:.55rem;font-weight:700}.correct-badge{color:var(--teal-deep);background:#8ebdc42e}.mine-badge{color:var(--lavender-deep);background:#c5b4e333}.split{margin-bottom:1.4rem}.split .dist-label{margin-bottom:.5rem;display:block}.split-bar{background:var(--sand);border-radius:999px;height:2.1rem;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #3d3a4514}.split-seg{color:#fff;justify-content:center;align-items:center;width:0;font-size:.85rem;font-weight:800;transition:width .9s cubic-bezier(.2,.8,.2,1);display:flex}.animate-in .split-seg{width:var(--w)}.split-seg.girl{background:linear-gradient(135deg, #f0c3d5, var(--girl))}.split-seg.boy{background:linear-gradient(135deg, var(--teal), var(--teal-deep))}.split-legend{color:var(--muted);justify-content:center;gap:1.25rem;margin-top:.55rem;font-size:.82rem;font-weight:600;display:flex}.split-legend span{align-items:center;gap:.4rem;display:inline-flex}.split-dot{border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.split-dot.girl{background:var(--girl)}.split-dot.boy{background:var(--teal)}.dist{margin-bottom:1.5rem}.dist:last-child{margin-bottom:.25rem}.dist-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.6rem;display:flex}.dist-label{font-size:.95rem;font-weight:700}.dist-pill{color:var(--teal-deep);white-space:nowrap;background:#8ebdc42e;border-radius:999px;padding:.22rem .6rem;font-size:.72rem;font-weight:700}.dist-track{background:var(--sand);border-radius:999px;height:.7rem;position:relative;box-shadow:inset 0 1px 3px #3d3a4514}.dist-fill{background:linear-gradient(90deg, var(--teal), var(--lavender), var(--peach));opacity:.55;transform-origin:0;border-radius:999px;transition:transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}.animate-in .dist-fill{transform:scaleX(1)}.dist-avg{background:#3d3a4559;border-radius:2px;width:2px;transition:transform .5s .5s;position:absolute;top:-.3rem;bottom:-.3rem;transform:translate(-50%)scaleY(0)}.animate-in .dist-avg{transform:translate(-50%)scaleY(1)}.dist-dot{appearance:none;z-index:2;cursor:pointer;opacity:0;background:0 0;border:0;width:1.75rem;height:1.75rem;padding:0;transition:transform .4s cubic-bezier(.2,1.4,.4,1),opacity .3s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.dist-dot:before{content:"";background:#a895c9b8;border:1.5px solid #ffffffe6;border-radius:50%;width:.62rem;height:.62rem;transition:width .18s,height .18s,background .18s,box-shadow .18s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #3d3a451f}.animate-in .dist-dot{opacity:1;transition-delay:calc(var(--i) * 30ms + .25s);transform:translate(-50%,-50%)scale(1)}.dist-dot:hover,.dist-dot:focus-visible{z-index:5;outline:none}.dist-dot:hover:before,.dist-dot:focus-visible:before,.dist-dot:active:before{background:var(--lavender-deep);width:.82rem;height:.82rem;box-shadow:0 2px 8px #3d3a453d}.dist-tooltip{color:#fff;pointer-events:none;opacity:0;background:#3d3a45eb;border:1px solid #ffffffbf;border-radius:11px;gap:.08rem;min-width:max-content;padding:.42rem .58rem;font-size:.66rem;line-height:1.2;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%,.3rem);box-shadow:0 7px 18px #3d3a452e}.dist-tooltip strong{font-size:.7rem}.dist-tooltip>span{color:#ffffffc2}.dist-dot:hover .dist-tooltip,.dist-dot:focus .dist-tooltip{opacity:1;transform:translate(-50%)}.dist-dot.at-start .dist-tooltip{left:50%;transform:translateY(.3rem)}.dist-dot.at-start:hover .dist-tooltip,.dist-dot.at-start:focus .dist-tooltip{transform:translate(0)}.dist-dot.at-end .dist-tooltip{left:auto;right:50%;transform:translateY(.3rem)}.dist-dot.at-end:hover .dist-tooltip,.dist-dot.at-end:focus .dist-tooltip{transform:translate(0)}.dist-me{z-index:3;pointer-events:none;opacity:0;transition:opacity .4s .8s;position:absolute;top:50%;transform:translate(-50%,-50%)}.animate-in .dist-me{opacity:1}.dist-me-dot{background:linear-gradient(135deg, var(--lavender-deep), var(--teal-deep));border:2px solid #fff;border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #3d3a4540}.dist-me-stem{background:var(--lavender-deep);width:2px;height:.9rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.dist-me-flag{background:linear-gradient(135deg, var(--lavender-deep), var(--teal-deep));color:#fff;white-space:nowrap;border-radius:999px;padding:.16rem .5rem;font-size:.68rem;font-weight:800;position:absolute;bottom:calc(100% + .9rem);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #3d3a4533}.dist-scale{color:var(--muted);justify-content:space-between;margin-top:.5rem;font-size:.72rem;font-weight:600;display:flex}.dist-scale-avg{color:var(--lavender-deep)}.hist{align-items:flex-end;gap:.25rem;display:flex}.hist-col{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.hist-count{color:var(--muted);min-height:.9rem;font-size:.68rem;font-weight:700}.hist-bar-area{align-items:flex-end;width:100%;height:5.5rem;display:flex;position:relative}.hist-bar{background:linear-gradient(180deg, var(--lavender), var(--teal));opacity:.6;border-radius:6px 6px 2px 2px;width:100%;min-width:6px;height:0;transition:height .7s cubic-bezier(.2,.8,.2,1)}.animate-in .hist-bar{height:var(--h);transition-delay:calc(var(--i) * 40ms)}.hist-col.me .hist-bar{opacity:1;background:linear-gradient(180deg, var(--lavender-deep), var(--teal-deep));outline:2px solid #ffffffe6;box-shadow:0 0 0 3px #a895c947,0 5px 14px #a895c96b}.hist-col.me .hist-count,.hist-col.me .hist-x{color:var(--lavender-deep);font-weight:800}.hist-col.me .hist-count{visibility:hidden}.hist-col.me .hist-x{background:#c5b4e338;border-radius:50%;place-items:center;min-width:1.35rem;min-height:1.35rem;margin-top:.2rem;display:grid}.hist-me-badge{left:50%;bottom:calc(var(--h) + .45rem);z-index:2;background:linear-gradient(135deg, var(--lavender-deep), var(--teal-deep));color:#fff;white-space:nowrap;opacity:0;border-radius:999px;padding:.16rem .45rem;font-size:.58rem;font-weight:800;line-height:1.2;transition:opacity .25s .65s,transform .25s .65s;position:absolute;transform:translate(-50%,.25rem);box-shadow:0 3px 9px #3d3a4533}.animate-in .hist-me-badge{opacity:1;transform:translate(-50%)}.hist-x{color:var(--muted);font-size:.68rem;font-weight:600}.leaderboard-compact{margin-bottom:.75rem}.leaderboard-heading{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.8rem;display:flex}.leaderboard-heading h3{margin:0}.leaderboard-heading p{color:var(--muted);margin:0;font-size:.65rem}.leaderboard-tabs{background:#ffffff73;border:1px solid #c5b4e338;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.25rem;display:grid}.leaderboard-tabs button{min-height:2.4rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:.45rem .35rem;font-size:.76rem;font-weight:650;transition:color .18s,background .18s,box-shadow .18s}.leaderboard-tabs button:hover{color:var(--teal-deep);background:#8ebdc41a}.leaderboard-tabs button:active{background:#8ebdc42b;transform:none}.leaderboard-tabs button.active{color:var(--ink);background:linear-gradient(135deg,#8ebdc438,#c5b4e347);box-shadow:0 3px 10px #3d3a4514}.leaderboard-pending{text-align:center;justify-items:center;padding:1.5rem .75rem 1rem;display:grid}.leaderboard-pending>span{width:2.6rem;height:2.6rem;color:var(--lavender-deep);background:linear-gradient(135deg,#ffd4bc73,#c5b4e366);border-radius:50%;place-items:center;margin-bottom:.65rem;font-size:1.25rem;font-weight:800;display:grid}.leaderboard-pending p{color:var(--muted);margin:.3rem 0 0;font-size:.75rem}.leaderboard{gap:.65rem;margin:1rem 0;padding:0;list-style:none;display:grid}.leaderboard li{background:var(--sand);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem .9rem;display:grid}.leaderboard li.me{outline:2px solid var(--lavender-deep);background:#c5b4e326}.rank{color:var(--teal-deep);font-weight:800}.guess-badge{font-size:1.2rem}.empty{text-align:center;padding:1rem 0}.reveal-locked{text-align:center}.countdown{background:linear-gradient(135deg, var(--teal-deep), var(--lavender-deep));color:#0000;-webkit-background-clip:text;background-clip:text;margin:1.25rem 0;font-size:2rem;font-weight:800}.reveal-screen{flex-direction:column;gap:1rem;display:flex}.reveal-screen>:not(.reveal-confetti-layer):not(.reveal-boy-text-layer){z-index:130;position:relative}.reveal-confetti-layer{z-index:150;clip-path:inset(var(--confetti-hidden-top,42vh) 0 0 0);pointer-events:none;position:fixed;inset:0;overflow:hidden}.reveal-confetti-layer i{bottom:-1.5rem;left:var(--start);width:var(--w);height:var(--h);background:var(--confetti);opacity:0;animation:blue-confetti-launch var(--duration) cubic-bezier(.18, .72, .24, 1) var(--delay) infinite both;border-radius:2px;position:absolute;box-shadow:0 0 5px #4f91ad2e}.reveal-confetti-layer i:nth-child(3n){border-radius:50%}.reveal-confetti-layer i:nth-child(4n){clip-path:polygon(50% 0,100% 100%,0 100%)}.reveal-confetti-layer i:nth-child(2n){animation-timing-function:cubic-bezier(.22,.65,.3,1)}.reveal-boy-text-layer{z-index:119;pointer-events:none;position:fixed;inset:0;overflow:hidden}.reveal-boy-text-layer span{color:#fffffff0;font-size:var(--size);letter-spacing:.04em;text-shadow:0 2px 12px #1941547a,0 0 24px #8ed3e659;white-space:nowrap;opacity:0;will-change:transform, opacity;animation:boy-text-travel var(--duration) linear var(--delay) infinite;font-weight:900;line-height:1;position:absolute;top:0;left:0}.reveal-boy-text-layer span:nth-child(3n){color:#d2f4faf5}.reveal-boy-text-layer span:nth-child(4n){-webkit-text-stroke:1px #ffffffe6;color:#69b8d238}@keyframes boy-text-travel{0%{opacity:0;transform:translate3d(var(--from-x), var(--from-y), 0) rotate(var(--angle)) scale(.88)}8%{opacity:1}24%{opacity:.38}34%{opacity:1}58%{opacity:.62}70%{opacity:1}92%{opacity:.9}to{opacity:0;transform:translate3d(var(--to-x), var(--to-y), 0) rotate(calc(var(--angle) + 22deg)) scale(1.1)}}@keyframes blue-confetti-launch{0%{opacity:0;transform:translateY(1rem)rotate(0)scale(.45)}12%{opacity:1}68%{opacity:1;transform:translate3d(var(--mid-x), var(--peak), 0) rotate(var(--rotation)) scale(1)}to{opacity:0;transform:translate3d(var(--end-x), var(--end-y), 0) rotate(calc(var(--rotation) + 180deg)) scale(.82)}}@media (prefers-reduced-motion:reduce){.reveal-confetti-layer,.reveal-boy-text-layer{display:none}}.reveal-splash{z-index:130;aspect-ratio:16/9;border-radius:var(--radius);width:100%;min-height:0;color:var(--white);text-align:center;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;padding:1rem;animation:.8s reveal-pop;display:flex;position:relative;overflow:hidden}.reveal-screen>.reveal-splash{z-index:160}.reveal-splash-bg{object-fit:cover;filter:saturate(1.05);width:100%;height:100%;position:absolute;inset:0}.reveal-video{object-fit:contain;object-position:center;background:#4f91ad}.reveal-splash:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#2243540f,#22435433);position:absolute;inset:0}.reveal-sound-toggle{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:inherit;cursor:pointer;background:#224354b8;border:1px solid #fff9;border-radius:999px;align-items:center;gap:.38rem;padding:.48rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.reveal-sound-toggle[hidden]{display:none}.reveal-sound-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem}@keyframes reveal-pop{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.reveal-title{margin:.25rem 0;font-size:3rem}.reveal-title.boy{color:#fff}.reveal-sub{margin:0;font-size:1.1rem}.reveal-heart{width:1.2rem;height:1.2rem;color:#bdebf2!important}.reveal-stats{text-align:center;background:radial-gradient(circle at 12% 8%,#8ed3e64d,#0000 34%),radial-gradient(circle at 90% 90%,#c5b4e34d,#0000 38%),#ffffffe0;border-color:#ffffffe0;padding:1.65rem 1.3rem 1.35rem;animation:.75s cubic-bezier(.2,.85,.3,1) .2s both reveal-announcement-in;position:relative;overflow:hidden}.reveal-stats:before,.reveal-stats:after{content:"";pointer-events:none;border:1px solid #8ebdc433;border-radius:50%;position:absolute}.reveal-stats:before{width:7rem;height:7rem;top:-4rem;left:-3.5rem}.reveal-stats:after{width:5rem;height:5rem;bottom:-3rem;right:-2.5rem}.reveal-announcement-icon{background:linear-gradient(135deg,#8ed3e66b,#c5b4e35c);border:1px solid #ffffffd9;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.75rem;animation:2.2s ease-in-out infinite reveal-icon-float;display:inline-grid;position:relative;box-shadow:0 8px 22px #5a8f982e,inset 0 1px #ffffffbf}.reveal-announcement-icon .gender-heart-icon{width:1.8rem;height:1.8rem}.reveal-announcement-sparkles{fill:#fffffff2;filter:drop-shadow(0 1px 4px #5a8f9840);width:calc(100% + 1.6rem);height:calc(100% + 1.6rem);animation:1.4s ease-in-out infinite alternate reveal-sparkle;position:absolute;inset:-.8rem}.reveal-result-kicker{color:var(--teal-deep);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.reveal-stats h2{color:var(--ink);letter-spacing:-.04em;margin:.35rem 0 .5rem;font-size:clamp(1.55rem,7vw,2rem)}.reveal-vote-highlight{text-align:left;background:linear-gradient(135deg,#8ebdc421,#c5b4e329);border:1px solid #8ebdc42e;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;margin-top:1.2rem;padding:.72rem .85rem;display:grid}.reveal-vote-highlight strong{background:linear-gradient(135deg, var(--teal-deep), var(--lavender-deep));color:#0000;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;font-size:1.65rem;line-height:1}.reveal-vote-highlight span{color:var(--muted);font-size:.72rem;line-height:1.35}@keyframes reveal-announcement-in{0%{opacity:0;transform:translateY(1.25rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reveal-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.28rem)}}@keyframes reveal-sparkle{0%{opacity:.45;transform:rotate(-5deg)scale(.92)}to{opacity:1;transform:rotate(5deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.reveal-stats,.reveal-announcement-icon,.reveal-announcement-sparkles{animation:none}}.wishes-compose h2{margin-bottom:.45rem}.wishes-intro{margin:0 0 1.2rem;font-size:.82rem;line-height:1.5}.wishes-compose textarea{resize:vertical;min-height:7rem}.wish-error:empty{display:none}.wish-wall{border-top:1px solid var(--sand-dark);margin-top:1.5rem;padding-top:1rem}.wish-wall-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.wish-wall-head h3{margin:0;font-size:1rem}.wish-wall-head>span{min-width:1.8rem;height:1.8rem;color:var(--lavender-deep);background:#c5b4e333;border-radius:999px;place-items:center;padding:0 .4rem;font-size:.72rem;font-weight:750;display:grid}.wish-item{background:linear-gradient(145deg,#fff9,#f5f0fa9e);border:1px solid #ffffffad;border-radius:16px;margin-top:.7rem;padding:.9rem}.wish-item.mine{background:linear-gradient(145deg,#8ebdc421,#ffffffa8);border-color:#8ebdc44d}.wish-author{align-items:center;gap:.65rem;display:flex}.wish-avatar{background:linear-gradient(135deg, var(--teal), var(--lavender));color:#fff;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:800;display:grid}.wish-author>div{gap:.08rem;display:grid}.wish-author strong{font-size:.82rem}.wish-author time{color:var(--muted);font-size:.64rem}.wish-item p{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:.7rem 0 0;font-size:.84rem;line-height:1.5}.prize-list{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.prize-list li{background:var(--sand);border-radius:14px;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.gifts-intro{margin-bottom:.75rem}.gifts-intro h2{margin-bottom:1.25rem}.gifts-intro-copy{color:var(--muted);gap:.9rem;line-height:1.55;display:grid}.gifts-intro-copy p{margin:0}.gifts-intro-note{color:var(--lavender-deep);font-weight:700}.gifts-intro .btn{margin-top:1.4rem}.gift-count{color:var(--boy-deep);background:#4a9fd41f;border-radius:999px;margin-top:.5rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-block}.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.gift-grid .gift-visual{aspect-ratio:1;background:#ffffffd9;height:auto}.gift-grid .gift-visual img{object-fit:contain;object-position:center;padding:.4rem}.gift-grid .gift-emoji{font-size:2rem}.gift-grid .gift-card-body{padding:.6rem .55rem .7rem}.gift-grid .gift-card-body h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.25;display:-webkit-box;overflow:hidden}.gift-grid .gift-subtitle{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.3rem 0 0;font-size:.64rem;line-height:1.3;display:-webkit-box;overflow:hidden}.gift-grid .gift-brand{margin-top:.35rem;font-size:.68rem}.gift-grid .gift-like{min-width:2.2rem;height:1.75rem;padding:.25rem .45rem;top:.35rem;right:.35rem}.gift-card{box-shadow:var(--shadow);background:#ffffffe6;border-radius:16px;position:relative;overflow:hidden}.gift-like{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:2.5rem;height:2rem;color:var(--muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffe0;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;padding:.3rem .55rem;font-size:.7rem;font-weight:800;transition:color .18s,background .18s,transform .12s;display:inline-flex;position:absolute;top:.65rem;right:.65rem;box-shadow:0 5px 16px #3d3a4524}.gift-like svg{fill:#0000;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;transition:fill .18s,transform .18s}.gift-like:active{transform:scale(.9)}.gift-like.liked{color:#fff;background:linear-gradient(135deg,#e8b4c8f0,#c5b4e3f0)}.gift-like.liked svg{fill:currentColor;animation:.35s cubic-bezier(.2,1.4,.4,1) gift-heart-pop}.gift-like:disabled{cursor:wait;opacity:.72}@keyframes gift-heart-pop{50%{transform:scale(1.35)rotate(-8deg)}}.gift-delivered-note{text-align:center}.gift-delivered-note p{margin-bottom:.75rem;line-height:1.5}.gift-visual{background:linear-gradient(135deg, var(--peach-soft), var(--lavender), var(--teal));place-items:center;height:9.5rem;display:grid;position:relative}.gift-visual.large{border-radius:var(--radius);height:14rem;margin-bottom:.75rem;overflow:hidden}.gift-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gift-emoji{font-size:3rem;line-height:1}.gift-visual.large .gift-emoji{font-size:4rem}.gift-card-body{padding:1rem 1rem 1.1rem}.gift-card-body h3{margin:0 0 .25rem;font-size:1.05rem}.gift-subtitle{color:var(--muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.4}.gift-brand{color:var(--muted);margin:0;font-size:.85rem}.gift-price{color:var(--boy-deep);margin:.45rem 0 .75rem;font-size:1.05rem;font-weight:800}.btn-compact{width:auto;min-width:8.5rem;margin-top:0;padding:.7rem 1rem}.gift-detail{gap:.75rem;display:grid}.back-link{color:var(--sea);font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.gift-detail-card h2{margin-bottom:.35rem}.gift-subtitle{color:var(--muted);line-height:1.45}.gift-meta{flex-wrap:wrap;gap:.45rem;margin:.75rem 0 1rem;display:flex}.gift-meta span{background:var(--sand);border-radius:999px;padding:.3rem .65rem;font-size:.8rem}.gift-price-tag{color:var(--lavender-deep);font-weight:800;background:#c5b4e340!important}.gift-story p{line-height:1.55}.gift-story-extra{color:var(--muted);margin-top:.85rem}.payment-screen{gap:.85rem;display:grid}.payment-screen .back-link{margin-bottom:.15rem}.payment-intro{padding:1.35rem}.payment-eyebrow{color:var(--lavender-deep);margin:0 0 .35rem;font-size:.78rem;font-weight:750}.payment-intro h2{margin-bottom:.55rem}.payment-intro>p:last-child{color:var(--muted);margin:0;line-height:1.5}.payment-method{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border:1px solid #ffffffb3;padding:1.15rem}.payment-tabs{background:#c5b4e321;border-radius:16px;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:1.15rem;padding:.3rem;display:grid}.payment-tabs button{min-height:2.8rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:.45rem;font-size:.8rem;font-weight:650;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex}.payment-tabs button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.payment-tabs button.active{color:var(--teal-deep);background:#ffffffdb;box-shadow:0 5px 16px #3d3a4517}.payment-panel{animation:.22s ease-out payment-panel-in}@keyframes payment-panel-in{0%{opacity:0;transform:translateY(5px)}}.payment-method-title{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.payment-method-title h3,.payment-method-title p{margin:0}.payment-method-title h3{color:#4f4b56;font-size:1.05rem;font-weight:650}.payment-method-title p{color:var(--muted);margin-top:.15rem;font-size:.78rem}.payment-icon{width:2.65rem;height:2.65rem;color:var(--teal-deep);background:linear-gradient(135deg,#8ebdc433,#c5b4e340);border-radius:14px;flex:none;place-items:center;display:grid}.payment-icon.crypto{color:var(--lavender-deep);background:linear-gradient(135deg,#c5b4e340,#ffb38a33)}.payment-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.payment-recipient{background:#ffffff80;border-radius:14px;gap:.25rem;margin-bottom:.75rem;padding:.8rem .9rem;display:grid}.payment-recipient span,.payment-value>span{color:var(--muted);font-size:.7rem;font-weight:600}.payment-recipient strong{color:#5b5661;font-size:.88rem;font-weight:600;line-height:1.5}.payment-value{background:#ffffffa8;border:1px solid #c5b4e338;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:.35rem .6rem;margin-top:.6rem;padding:.8rem .9rem;display:grid}.payment-value>span{grid-column:1/-1}.payment-value code{color:#55515b;letter-spacing:.015em;overflow-wrap:anywhere;min-width:0;font-family:Avenir Next,SF Pro Text,Segoe UI,sans-serif;font-size:.84rem;font-weight:500;line-height:1.5}.payment-value button{color:var(--teal-deep);font:inherit;cursor:pointer;background:linear-gradient(135deg,#8ebdc438,#c5b4e340);border:0;border-radius:999px;padding:.5rem .7rem;font-size:.7rem;font-weight:700}.payment-value button:hover{background:linear-gradient(135deg,#8ebdc457,#c5b4e361)}.payment-value.compact{grid-template-columns:1fr auto}.crypto-address code{letter-spacing:0;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:500}.payment-warning{color:var(--muted);margin:.7rem 0 0;font-size:.72rem;line-height:1.45}.error{color:#b42318;font-size:.9rem}.bottom-nav{z-index:140;grid-template-columns:repeat(var(--nav-count,5), 1fr);width:min(480px,100%);padding:.6rem .5rem calc(.6rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-top:1px solid #c5b4e359;gap:.25rem;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #3d3a4514}.nav-item{color:var(--muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:60px;padding:.5rem .15rem;font-size:.7rem;font-weight:600;transition:color .18s,background .18s,transform .12s;display:flex}.nav-item:active{transform:scale(.94)}.nav-icon{width:30px;height:30px;color:var(--muted);place-items:center;transition:color .18s,transform .18s;display:grid}.nav-icon svg{width:26px;height:26px}.nav-item.active{color:var(--lavender-deep);background:linear-gradient(135deg,#8ebdc429,#c5b4e333);font-weight:700}.nav-item.active .nav-icon{color:var(--lavender-deep);transform:translateY(-1px)}.nav-item.done:not(.active) .nav-icon{color:var(--teal-deep)}.nav-item[data-locked=true] .nav-icon{opacity:.38;filter:grayscale(.8)}.nav-item[data-locked=true]{color:#6b657080;cursor:not-allowed;position:relative}.nav-item[data-locked=true]:active{transform:none}.nav-coming-soon{z-index:2;background:linear-gradient(135deg, var(--teal), var(--lavender) 58%, var(--peach));color:#fff;letter-spacing:.04em;text-transform:uppercase;border:1px solid #ffffffb3;border-radius:999px;min-width:max-content;padding:.24rem .42rem;font-size:.45rem;font-weight:800;line-height:1;animation:2.4s ease-in-out infinite nav-coming-soon-float;position:absolute;top:-.35rem;left:50%;transform:translate(-50%);box-shadow:0 5px 13px #a895c947}.nav-item:nth-child(2n) .nav-coming-soon{animation-delay:-1.2s}@keyframes nav-coming-soon-float{0%,to{transform:translate(-50%)translateY(0)scale(1);box-shadow:0 5px 13px #a895c940}50%{transform:translate(-50%)translateY(-3px)scale(1.03);box-shadow:0 8px 17px #a895c95c}}.nav-label{line-height:1}@media (width>=480px){.screen{padding-bottom:6.5rem}}