@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{--bg-main: #f1f1f5;--bg-surface: #ffffff;--primary: #471268;--primary-soft: #7a4bb3;--accent: #9b6ef3;--success: #4cd964;--text-dark: #1f1f1f;--text-muted: #6b6b6b;--text-deep-sleep: #3a4d83}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,sans-serif}body{background-color:var(--bg-main);background-image:radial-gradient(circle at 20% 20%,rgba(122,75,179,.14) 0,rgba(122,75,179,.14) 10px,transparent 10px),radial-gradient(circle at 80% 10%,rgba(58,77,131,.14) 0,rgba(58,77,131,.14) 12px,transparent 12px),radial-gradient(circle at 75% 80%,rgba(155,110,243,.1) 0,rgba(155,110,243,.1) 14px,transparent 14px),linear-gradient(180deg,#f1f1f5f5,#ece8f5e6);background-attachment:fixed;color:var(--text-dark)}a{text-decoration:none;color:inherit}.navbar-shell{position:sticky;top:0;z-index:120;padding:10px 12px;background:linear-gradient(180deg,#f1f1f5f5,#f1f1f5cc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar{min-height:64px;max-width:1040px;margin:0 auto;padding:10px 14px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#471268,#5a2a87 60%,#3a4d83);color:#fff;box-shadow:0 12px 28px #2a144a47}.brand-link{display:inline-flex;align-items:center;gap:10px}.brand-logo{height:34px;width:auto}.brand-badge{font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:4px 10px}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{color:#ffffffeb;font-size:14px;font-weight:600;border-radius:999px;padding:9px 13px;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.nav-link:hover{background:#ffffff24;border-color:#ffffff2e}.nav-link.active{background:#fff3;color:#fff}.nav-link-cta{background:#fff;color:var(--primary)}.nav-link-cta:hover,.nav-link-cta.active{background:#f7ecff;border-color:#ffffff4d;color:#2e0a45}@media(max-width:640px){.navbar-shell{padding:8px}.navbar{min-height:58px;padding:8px 10px;border-radius:14px;gap:8px}.brand-badge{display:none}.brand-logo{height:30px}.nav-link{padding:8px 10px;font-size:13px}}.bottom-btn{color:#fff;position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:999px;border:none;background-color:var(--primary);font-size:16px;font-family:Poppins,sans-serif;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.bottom-btn:hover{background-color:var(--primary-soft);box-shadow:0 8px 20px #00000040;transform:translate(-50%) translateY(-2px)}.bottom-btn:active{transform:translate(-50%) translateY(0);box-shadow:0 4px 10px #0003}.bottom-btn:focus{outline:none;box-shadow:0 0 0 3px #4da3ff80}.result-btn{color:#fff;left:50%;padding:14px 28px;border-radius:999px;border:none;background-color:var(--primary);font-size:16px;font-family:Poppins,sans-serif;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.result-btn:hover{background-color:var(--primary-soft);box-shadow:0 8px 20px #00000040}.result-btn:active{box-shadow:0 4px 10px #0003}.result-btn:focus{outline:none;box-shadow:0 0 0 3px #4da3ff80}.slider-container{width:100%;overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;margin:10px 0 18px;padding:12px 12px 16px;border-radius:24px;background:radial-gradient(circle at 18% 18%,#fff,#f6f3fb 42%,#ebe7f4);box-shadow:0 16px 28px #1b132e29}.slider-viewport{position:relative;overflow:hidden;margin:0;border-radius:18px;background:#ffffff80}.slider-container:focus-visible{box-shadow:0 0 0 3px #47126859,0 16px 28px #1b132e29}.slider-container:focus-visible .slider-viewport{box-shadow:inset 0 0 0 2px #47126829}.slider{display:flex;transition:transform .35s ease-in-out}.slide{width:100%;flex-shrink:0;display:flex;justify-content:center;align-items:center;min-height:250px;padding:12px}.character-slide-card{width:100%;max-width:500px;border-radius:18px;padding:14px 12px 10px;background:linear-gradient(180deg,#ffffffeb,#f2ecfcd1);border:1px solid rgba(71,18,104,.12);box-shadow:0 8px 20px #2819411f}.slider-img{width:min(100%,460px);display:block;margin:0 auto;pointer-events:none;-webkit-user-drag:none}.slide.is-active .character-slide-card{animation:cardFloat 4.4s ease-in-out infinite;animation-delay:var(--float-delay, 0s);will-change:transform}.slide.is-active .slider-img{animation:characterBounce 2.8s ease-in-out infinite;animation-delay:var(--float-delay, 0s);transform-origin:50% 82%;will-change:transform}@media(min-width:992px){.slider-container{max-width:560px;margin:0 auto 24px;padding:14px 14px 18px}.slider-img{max-width:420px;margin:0 auto;display:block}.slide.is-active .character-slide-card{animation:cardFloatDesktop 3.8s ease-in-out infinite}.slide.is-active .slider-img{animation:characterBounceDesktop 2.2s ease-in-out infinite}}.slider-arrow{display:none;position:absolute;top:136px;transform:none;width:40px;height:40px;border-radius:999px;border:none;background:#471268e6;color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:2}.slider-arrow-left{left:12px}.slider-arrow-right{right:12px}.slider-arrow:disabled{opacity:.35;cursor:not-allowed}.slider-meta{margin:10px 0 2px;display:flex;justify-content:center;align-items:center;color:var(--text-deep-sleep);font-size:12px}.slider-hint{opacity:.75}.dots{display:flex;justify-content:center;gap:8px;margin:0}.dot{width:8px;height:8px;border-radius:50%;border:0;background:var(--primary-soft);margin-top:10px;cursor:pointer}.dot.active{background:var(--primary);width:10px;height:10px}.slider.dragging{transition:none}.slider.dragging .slide.is-active .character-slide-card,.slider.dragging .slide.is-active .slider-img{animation-play-state:paused}.slider-container:active{cursor:grabbing}@media(min-width:768px){.slider-arrow{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:767px){.slider-container{width:calc(100% - 16px);margin:10px auto 18px;padding:10px}.slider-meta{margin:10px 0 0}.slider-hint{display:none}.slide{min-height:220px;padding:10px}.character-slide-card{border-radius:16px;padding:10px 8px 8px}.home-compatibility-box{margin:8px 0 0;padding:14px}}.compatibility-box{margin:20px 20px 28px;padding:14px 16px;border-radius:12px;background:var(--bg-surface);color:var(--text-deep-sleep)}.home-compatibility-box{margin:12px 0 0;padding:16px 18px;border:1px solid rgba(71,18,104,.12);box-shadow:0 12px 24px #1a13281a;background:linear-gradient(180deg,#fffffffa,#faf7fff0),var(--bg-surface)}.home-compatibility-box.hidden{display:none}.home-compatibility-box.active{display:block}.home-compatibility-content{animation:none}.home-compatibility-title{font-size:16px;letter-spacing:.01em;margin-bottom:10px}.home-compatibility-desc{font-size:15px;line-height:1.62;opacity:.96}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-.5deg)}}@keyframes characterBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-4px) scale(1.01)}50%{transform:translateY(0) scale(.995)}75%{transform:translateY(-2px) scale(1.005)}}@keyframes cardFloatDesktop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes characterBounceDesktop{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-7px) scale(1.015)}50%{transform:translateY(0) scale(.99)}75%{transform:translateY(-4px) scale(1.01)}}@media(prefers-reduced-motion:reduce){.slide.is-active .character-slide-card,.slide.is-active .slider-img{animation:none}}.home-records-shell{max-width:720px;width:calc(100% - 32px);margin:0 auto}.home-records-section{width:100%;display:flex;flex-direction:column;align-items:center;margin:34px 0 18px}.home-records-header{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:14px;padding:0 2px}.home-records-eyebrow{margin:0 0 6px;color:#3a4d83c7;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-records-header h2{margin:0;color:var(--primary);font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.2}.home-records-copy{margin:0;max-width:420px;color:var(--text-deep-sleep);font-size:13px;line-height:1.5;text-align:center}.home-records-card{width:100%;border-radius:20px;border:1px solid rgba(71,18,104,.12);background:linear-gradient(180deg,#fffffffa,#faf7fff0);box-shadow:0 14px 28px #28194114;overflow:hidden;padding:18px 18px 0}.home-records-state{padding:22px 18px;color:var(--text-deep-sleep);text-align:center;font-size:14px}.home-records-state-error{color:#8e2a3b;background:#ff5c7614}.home-records-state-more{padding:14px 18px 18px;font-size:12px;color:#3a4d83d1;border-top:1px solid rgba(71,18,104,.08);background:#47126808}.home-records-table-wrap{overflow-x:auto;margin:0 -18px}.home-records-table{width:100%;border-collapse:collapse;min-width:760px}.home-records-table thead th{padding:14px 16px;text-align:left;background:#4712680f;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(71,18,104,.08)}.home-records-table tbody td{padding:14px 16px;border-bottom:1px solid rgba(71,18,104,.08);color:var(--text-dark);font-size:14px;white-space:nowrap}.home-records-table tbody tr:nth-child(2n) td{background:#7a4bb308}.home-records-anonymous-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#6b72801f;color:#4b5563f2;border:1px solid rgba(107,114,128,.18);font-size:12px;font-weight:700;letter-spacing:.02em}.home-records-codename-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#673ab724;color:#471268f5;border:1px solid rgba(103,58,183,.24);font-size:12px;font-weight:700;letter-spacing:.02em}.home-records-skeleton-line{height:10px;border-radius:999px;background:#6b72803d;animation:homeRecordsPulse 1.3s ease-in-out infinite}.home-records-skeleton-line-mini{width:42px}.home-records-skeleton-line-short{width:84px}.home-records-skeleton-line-long{width:140px}@keyframes homeRecordsPulse{0%,to{opacity:.55}50%{opacity:.95}}.home-records-table tbody tr:hover td{background:#7a4bb30f}.home-records-table tbody tr{cursor:pointer}.home-records-table tbody tr:focus-visible{outline:2px solid rgba(103,58,183,.45);outline-offset:-2px}.home-records-row-selected td{background:#673ab71a!important}.home-records-modal-backdrop{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:18px;background:#150f2273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-records-modal{width:min(720px,100%);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#faf7fff2);border:1px solid rgba(71,18,104,.16);box-shadow:0 24px 46px #1c122d47;padding:16px}.home-records-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.home-records-modal-header h3{margin:0;color:var(--primary);font-size:1.2rem;line-height:1.2}.home-records-modal-close{width:34px;height:34px;border-radius:999px;border:1px solid rgba(71,18,104,.2);background:#47126814;color:var(--primary);font-size:22px;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.home-records-modal-close:hover{background:#47126824;transform:scale(1.04)}.home-records-detail-kicker{margin:0 0 10px;color:#3a4d83cc;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.home-records-detail-profile{margin-bottom:12px;padding:12px;border-radius:14px;background:#ffffffc7;border:1px solid rgba(71,18,104,.12);display:flex;flex-direction:column;align-items:center;gap:8px}.home-records-detail-profile span{color:#3a4d83b8;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.home-records-detail-profile img{width:min(100%,180px);display:block;filter:drop-shadow(0 10px 18px rgba(40,25,65,.16))}.home-records-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.home-records-detail-item{border-radius:12px;padding:10px 12px;background:#ffffffb8;border:1px solid rgba(71,18,104,.1)}.home-records-detail-item span{display:block;color:#3a4d83b8;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.home-records-detail-item strong{color:var(--primary);font-size:14px;font-weight:700}@media(max-width:767px){.home-records-modal{padding:14px}.home-records-modal-header h3{font-size:1.1rem}}@media(min-width:992px){.home-compatibility-box{padding:18px 22px}.home-compatibility-desc{font-size:15.5px}.home-records-section{margin-top:40px}}.compatibility-title{display:flex;align-items:center;font-weight:600;margin-bottom:6px}.check{color:var(--primary);margin-right:8px;font-size:16px}.compatibility-desc{font-size:14px;line-height:1.4;opacity:.9}.compatibility-box-quiz{margin:20px 20px 10px;padding:14px 16px;border-radius:12px;background:var(--bg-surface);color:var(--text-deep-sleep)}.quiz-page{padding:18px 14px 34px;color:var(--text-dark);position:relative;overflow-x:hidden;overflow-y:visible;background:radial-gradient(circle at top left,rgba(122,75,179,.12),transparent 28%),radial-gradient(circle at top right,rgba(59,77,131,.12),transparent 24%),radial-gradient(circle at 50% 0%,rgba(155,110,243,.08),transparent 36%),linear-gradient(180deg,#f5f2fbf0,#f1f1f5)}.quiz-page:before,.quiz-page:after{content:"";position:fixed;inset:auto;width:220px;height:220px;border-radius:50%;pointer-events:none;opacity:.22;z-index:0;filter:blur(4px)}.quiz-page:before{top:110px;left:-70px;background:#47126861}.quiz-page:after{bottom:40px;right:-80px;background:#3a4d8352}.result-page{min-height:100vh;padding:18px 14px 34px;color:var(--text-dark);position:relative;overflow-x:hidden;overflow-y:visible;background:radial-gradient(circle at top left,rgba(71,18,104,.12),transparent 28%),radial-gradient(circle at top right,rgba(59,77,131,.12),transparent 24%),radial-gradient(circle at 50% 0%,rgba(155,110,243,.08),transparent 36%),linear-gradient(180deg,#f5f2fbf0,#f1f1f5)}.result-page:before,.result-page:after{content:"";position:fixed;inset:auto;width:220px;height:220px;border-radius:50%;pointer-events:none;opacity:.22;z-index:0;filter:blur(4px)}.result-page:before{top:110px;left:-70px;background:#47126861}.result-page:after{bottom:40px;right:-80px;background:#3a4d8352}.result-shell{max-width:720px;margin:0 auto;position:relative;z-index:1}.result-hero{text-align:center;padding:14px 6px 18px}.result-eyebrow{display:inline-block;margin-bottom:10px;padding:5px 12px;border-radius:999px;background:#47126814;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.result-hero h1{margin:0;color:var(--primary);font-size:clamp(2rem,4vw,3rem);line-height:1.06}.result-hero-copy{max-width:560px;margin:12px auto 0;color:var(--text-deep-sleep);font-size:15px;line-height:1.55}.result-card{border-radius:24px;border:1px solid rgba(71,18,104,.12);background:linear-gradient(180deg,#fffffff5,#f8f4fceb);box-shadow:0 18px 34px #2819411f;overflow:hidden}.result-card-enter{animation:resultCardEnter .65s cubic-bezier(.16,1,.3,1) both}@keyframes resultCardEnter{0%{opacity:0;transform:translateY(18px) scale(.98);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.result-tie-card{padding:18px}.result-tie-card-centered,.result-tie-card-centered .result-card-header{text-align:center}.result-tie-card-centered .result-card-header h2{max-width:18ch;margin-left:auto;margin-right:auto}.result-card-header{margin-bottom:14px}.result-card-kicker{margin:0 0 6px;color:#3a4d83c7;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.result-card-header h2{margin:0;color:var(--primary);font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.2}.result-tie-grid{display:grid;grid-template-columns:1fr;gap:10px}.result-tie-card-centered .result-tie-grid{justify-items:stretch}.result-tie-option{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(122,75,179,.18);background:#fffffff2;color:var(--primary);font-weight:600;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.result-tie-option:hover{transform:translateY(-1px);box-shadow:0 8px 18px #28194114;border-color:#7a4bb359}.result-tie-option.selected{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-soft) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 18px #4712682e}.result-submit-btn{min-width:160px}.result-tie-card-centered .result-tie-option{text-align:center}.result-tie-card-centered .result-actions{align-items:center}.result-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}.result-actions-center{margin-top:20px}.result-action-divider{color:#3a4d83b8;font-size:12px;font-weight:600}.result-profile-card{margin-top:10px;padding:0}.result-profile-media{position:relative;padding:20px 20px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.result-profile-image{width:min(100%,220px);display:block;filter:drop-shadow(0 14px 26px rgba(40,25,65,.16));animation:profileFloat 4.8s ease-in-out infinite}@keyframes profileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.result-profile-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;border-radius:999px;background:linear-gradient(135deg,#4712681f,#9b6ef324);border:1px solid rgba(71,18,104,.1);color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 18px #47126814}.result-profile-content{padding:14px 18px 18px;text-align:center}.result-profile-name{margin:0;color:#9b6ef3;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.1}.result-profile-title{margin:8px 0 10px;color:var(--primary);font-size:1.05rem;line-height:1.35}.result-profile-desc{margin:0;color:var(--text-deep-sleep);line-height:1.65;font-size:15px}.result-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px}.result-meta-pill{padding:10px 12px;border-radius:16px;background:#4712680d;border:1px solid rgba(71,18,104,.08);text-align:left}.result-meta-pill span{display:block;color:#3a4d83b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.result-meta-pill strong{color:var(--primary);font-size:14px;font-weight:700}.result-note{margin:18px 0 0;color:#3a4d83d9;font-size:14px}@media(max-width:767px){.home-records-shell{width:calc(100% - 24px)}.home-records-section{margin:28px 0 12px}.home-records-card{padding:16px 16px 0}.home-records-table-wrap{margin:0 -16px}.home-records-table{min-width:680px}}.result-btn-secondary{background:#4712680f;color:#471268eb;padding:12px 24px;font-size:15px;box-shadow:none;border:1px solid rgba(71,18,104,.12)}.result-btn-secondary:hover:not(:disabled){background:#4712681a;box-shadow:none}.result-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a1677,#6c2395);transform:translateY(-3px) scale(1.01)}.result-btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.99)}.result-btn-primary:focus-visible,.result-btn-secondary:focus-visible{outline:3px solid rgba(71,18,104,.18);outline-offset:2px}@media(min-width:768px){.result-page{padding:28px 20px 40px}.result-tie-card{padding:22px}.result-tie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-profile-card{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);align-items:center}.result-profile-media{padding:28px 18px 28px 24px}.result-profile-content{padding:28px 28px 28px 8px;text-align:left}.result-actions{align-items:flex-start}}@media(max-width:767px){.result-hero{padding-top:6px}.result-profile-media{padding:18px 18px 0}.result-profile-content{padding:12px 16px 16px}.result-btn-primary,.result-submit-btn{width:100%;min-width:0}}.quiz-shell{max-width:720px;margin:0 auto;position:relative;z-index:1}.quiz-header{text-align:center;padding:14px 6px 0}.quiz-eyebrow{display:inline-block;margin-bottom:10px;padding:5px 12px;border-radius:999px;background:#47126814;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quiz-header h1{color:var(--primary);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.08;margin-bottom:10px}.quiz-subtitle{color:var(--text-deep-sleep);max-width:560px;margin:0 auto 18px;line-height:1.55;font-size:15px}.quiz-progress-card{max-width:400px;margin:0 auto;padding:6px 8px;border-radius:12px;background:linear-gradient(180deg,#ffffffc7,#fbf8ffb8);border:1px solid rgba(71,18,104,.07);box-shadow:0 6px 12px #2819410d;display:flex;align-items:center;gap:8px}.quiz-progress-float{position:fixed;top:100px;left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:520px;z-index:130;margin-top:0;margin-bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quiz-progress-label{color:#3a4d83b8;font-size:9px;font-weight:600;line-height:1;white-space:nowrap}.quiz-progress-dots{display:flex;align-items:center;flex:1;gap:4px}.quiz-progress-dot{display:block;flex:1;height:5px;border-radius:999px;border:1px solid rgba(71,18,104,.1);background:#ffffff9e;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.quiz-progress-dot.answered{background:#4712683d;border-color:#47126833;box-shadow:0 1px 4px #47126817}.quiz-card{margin:16px 0 0;padding:18px;border-radius:22px;border:1px solid rgba(71,18,104,.12);background:linear-gradient(180deg,#fffffff5,#f9f6feeb);box-shadow:0 16px 30px #2819411a}.quiz-card-emboss{animation:quizCardEmbossPulse .5s ease}@keyframes quizCardEmbossPulse{0%{transform:scale(1);box-shadow:0 16px 30px #2819411a}45%{transform:scale(1.015);box-shadow:0 20px 36px #2819412e}to{transform:scale(1);box-shadow:0 16px 30px #2819411a}}.quiz-form-card{margin-top:20px}.quiz-label{display:block;margin-bottom:10px;font-weight:700;color:var(--primary)}.quiz-input{width:100%;padding:13px 15px;border-radius:16px;border:1px solid rgba(71,18,104,.16);background:#fff;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.quiz-input:focus{border-color:#47126873;box-shadow:0 0 0 3px #4712681f}.quiz-question-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.quiz-question-index{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#4712681a;color:var(--primary);font-size:13px;font-weight:700;flex-shrink:0}.quiz-question-title{margin:0;flex:1;font-size:16px}.quiz-options-grid{display:grid;grid-template-columns:1fr;gap:10px}.quiz-option{width:100%;padding:13px 15px;border-radius:18px;border:1px solid rgba(122,75,179,.22);background:#fff;color:var(--primary);font-weight:600;text-align:left;cursor:pointer;transition:transform .15s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.quiz-option:hover{transform:translateY(-1px);border-color:#7a4bb366;box-shadow:0 8px 18px #28194114}.quiz-option.selected{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-soft) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 18px #4712682e}.quiz-option:focus-visible,.quiz-input:focus-visible,.submit-btn:focus-visible{outline:3px solid rgba(71,18,104,.18);outline-offset:2px}.quiz-submit-wrap{display:flex;justify-content:center;width:100%;max-width:620px;margin:0 auto;padding:14px 0 6px}.quiz-submit-wrap .submit-btn{width:100%;max-width:380px}@media(min-width:768px){.quiz-page{padding:28px 20px 40px}.quiz-progress-float{top:112px;width:min(520px,calc(100% - 40px))}.quiz-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-option{min-height:60px}.quiz-form-card{max-width:620px;margin-left:auto;margin-right:auto}}@media(max-width:767px){.quiz-progress-float{top:88px;width:calc(100% - 24px)}.quiz-header{padding-top:6px}.quiz-subtitle{font-size:14px;margin-bottom:16px}.quiz-progress-dots{gap:6px}.quiz-progress-dot{height:4px}.quiz-option{padding:11px 13px;font-size:14px}}.fade-in{animation:fadeInUp .6s ease forwards}.pop-in{animation:popIn .5s ease forwards}.stagger-item{opacity:0;animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.progress-bar{width:100%;height:8px;background:#dcdcdc;border-radius:999px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;width:0%;background:var(--primary);border-radius:999px;transition:width .8s ease-in-out}.submit-btn{padding:16px 32px;border-radius:999px;border:none;background:var(--primary);color:#fff;font-size:16px;font-family:poppins,sans-serif;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px #47126840;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,opacity .3s ease}.submit-btn:hover:not(:disabled){background-color:#5a1677;box-shadow:0 8px 24px #47126859;transform:translateY(-2px) scale(1.02)}.submit-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #47126833}.submit-btn:focus{outline:none}.submit-btn:focus-visible{outline:3px solid rgba(71,18,104,.3);outline-offset:2px}.submit-btn:disabled{opacity:.55;cursor:not-allowed;background-color:var(--primary);box-shadow:0 2px 6px #4712681f}.loading-overlay{position:fixed;inset:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-box{text-align:center;color:#471268;font-weight:600}.spinner{width:48px;height:48px;border:4px solid rgba(71,18,104,.2);border-top-color:#471268;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.tips-page{background:radial-gradient(circle at center,#3a2a5a,#1f1631 70%);padding-bottom:60px;min-height:100vh}.tips-shell{max-width:720px;margin:0 auto;position:relative;z-index:1}.night-guide-header{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;padding:40px 20px 50px;text-align:center;position:relative;overflow:hidden}.night-guide-header:before{content:"";position:absolute;top:-50%;right:-50%;width:500px;height:500px;background:radial-gradient(circle,rgba(103,58,183,.1) 0%,transparent 70%);pointer-events:none}.night-guide-header img{height:120px;margin:0 auto 16px;display:block;filter:drop-shadow(0 8px 16px rgba(103,58,183,.2));animation:gentle-float 3s ease-in-out infinite}.night-guide-header>div:last-child{position:relative;z-index:10;font-size:20px;font-weight:500;letter-spacing:.5px}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.night-guide-container{display:flex;flex-direction:column;align-items:center;color:#fff;background:#7c609c14;border:1px solid rgba(124,96,156,.25);border-radius:16px;padding:32px 24px;margin:0 20px 24px;transition:all .3s ease;animation:slide-up .6s ease-out forwards;opacity:0}.night-guide-container:nth-child(2){animation-delay:.1s}.night-guide-container:nth-child(3){animation-delay:.2s}.night-guide-container:nth-child(4){animation-delay:.3s}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.night-guide-container:hover{background:#673ab71f;border-color:#673ab766;transform:translateY(-4px)}.night-guide-container .header{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:20px;font-size:18px;font-weight:600;color:#e8d5ff}.night-guide-container .header svg{width:28px;height:28px;color:#a78bfa;flex-shrink:0}.night-guide-container .content{font-size:15px;line-height:1.8;opacity:.9;text-align:center;width:100%}.night-guide-container .content ul{list-style:none;padding:0;margin:0}.night-guide-container .content li{margin-bottom:12px;padding-left:28px;position:relative;text-align:left}.night-guide-container .content li:before{content:"✓";position:absolute;left:0;color:#a78bfa;font-weight:700}.night-guide-container .content li:last-child{margin-bottom:0}.content-footer{display:flex;justify-content:center;align-items:center;gap:20px;padding:24px 0 0;width:100%;margin-top:20px;border-top:1px solid rgba(124,96,156,.2)}.content-footer svg{width:24px;height:24px;color:#a78bfa;transition:transform .2s ease}.content-footer svg:hover{transform:scale(1.1)}.content-footer img{width:24px;height:24px;opacity:.8;transition:opacity .2s ease}.content-footer img:hover{opacity:1}.music-player{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(167,139,250,.18),transparent 28%),linear-gradient(135deg,#673ab72e,#4f27831a);border:1px solid rgba(124,96,156,.3);border-radius:20px;padding:24px;margin:0 20px 20px;animation:slide-up .6s ease-out .4s forwards;opacity:0}.music-player:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 38%);pointer-events:none}.music-player-layout{position:relative;z-index:1;display:grid;gap:18px}.music-player-header{display:flex;align-items:center;gap:16px;padding:6px 0 2px}.music-player-copy{min-width:0}.music-player-kicker{display:inline-flex;align-items:center;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:#ffffff1f;color:#ffffffd1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.music-player-image{width:88px;height:88px;border-radius:18px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 28px #673ab752;animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 8px 24px #673ab74d}50%{box-shadow:0 8px 32px #673ab780}}.music-player-title{margin:0;font-weight:600;font-size:17px;color:#fff;line-height:1.4}.music-player-subtitle{margin:8px 0 0;color:#e9e1f5d6;font-size:13px;line-height:1.5}.music-player-controls-shell{position:relative;z-index:1;padding-top:18px;border-top:1px solid rgba(124,96,156,.2)}.music-player .content{display:flex;flex-direction:column;gap:16px}.player-controls{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.player-play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#673ba7,#4f2783);border:none;border-radius:50%;cursor:pointer;color:#fff;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;flex-shrink:0;box-shadow:0 10px 20px #673ab747}.player-play-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #673ab766}.player-play-btn.is-playing{filter:saturate(1.08)}.player-play-btn:active{transform:scale(.95)}.player-play-btn svg{width:20px;height:20px}.player-progress-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.player-progress{flex:1;height:6px;background:linear-gradient(to right,#d8c5ff 0%,#d8c5ff var(--progress, 0%),rgba(255,255,255,.18) var(--progress, 0%),rgba(255,255,255,.18) 100%);border-radius:999px;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none}.player-progress::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.player-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;background:#f7f3ff;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #673ab773;transition:transform .2s ease,box-shadow .2s ease}.player-progress::-moz-range-track{height:6px;border:none;border-radius:999px;background:transparent}.player-progress::-moz-range-thumb{width:16px;height:16px;background:#f7f3ff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #673ab773;transition:transform .2s ease,box-shadow .2s ease}.player-progress::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 14px #673ab78c}.player-time{color:#e9e1f5c7;font-size:12px;font-weight:500;white-space:nowrap;min-width:50px;text-align:right}.player-volume-container{position:relative}.player-volume-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:#ffffffeb;transition:all .2s ease}.player-volume-btn:hover{color:#d8c5ff}.player-volume-btn svg{width:20px;height:20px}.player-volume-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;background:#1f1631f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,96,156,.3);border-radius:12px;padding:12px 8px;z-index:1000;box-shadow:0 8px 24px #0006}@media(min-width:992px){.music-player{padding:28px}.music-player-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px}.music-player-header{padding-right:18px;border-right:1px solid rgba(124,96,156,.2)}.music-player-controls-shell{min-width:330px;padding-top:0;border-top:0}.player-controls{justify-content:flex-end}.player-progress-container{min-width:170px}.player-time{min-width:64px}}.player-volume-slider{width:4px;height:100px;writing-mode:vertical-lr;direction:rtl;background:#7c609c4d;border-radius:4px;cursor:pointer;outline:none}.player-volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:#a78bfa;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #673ab766}.player-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#a78bfa;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #673ab766}@media(max-width:768px){.tips-page{padding-bottom:40px}.tips-shell{max-width:none}.night-guide-header{padding:30px 16px 40px}.night-guide-header img{height:100px;margin-bottom:12px}.night-guide-header>div:last-child{font-size:18px}.night-guide-container{padding:24px 16px;margin:0 16px 20px}.night-guide-container .header{font-size:16px;gap:10px}.night-guide-container .header svg{width:24px;height:24px}.night-guide-container .content{font-size:14px;line-height:1.6}.music-player{padding:24px 16px;margin:0 16px 20px}.music-player-layout{gap:16px}.music-player-header{gap:12px}.music-player-image{width:70px;height:70px}.music-player-title{font-size:15px}.music-player-subtitle{font-size:12px}.player-controls{gap:10px}.player-progress-container{order:3;width:100%;flex-basis:100%}.player-play-btn{width:40px;height:40px}.player-play-btn svg{width:18px;height:18px}.player-time{font-size:11px;min-width:45px}}@keyframes spin{to{transform:rotate(360deg)}}