:root{--color-primary:#94a3b8;--bg-primary:#f5f5f5;--bg-card:#ffffffe6;--text-primary:#1f2937;--text-secondary:#4b5563;--border-color:#0000001a}html.dark{--bg-primary:#0a0a0a;--bg-card:#1a1a1ae6;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#ffffff1a}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-inter,"Inter"), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-container[data-astro-cid-lcdefpme]{z-index:50;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (width>=768px){.nav-container[data-astro-cid-lcdefpme]{top:50%;bottom:auto;left:1.5rem;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){[data-astro-cid-lcdefpme],[data-astro-cid-lcdefpme]:before,[data-astro-cid-lcdefpme]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.progress-bar-fill{background-color:var(--color-primary);box-shadow:0 0 10px color-mix(in srgb, var(--color-primary) 50%, transparent)}.progress-bar-fill[data-progress]{width:calc(var(--progress,0) * 1%)}.report-info-card{border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.platform-indicator{background-color:var(--color-primary)}.tag-badge{background-color:color-mix(in srgb, var(--color-primary) 70%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent)}.modal-card{border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.icon-primary{color:var(--color-primary)}.ai-insight-box{background-color:color-mix(in srgb, var(--color-primary) 10%, transparent);border-left:4px solid var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 20%, transparent)}.ai-insight-border{border-color:#0000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}.animate-pulse-slow{animation:2s ease-in-out infinite pulse-slow}.platform-link{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-color) 7%, transparent), color-mix(in srgb, var(--brand-color) 4%, transparent));border:1.5px solid color-mix(in srgb, var(--brand-color) 20%, transparent);color:var(--brand-color);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.platform-link:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.platform-link:hover:before{left:100%}.platform-link:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-color) 13%, transparent), color-mix(in srgb, var(--brand-color) 9%, transparent));border-color:color-mix(in srgb, var(--brand-color) 35%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--brand-color) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--brand-color) 9%, transparent);transform:translateY(-1px)}.platform-link:active{transition-duration:.1s;transform:translateY(0)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0;margin:8px 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-primary) 40%, transparent);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-primary) 60%, transparent)}@media (width<=640px){.modal-overlay,.modal-overlay-portal{align-items:flex-end;padding:0}.modal-content{border-radius:1.5rem 1.5rem 0 0;width:100%;max-width:100%;max-height:85vh;margin:0;padding-top:1.5rem}.modal-content:before{content:"";background:var(--text-muted);opacity:.4;border-radius:2px;width:36px;height:4px;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.modal-overlay-portal.modal-opening .modal-content{animation:.3s cubic-bezier(.16,1,.3,1) slideUpMobile}.modal-overlay-portal.modal-closing .modal-content{animation:.25s cubic-bezier(.4,0,1,1) slideDownMobile}@keyframes slideUpMobile{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownMobile{0%{opacity:1;transform:translateY(0)}to{opacity:.8;transform:translateY(100%)}}}@media (width<=375px){.modal-content{max-height:90vh}}@media (width<=640px) and (orientation:landscape){.modal-content{border-radius:1rem;max-height:80vh}.modal-overlay,.modal-overlay-portal{align-items:center}}.pet-walker{align-items:flex-end;transition:left 50ms linear,transform .3s;display:flex}.pet-sprite{background-image:var(--pet-image-url,url(https://api.fuukei.org/myriad/frontend/public/furina.png));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 2px 4px #0003);background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;transition:transform .3s}.pet-sprite:hover{transform:scale(1.1)}.pixelated-image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pet-walker.walking .pet-sprite{animation:.5s ease-in-out infinite pet-walk-bounce}@keyframes pet-walk-bounce{0%,to{transform:translateY(0)scaleY(1)}25%{transform:translateY(-3px)scaleY(1.02)scaleX(.98)}50%{transform:translateY(0)scaleY(.98)scaleX(1.02)}75%{transform:translateY(-3px)scaleY(1.02)scaleX(.98)}}@keyframes pet-excited{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-12px)rotate(-8deg)scale(1.1)}60%{transform:translateY(-16px)rotate(8deg)scale(1.1)}to{transform:translateY(0)rotate(0)}}.pet-walker.pet-excited{animation:.6s ease-out pet-excited}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.prose h1{font-size:1.75rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-8{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}@media (width<=375px){.px-4{padding-left:.75rem!important;padding-right:.75rem!important}}@media (height<=500px) and (orientation:landscape){.min-h-screen{min-height:auto}.pt-\[calc\(15vh\)\]{padding-top:2rem!important}}