.QuizSheet-content{padding-bottom:max(calc(env(safe-area-inset-bottom,0px) + 12px), 1.5rem);justify-items:center;display:grid}.QuizSheet-handle{grid-area:1/-1;place-self:start center;margin-top:.5rem}.QuizSheet-body{width:100%;max-width:600px;margin-top:1.5rem;padding-inline:1.5rem}.QuizSheet{min-height:420px;position:relative;overflow:hidden}.QuizSheet-progressWrap{background:var(--pp-accent-bg,#0000000f);border-radius:100px;height:4px;margin-bottom:1.5rem;position:relative;overflow:hidden}.QuizSheet-progressBar{background:var(--pp-accent,#e84393);border-radius:100px;height:100%;position:absolute;top:0;left:0}.QuizSheet-step{text-align:center;flex-direction:column;align-items:center;display:flex}.QuizSheet-intro{text-align:center;align-items:center;gap:1rem;padding-top:.5rem}.QuizSheet-banner{aspect-ratio:650/500;border:1px solid #e5e7eb;border-radius:12px;width:100%;position:relative;overflow:hidden}[data-theme=dark-glass] .QuizSheet-banner{border-color:#ffffff1a}.QuizSheet-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#e84393;font-size:.82rem;font-weight:700;line-height:1.3}[data-theme=dark] .QuizSheet-eyebrow,[data-theme=dark-glass] .QuizSheet-eyebrow{color:#fd79a8}.QuizSheet-title{font-family:var(--pp-heading-font,inherit);color:#131316;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}[data-theme=dark] .QuizSheet-title,[data-theme=dark-glass] .QuizSheet-title{color:#fff}@media (min-width:600px){.QuizSheet-title{font-size:1.75rem}}.QuizSheet-subtitle{color:#747686;margin:0;font-size:1rem;line-height:1.6}[data-theme=dark] .QuizSheet-subtitle,[data-theme=dark-glass] .QuizSheet-subtitle{color:#ffffff8c}@media (min-width:600px){.QuizSheet-subtitle{font-size:1.125rem}}.QuizSheet-startBtn{color:#fff;background:var(--pp-accent,#e84393);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;margin-top:.25rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;transition:background-color .2s;display:inline-flex}.QuizSheet-startBtn:hover{background:var(--pp-accent-hover,#d63384)}.QuizSheet-meta{color:var(--pp-text-muted,#999);margin:0;font-size:.75rem}.QuizSheet-question{text-align:left;align-items:stretch;gap:1.25rem}.QuizSheet-questionHeader{text-align:center}.QuizSheet-questionCount{text-transform:uppercase;letter-spacing:.08em;color:var(--pp-accent,#e84393);margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:inline-block}.QuizSheet-questionText{font-family:var(--pp-heading-font,inherit);color:var(--pp-text-loud,#111);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.QuizSheet-questionSubtitle{color:var(--pp-text-soft,#666);margin:.25rem 0 0;font-size:.82rem}.QuizSheet-options{flex-direction:column;gap:.5rem;display:flex}.QuizSheet-option{background:var(--pp-card-bg,#fff);border:1.5px solid var(--pp-card-border,#00000014);cursor:pointer;text-align:left;color:var(--pp-text-normal,#333);border-radius:.875rem;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;transition:border-color .15s,background-color .15s;display:flex}.QuizSheet-option:hover{border-color:var(--pp-accent,#e84393)}.QuizSheet-option--selected{border-color:var(--pp-accent,#e84393);background:var(--pp-accent-bg,#e843930f)}.QuizSheet-optionEmoji{text-align:center;flex-shrink:0;width:28px;font-size:1.25rem}.QuizSheet-optionLabel{flex:1;font-weight:500}.QuizSheet-optionCheck{background:var(--pp-accent,#e84393);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.QuizSheet-nextBtn{color:#fff;background:var(--pp-accent,#e84393);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-self:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.7rem 2rem;font-size:.9rem;font-weight:600;transition:background-color .2s;display:inline-flex}.QuizSheet-nextBtn:hover{background:var(--pp-accent-hover,#d63384)}.QuizSheet-calculating{gap:1.5rem;padding-top:4rem}.QuizSheet-loadingDots{gap:.5rem;display:flex}.QuizSheet-loadingDot{background:var(--pp-accent,#e84393);border-radius:50%;width:12px;height:12px}.QuizSheet-calcText{color:var(--pp-text-soft,#666);margin:0;font-size:1rem;font-weight:500}.QuizSheet-results{align-items:stretch;gap:1.25rem;padding-top:.5rem}.QuizSheet-topMatch{background:linear-gradient(135deg, var(--pp-accent-bg,#fdf2f8) 0%, var(--pp-card-bg,#fff) 100%);border:1.5px solid var(--pp-accent,#e84393);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;display:flex;position:relative}.QuizSheet-matchBadge{text-transform:uppercase;letter-spacing:.06em;color:var(--pp-accent,#e84393);background:var(--pp-accent-bg,#e8439314);border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.QuizSheet-matchProfile{flex-direction:column;align-items:center;gap:.5rem;display:flex}.QuizSheet-matchAvatar{border:3px solid var(--pp-accent,#e84393);border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden}.QuizSheet-matchAvatarImg{object-fit:cover}.QuizSheet-matchAvatarFallback{background:var(--pp-accent,#e84393);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.QuizSheet-matchInfo{flex-direction:column;gap:.2rem;display:flex}.QuizSheet-matchName{font-family:var(--pp-heading-font,inherit);color:var(--pp-text-loud,#111);margin:0;font-size:1.15rem;font-weight:700}.QuizSheet-matchHeadline{color:var(--pp-text-soft,#666);margin:0;font-size:.82rem}.QuizSheet-matchTags{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.25rem;display:flex}.QuizSheet-tag{color:var(--pp-accent,#e84393);background:var(--pp-accent-bg,#e8439314);border-radius:100px;padding:.2rem .6rem;font-size:.7rem;font-weight:500}.QuizSheet-matchPercent{flex-direction:column;align-items:center;line-height:1;display:flex}.QuizSheet-matchPercentNum{color:var(--pp-accent,#e84393);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.QuizSheet-matchPercentLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--pp-text-muted,#999);font-size:.7rem;font-weight:600}.QuizSheet-matchCta{color:#fff;background:var(--pp-accent,#e84393);border:none;border-radius:100px;justify-content:center;align-items:center;padding:.7rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.QuizSheet-matchCta:hover{background:var(--pp-accent-hover,#d63384)}.QuizSheet-runnerUps{flex-direction:column;gap:.5rem;display:flex}.QuizSheet-runnerUpsLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--pp-text-muted,#999);margin:0;font-size:.75rem;font-weight:600}.QuizSheet-runnerUp{background:var(--pp-card-bg,#fff);border:1px solid var(--pp-card-border,#0000000f);border-radius:.875rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.QuizSheet-runnerUpAvatar{border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.QuizSheet-runnerUpAvatarImg{object-fit:cover}.QuizSheet-runnerUpAvatarFallback{background:var(--pp-accent-bg,#fdf2f8);width:44px;height:44px;color:var(--pp-accent,#e84393);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.QuizSheet-runnerUpInfo{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.QuizSheet-runnerUpName{color:var(--pp-text-loud,#111);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.QuizSheet-runnerUpCat{color:var(--pp-text-soft,#666);font-size:.75rem}.QuizSheet-runnerUpPercent{color:var(--pp-accent,#e84393);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem;font-weight:700}.QuizSheet-runnerUpCta{color:var(--pp-accent,#e84393);background:var(--pp-accent-bg,#e8439314);border:none;border-radius:100px;flex-shrink:0;padding:.4rem .85rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .15s}.QuizSheet-runnerUpCta:hover{background:var(--pp-accent-light,#e8439326)}.QuizSheet-noResults{text-align:center;padding:2rem 1rem}.QuizSheet-noResultsText{color:var(--pp-text-soft,#666);margin:0;font-size:.95rem}.QuizSheet-retakeBtn{color:var(--pp-text-soft,#666);border:1px solid var(--pp-card-border,#0000001a);cursor:pointer;background:0 0;border-radius:100px;justify-content:center;align-self:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.82rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.QuizSheet-retakeBtn:hover{color:var(--pp-text-loud,#111);border-color:var(--pp-text-soft,#666)}:where([data-theme=dark-glass]) .QuizSheet-option{background:#ffffff0f;border-color:#ffffff1a}:where([data-theme=dark-glass]) .QuizSheet-option:hover{border-color:var(--pp-accent,#e84393)}:where([data-theme=dark-glass]) .QuizSheet-option--selected{border-color:var(--pp-accent,#e84393);background:#e843931f}:where([data-theme=dark-glass]) .QuizSheet-topMatch{background:linear-gradient(135deg,#e843931a 0%,#ffffff0a 100%)}:where([data-theme=dark-glass]) .QuizSheet-runnerUp{background:#ffffff0f;border-color:#ffffff14}:where([data-theme=dark-glass]) .QuizSheet-retakeBtn{border-color:#ffffff26}
.DemoToggle{z-index:9999;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;bottom:24px;left:24px}.DemoToggle-trigger{color:#3a2534;cursor:pointer;background:#ff99de;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #ff99de66}.DemoToggle-trigger:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff99de80}.DemoToggle-panel{background:#fff;border:1px solid #0000001a;border-radius:16px;flex-direction:column;gap:12px;min-width:220px;padding:16px;display:flex;box-shadow:0 8px 32px #00000026}.DemoToggle-section{flex-direction:column;gap:6px;display:flex}.DemoToggle-label{color:#747686;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.DemoToggle-options{gap:4px;display:flex}.DemoToggle-option{color:#131316;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000001a;border-radius:8px;flex:1;padding:6px 8px;font-size:.75rem;font-weight:500;transition:all .15s}.DemoToggle-option:hover{background:#f5f5f5}.DemoToggle-option--active{color:#fff;background:#6c47ff;border-color:#6c47ff}.DemoToggle-option--active:hover{background:#5a38e0}.DemoToggle-reset{color:#747686;cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:8px;padding:6px 12px;font-size:.75rem;transition:all .15s}.DemoToggle-reset:hover{color:#131316;background:#f5f5f5}
.AnnouncementCard{cursor:pointer;isolation:isolate;width:100%;height:280px;box-shadow:0 8px 8px -3px hsl(var(--shadow-color) / .02), 0 5px 5px -2.5px hsl(var(--shadow-color) / .018), 0 3px 3px -1.5px hsl(var(--shadow-color) / .015), 0 2px 2px -1px hsl(var(--shadow-color) / .012), 0 1px 1px -.5px hsl(var(--shadow-color) / .01), 0 .5px .5px hsl(var(--shadow-color) / .008);transition:background var(--duration-widget) var(--ease-widget), box-shadow var(--duration-widget) var(--ease-widget), transform var(--duration-widget) var(--ease-widget);background:#fff;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.AnnouncementCard:hover{box-shadow:0 16px 24px -12px hsl(var(--shadow-color) / .02), 0 12px 12px -2.5px hsl(var(--shadow-color) / .018), 0 5px 5px -2.5px hsl(var(--shadow-color) / .015), 0 3px 3px -1.5px hsl(var(--shadow-color) / .012), 0 2px 2px -1px hsl(var(--shadow-color) / .01), 0 1px 1px -.5px hsl(var(--shadow-color) / .008), 0 .5px .5px hsl(var(--shadow-color) / .008);transform:translateY(-2px)translateZ(0)}.AnnouncementCard:focus{outline-offset:2px;outline:2px solid #6c47ff}.AnnouncementCard:before{content:"";border-radius:inherit;pointer-events:none;z-index:6;border:1px solid #0000000f;position:absolute;inset:0}[data-theme=white-glass] .AnnouncementCard{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#ffffff73 0%,#ffffff60 100%);box-shadow:0 5px 10px #6c6c6c0d,0 15px 30px #6c6c6c0d,0 20px 40px #6c6c6c1a}[data-theme=white-glass] .AnnouncementCard:before{border-color:#ffffff4d}[data-theme=white-glass] .AnnouncementCard:hover{background:linear-gradient(#ffffff80 0%,#ffffff6c 100%)}[data-theme=dark-glass] .AnnouncementCard{-webkit-backdrop-filter:blur(30px);background:linear-gradient(#ffffff1f 0%,#ffffff1a 100%);box-shadow:0 5px 10px #6c6c6c0d,0 15px 13px #6c6c6c0d,inset 0 1px 2px #ffffff40}[data-theme=dark-glass] .AnnouncementCard:before{border-color:#ffffff14}[data-theme=dark-glass] .AnnouncementCard:hover{background:linear-gradient(#ffffff26 0%,#ffffff1f 100%)}.AnnouncementCard:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}[data-theme=dark-glass] .AnnouncementCard:after{box-shadow:inset 0 -4px 12px #ffffff0a,inset 0 1px 3px #ffffff08,inset 0 .5px .5px #ffffff14}.AnnouncementCard-carousel{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.AnnouncementCard-dots{z-index:8;justify-content:flex-start;align-items:center;gap:4px;padding:0 16px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.AnnouncementCard-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:999px;width:8px;height:5px;padding:0;transition:all .2s}.AnnouncementCard-dot:hover{background:#fff9}.AnnouncementCard-dot--active{background:#fff;width:20px}.AnnouncementSlide{flex-shrink:0;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.AnnouncementSlide-image{object-fit:cover;z-index:0}.AnnouncementSlide-gradient{z-index:1;pointer-events:none;background:linear-gradient(#0000 20%,#00000008 40%,#00000040 65%,#000000b3 100%);position:absolute;inset:0}[data-theme=white] .AnnouncementSlide-gradient,:not([data-theme]) .AnnouncementSlide-gradient,[data-theme=white-glass] .AnnouncementSlide-gradient{background:linear-gradient(#0000 20%,#ffffff05 40%,#00000026 65%,#000000a6 100%)}[data-theme=dark] .AnnouncementSlide-gradient,[data-theme=dark-glass] .AnnouncementSlide-gradient{background:linear-gradient(#0000 15%,#0000000d 35%,#00000059 60%,#000c 100%)}.AnnouncementSlide-overlay{z-index:2;flex-direction:column;justify-content:flex-end;padding:16px 16px 28px;display:flex;position:absolute;inset:0}.AnnouncementSlide-text{flex-direction:column;gap:2px;display:flex}.AnnouncementSlide-date{color:#fffc;font-size:11px;font-weight:600;line-height:1.3}.AnnouncementSlide-title{color:#fff;-webkit-line-clamp:2;text-shadow:0 1px 3px #0000004d;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.AnnouncementSlide-description{color:#ffffffbf;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.AnnouncementSheet-content{padding-bottom:max(calc(env(safe-area-inset-bottom,0px) + 12px), 1.5rem);justify-items:center;display:grid}.AnnouncementSheet-handle{grid-area:1/-1;place-self:start center;margin-top:.5rem}.AnnouncementSheet-body{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;padding-inline:1.5rem;display:flex;overflow:hidden}.AnnouncementSheet-carousel{width:100%;max-width:600px;position:relative;overflow:hidden}.AnnouncementSheet-slide{flex-direction:column;gap:1rem;display:flex}.AnnouncementSheet-progress{gap:6px;width:100%;max-width:600px;display:flex}.AnnouncementSheet-progress-track{background:#0000001a;border-radius:999px;flex:1;height:3px;overflow:hidden}[data-theme=dark] .AnnouncementSheet-progress-track,[data-theme=dark-glass] .AnnouncementSheet-progress-track{background:#ffffff26}.AnnouncementSheet-progress-fill{background:#e84393;border-radius:999px;width:0%;height:100%}.AnnouncementSheet-progress-fill--complete{width:100%}.AnnouncementSheet-progress-fill--active{animation:linear forwards announcement-progress}@keyframes announcement-progress{0%{width:0%}to{width:100%}}.AnnouncementSheet-banner{aspect-ratio:650/500;border:1px solid #e5e7eb;border-radius:12px;width:100%;position:relative;overflow:hidden}[data-theme=dark-glass] .AnnouncementSheet-banner{border-color:#ffffff1a}.AnnouncementSheet-title{color:#131316;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}[data-theme=dark] .AnnouncementSheet-title,[data-theme=dark-glass] .AnnouncementSheet-title{color:#fff}@media (min-width:600px){.AnnouncementSheet-title{font-size:1.75rem}}.AnnouncementSheet-description{color:#747686;margin:0;font-size:1rem;font-weight:400;line-height:1.6}[data-theme=dark] .AnnouncementSheet-description,[data-theme=dark-glass] .AnnouncementSheet-description{color:#ffffff8c}@media (min-width:600px){.AnnouncementSheet-description{font-size:1.125rem}}.AnnouncementSheet-cta{color:#fff;cursor:pointer;background:#e84393;border:none;border-radius:100px;justify-content:center;align-self:flex-start;align-items:center;padding:.7rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.AnnouncementSheet-cta:hover{background:#d63384}.AnnouncementSheet-date{color:#e84393;font-size:.82rem;font-weight:500}[data-theme=dark] .AnnouncementSheet-date,[data-theme=dark-glass] .AnnouncementSheet-date{color:#fd79a8}
.AboutCard{padding:20px}.AboutCard-title{color:var(--pp-text-loud,#131316);margin:0 0 16px;font-size:1rem;font-weight:600}.AboutCard-prose{flex-direction:column;gap:12px;display:flex}.AboutCard-paragraph{color:var(--pp-text-normal,#000000b8);margin:0;font-size:.9375rem;line-height:1.65}.AboutCard-placeholder{color:var(--pp-text-muted,#747686);margin:0;font-size:.875rem;line-height:1.6}[data-theme=dark] .AboutCard-title,[data-theme=dark-glass] .AboutCard-title{color:#fff}[data-theme=dark] .AboutCard-paragraph,[data-theme=dark-glass] .AboutCard-paragraph{color:#ffffffd1}[data-theme=dark] .AboutCard-placeholder,[data-theme=dark-glass] .AboutCard-placeholder{color:#fff9}
