@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&family=Nunito:wght@600;800&display=swap";
.result-page{--font-kids-heading:"Quicksand",var(--font-heading);--font-kids-body:"Nunito",var(--font-sans);--pastel-bg:#fdfbf7;--pastel-card:#fff;--pastel-text:#5a5a72;--pastel-text-muted:#8e8ea8;--pastel-pink:#ffd6e0;--pastel-blue:#d6efff;--pastel-green:#ddf2d1;--pastel-yellow:#fff1c5;--pastel-purple:#e6d9ff;--pastel-primary-action:#ffb3c6;--pastel-primary-hover:#ffa2b8;--pastel-shadow:#5a5a7214;--pastel-shadow-hover:#5a5a721f;--pastel-border:#f0edf5;font-family:var(--font-kids-body);color:var(--pastel-text);min-height:100vh;background-color:var(--pastel-bg)!important;background-image:radial-gradient(#e8e5ee 2px,#0000 2px)!important;background-size:40px 40px!important}.night .result-page{--pastel-bg:#0f111a;--pastel-card:#181926;--pastel-text:#e4e4e9;--pastel-text-muted:#8e91a0;--pastel-pink:#ff8ba7;--pastel-blue:#a2d2ff;--pastel-green:#b5e4a7;--pastel-yellow:#fcefb4;--pastel-purple:#cdb4db;--pastel-shadow:#0006;--pastel-shadow-hover:#0009;--pastel-border:#ffffff0f;background-image:radial-gradient(#ffffff08 2px,#0000 2px)!important}.result-page h1,.result-page h2,.result-page h3,.result-page h4{font-family:var(--font-kids-heading)!important;color:var(--pastel-text)!important}.result-page .text-foreground{color:var(--pastel-text)!important}.result-page .text-muted-foreground{color:var(--pastel-text-muted)!important}.result-page .result-info,.result-page .seo-content,.result-page .seo-step,.result-page .cultural-education-panel,.result-page .result-actions{background:var(--pastel-card)!important;border:1px solid var(--pastel-border)!important;box-shadow:0 12px 40px var(--pastel-shadow)!important;border-radius:32px!important;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}.result-page .result-info:hover,.result-page .seo-step:hover,.result-page .cultural-education-panel:hover{box-shadow:0 16px 48px var(--pastel-shadow-hover)!important;transform:translateY(-4px)!important}.result-page .result-image-wrapper{background:var(--pastel-card)!important;border:1px solid var(--pastel-border)!important;box-shadow:0 12px 40px var(--pastel-shadow)!important;border-radius:32px!important;padding:16px!important}.result-page .result-image-wrapper img{border-radius:16px!important}.result-page .breadcrumbs{color:var(--pastel-text-muted)!important;font-family:var(--font-kids-heading)!important;font-weight:700!important}.result-page .breadcrumbs a{color:var(--pastel-text)!important;transition:color .2s!important}.result-page .breadcrumbs a:hover{color:var(--pastel-primary-hover)!important}.result-page .result-actions{padding:24px!important}.result-page .book-toggle-full{gap:12px;width:100%;background:var(--pastel-primary-action)!important;color:#fff!important;font-family:var(--font-kids-heading)!important;box-shadow:0 8px 20px var(--pastel-shadow)!important;border:none!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;padding:16px 24px!important;font-size:1.1rem!important;font-weight:700!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s!important;display:flex!important}.result-page .book-toggle-full:hover{box-shadow:0 12px 28px var(--pastel-shadow-hover)!important;background:var(--pastel-primary-hover)!important;transform:translateY(-4px)scale(1.02)!important}.result-page .book-toggle-full-active{background:var(--pastel-green)!important;color:var(--pastel-text)!important}.result-page .download-bar>div>div>button,.result-page .share-buttons-container>div>button,.result-page .download-bar>div>button{border:1px solid var(--pastel-border)!important;background:var(--pastel-card)!important;box-shadow:0 4px 12px var(--pastel-shadow)!important;font-family:var(--font-kids-body)!important;color:var(--pastel-text)!important;border-radius:9999px!important;height:auto!important;padding:10px 18px!important;font-weight:800!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s!important}.result-page .download-bar>div>div>button:hover,.result-page .share-buttons-container>div>button:hover,.result-page .download-bar>div>button:hover{box-shadow:0 8px 16px var(--pastel-shadow-hover)!important;background:var(--pastel-blue)!important;border-color:var(--pastel-blue)!important;transform:translateY(-3px)!important}