*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}:root,[data-theme=light]{--bg:#fff;--bg-secondary:#f5f5f7;--surface:#fff;--glass:#00000008;--glass-border:#0000000f;--glass-hover:#0000000d;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#aeaeb2;--accent:#0071e3;--accent-purple:#a550de;--accent-pink:#f2356d;--accent-green:#28a745;--accent-orange:#f09a00;--bar-track:#0000000f;--card-bg:#fff;--card-border:#00000014;--card-shadow:0 1px 3px #0000000a, 0 4px 12px #00000008;--topbar-bg:#ffffffb8;--topbar-border:#00000014;--seg-bg:#0000000a;--seg-active:#fff;--seg-shadow:0 1px 3px #00000014;--btn-hero-bg:#0071e3;--btn-hero-text:#fff;--score-gradient:linear-gradient(135deg, #0071e3 0%, #a550de 50%, #f2356d 100%);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#000;--bg-secondary:#1c1c1e;--surface:#1c1c1e;--glass:#ffffff0a;--glass-border:#ffffff14;--glass-hover:#ffffff12;--text-primary:#f5f5f7;--text-secondary:#98989d;--text-tertiary:#ffffff52;--accent:#2997ff;--accent-purple:#bf5af2;--accent-pink:#ff375f;--accent-green:#30d158;--accent-orange:#ff9f0a;--bar-track:#ffffff14;--card-bg:#ffffff0a;--card-border:#ffffff14;--card-shadow:0 1px 3px #0003, 0 4px 12px #00000026;--topbar-bg:#000000b8;--topbar-border:#ffffff14;--seg-bg:#ffffff0f;--seg-active:#ffffff1f;--seg-shadow:0 1px 3px #0000004d;--btn-hero-bg:#2997ff;--btn-hero-text:#fff;--score-gradient:linear-gradient(135deg, #2997ff 0%, #bf5af2 50%, #ff375f 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;transition:background .35s,color .35s;overflow-x:hidden}.container{max-width:680px;margin:0 auto;padding:0 24px}.section{padding:24px 0}.topbar{z-index:100;background:var(--topbar-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--topbar-border);opacity:1;transition:transform .28s,opacity .28s,background .2s,border-color .2s,box-shadow .28s;position:sticky;top:0;transform:translateY(0)}.topbar.is-scrolled{box-shadow:0 10px 30px #0000000f}.topbar.is-hidden{transform:translateY(calc(-100% - var(--safe-top)));opacity:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:680px;margin:0 auto;padding:12px 24px;display:flex}.topbar-brand{color:var(--text-primary);letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-anchor{font-size:.8125rem}.locale-picker select{border:1px solid var(--card-border);background:var(--glass);height:36px;color:var(--text-primary);cursor:pointer;border-radius:999px;padding:0 12px;font-size:.8125rem}.locale-picker select:hover{background:var(--glass-hover)}.theme-btn{background:var(--glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:flex}.theme-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.theme-btn:active{transform:scale(.9)}.scroll-top-btn{right:max(20px, calc(env(safe-area-inset-right,0px) + 20px));bottom:max(20px, calc(var(--safe-bottom) + 20px));border:1px solid var(--card-border);background:var(--topbar-bg);width:48px;height:48px;color:var(--text-primary);box-shadow:var(--card-shadow);-webkit-backdrop-filter:saturate(180%)blur(20px);cursor:pointer;opacity:0;pointer-events:none;z-index:110;border-radius:999px;justify-content:center;align-items:center;transition:transform .24s,opacity .24s,background .2s,color .2s,border-color .2s;display:inline-flex;position:fixed;transform:translateY(14px)scale(.92)}.scroll-top-btn:hover{background:var(--glass-hover)}.scroll-top-btn:active{transform:translateY(0)scale(.96)}.scroll-top-btn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{text-align:center;padding:64px 24px 32px;animation:.8s ease-out fade-up}.hero-inner{max-width:680px;margin:0 auto}.hero-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:980px;margin-bottom:16px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.035em;color:var(--text-primary);font-size:clamp(2.75rem,9vw,4.5rem);font-weight:700;line-height:1.05}.hero-subtitle{color:var(--text-secondary);margin-top:12px;font-size:clamp(1rem,2.5vw,1.1875rem);font-weight:400;line-height:1.5}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{height:30px;color:var(--text-secondary);background:var(--glass);border:1px solid var(--glass-border);white-space:nowrap;border-radius:980px;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.section-controls{padding-top:8px}.controls{justify-content:center;gap:20px;margin-bottom:24px;display:flex}.control-group{flex-direction:column;align-items:center;gap:6px;display:flex}.control-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}.seg{background:var(--seg-bg);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s}.seg-btn.active{background:var(--seg-active);color:var(--text-primary);box-shadow:var(--seg-shadow)}.seg-btn:hover:not(.active){color:var(--text-primary)}.btn-hero{width:100%;max-width:300px;color:var(--btn-hero-text);background:var(--btn-hero-bg);cursor:pointer;border:none;border-radius:980px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.btn-hero:hover{filter:brightness(1.08)}.btn-hero:active{transform:scale(.97)}.btn-hero:disabled{background:var(--bar-track);color:var(--text-tertiary);cursor:not-allowed;filter:none;transform:none}.btn-hero:disabled .btn-arrow{display:none}.btn-arrow{transition:transform .2s}.btn-hero:hover .btn-arrow{transform:translate(3px)}.btn-secondary{width:100%;max-width:300px;color:var(--accent);border:1.5px solid color-mix(in srgb, var(--accent) 40%, transparent);cursor:pointer;background:0 0;border-radius:980px;margin:28px auto 0;padding:13px 24px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .25s;display:block}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 6%, transparent);border-color:var(--accent)}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}.btn-export{color:#fff;background:var(--accent);border-color:var(--accent)}.btn-export:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 85%, black);border-color:color-mix(in srgb, var(--accent) 85%, black)}.progress-block{margin-bottom:24px}.progress-top{justify-content:space-between;margin-bottom:8px;display:flex}.progress-label,.progress-pct{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.progress-pct{font-variant-numeric:tabular-nums}.progress-track{background:var(--bar-track);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.live-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.live-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:14px;padding:16px;transition:border-color .3s,box-shadow .3s}.live-card.active{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:var(--card-shadow), 0 0 0 1px color-mix(in srgb, var(--accent) 15%, transparent)}.live-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.live-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.accent-blue{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.accent-purple{background:color-mix(in srgb, var(--accent-purple) 12%, transparent);color:var(--accent-purple)}.accent-pink{background:color-mix(in srgb, var(--accent-pink) 12%, transparent);color:var(--accent-pink)}.accent-green{background:color-mix(in srgb, var(--accent-green) 12%, transparent);color:var(--accent-green)}.live-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.live-stat{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-height:1.2em;margin-top:8px;font-size:.75rem;font-weight:500}.live-bar-track{background:var(--bar-track);border-radius:3px;height:6px;overflow:hidden}.live-bar{border-radius:3px;width:0%;height:100%;transition:width .2s}.bar-blue{background:linear-gradient(90deg, var(--accent), var(--accent-purple))}.bar-green{background:linear-gradient(90deg, var(--accent-green), #6fdc8c)}.gpu-canvas-wrap{aspect-ratio:1;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:140px;display:flex;overflow:hidden}.gpu-canvas-wrap canvas{width:100%;height:100%;display:block}.worker-bars{gap:3px;height:6px;min-height:6px;display:flex}.worker-bar{background:var(--bar-track);border-radius:3px;flex:1;overflow:hidden}.worker-bar-fill{background:linear-gradient(90deg, var(--accent-orange), #fc0);border-radius:3px;width:0%;height:100%;transition:width .2s}.section-progress{background:var(--bar-track);border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.section-progress-fill{border-radius:2px;width:0%;height:100%;transition:width .3s linear}.sp-blue{background:var(--accent)}.sp-purple{background:var(--accent-purple)}.sp-pink{background:var(--accent-pink)}.sp-green{background:var(--accent-green)}.section-progress{opacity:0;transition:opacity .2s}.live-card.active .section-progress,.live-card.done .section-progress{opacity:1}.svg-anim-pulse,.svg-anim-blink,.svg-anim-blink-delay,.svg-anim-fill{opacity:0;transition:opacity .3s}.live-card.active .svg-anim-pulse{animation:1s ease-in-out infinite svg-pulse}.live-card.active .svg-anim-blink{animation:.8s ease-in-out infinite svg-blink}.live-card.active .svg-anim-blink-delay{animation:.8s ease-in-out .4s infinite svg-blink}.live-card.active .svg-anim-fill{animation:2s ease-in-out infinite svg-mem-fill}.live-card.active .svg-anim-spin{transform-origin:12px 7px;animation:3s linear infinite svg-spin}@keyframes svg-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes svg-blink{0%,to{opacity:0}50%{opacity:.8}}@keyframes svg-mem-fill{0%{opacity:.15;width:0}50%{opacity:.45;width:16px}to{opacity:.15;width:0}}@keyframes svg-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.earth-svg{filter:drop-shadow(0 2px 8px #0d47a14d);width:100%;height:100%;display:block}.earth-land{animation:10s linear infinite earth-rotate}.earth-clouds{animation:16s linear infinite reverse earth-rotate}.earth-satellite-group{transform-origin:100px 100px;animation:4s linear infinite satellite-orbit}@keyframes earth-rotate{0%{transform:translate(0)}to{transform:translate(-200px)}}@keyframes satellite-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.score-hero{text-align:center;padding:40px 0 32px}.score-hero-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);margin-bottom:4px;font-size:.8125rem;font-weight:600}.score-hero-value{letter-spacing:-.04em;background:var(--score-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-top:4px;font-size:clamp(3.5rem,14vw,6rem);font-weight:700;line-height:1.1}.results-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:2px;padding:18px;display:flex}.rc-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;display:flex}.rc-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}.rc-score{letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700}.rc-detail{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.6875rem;line-height:1.4}.rc-bar-track{background:var(--bar-track);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.rc-bar-fill{border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rc-bar-fill.bar-blue{background:var(--accent)}.rc-bar-fill.bar-purple{background:var(--accent-purple)}.rc-bar-fill.bar-pink{background:var(--accent-pink)}.rc-bar-fill.bar-green{background:var(--accent-green)}.rc-bar-fill.bar-orange{background:var(--accent-orange)}.rating-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:980px;margin-top:4px;padding:2px 8px;font-size:.625rem;font-weight:600;display:inline-block}.rating-excellent{background:color-mix(in srgb, var(--accent-purple) 12%, transparent);color:var(--accent-purple)}.rating-great{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.rating-good{background:color-mix(in srgb, var(--accent-green) 12%, transparent);color:var(--accent-green)}.rating-fair{background:color-mix(in srgb, var(--accent-orange) 12%, transparent);color:var(--accent-orange)}.rating-low{background:color-mix(in srgb, var(--accent-pink) 12%, transparent);color:var(--accent-pink)}.score-hero .rating-badge{width:fit-content;margin:8px auto 0;padding:4px 14px;font-size:.75rem;display:block}.live-card.done{position:relative}.live-card.done:after{content:"✓";text-align:center;background:color-mix(in srgb, var(--accent-green) 12%, transparent);width:20px;height:20px;color:var(--accent-green);border-radius:50%;font-size:.75rem;font-weight:700;line-height:20px;position:absolute;top:10px;right:12px}.radar-canvas{max-width:300px;margin:24px auto 0;display:block}.report-grid{grid-template-columns:1fr;gap:12px;margin-top:24px;display:grid}.report-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:14px;padding:18px}.report-card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:10px;font-size:.75rem;font-weight:700}.report-card-body{flex-direction:column;gap:8px;display:flex}.report-summary-text{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;line-height:1.6}.report-summary-compact{margin-bottom:0;font-size:.86rem}.report-inline-meta{color:var(--text-secondary);font-size:.78rem;line-height:1.5}.report-list{flex-direction:column;gap:8px;padding-left:18px;list-style:outside;display:flex}.report-warning{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.methodology-section{scroll-margin-top:84px}.methodology-header{margin-bottom:18px}.methodology-badge{margin-bottom:10px}.methodology-intro{color:var(--text-secondary);max-width:56ch;margin-top:8px;font-size:.95rem;line-height:1.6}.methodology-grid{grid-template-columns:1fr;gap:12px;display:grid}.methodology-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;padding:20px}.methodology-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:10px;font-size:.95rem;font-weight:700}.methodology-body{color:var(--text-secondary);font-size:.84rem;line-height:1.65}.methodology-body p+p{margin-top:10px}.methodology-list{flex-direction:column;gap:8px;margin-top:12px;padding-left:18px;list-style:outside;display:flex}.methodology-inline-note{color:var(--text-tertiary);margin-top:12px;font-size:.75rem;line-height:1.5;display:inline-block}.methodology-anchor{color:var(--accent);font-weight:600;text-decoration:none;transition:opacity .2s}.methodology-anchor:hover{opacity:.78}.results-actions{justify-content:center;gap:10px;max-width:400px;margin:28px auto 0;display:flex}.results-actions .btn-secondary{flex:1;max-width:none;margin:0}.btn-hero.btn-stop{background:var(--accent-pink)}.btn-hero.btn-stop:hover{background:color-mix(in srgb, var(--accent-pink) 85%, black)}.footer{text-align:center;padding:32px 24px calc(32px + var(--safe-bottom));color:var(--text-tertiary);font-size:.75rem}.footer-links{margin-top:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{position:relative;overflow:hidden;color:#0000!important}.skeleton .skel-text{visibility:hidden}.skeleton:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--bar-track) 25%, color-mix(in srgb, var(--text-tertiary) 8%, transparent) 50%, var(--bar-track) 75%);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer;position:absolute;inset:0}.chip.skeleton{background:var(--bar-track);border-color:#0000;min-width:70px}.rc-score.skeleton{border-radius:6px;width:60px;height:2rem;display:inline-block}.rc-detail.skeleton{border-radius:4px;width:100%;height:.75rem;margin-top:4px;display:inline-block}.score-hero-value.skeleton{border-radius:10px;width:140px;height:4rem;margin:0 auto;display:inline-block}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.section{animation:.5s ease-out both fade-up}#results-section:not([hidden]){animation:.4s ease-out both fade-up}.history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.btn-text-danger{color:var(--accent-pink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:background .15s}.btn-text-danger:hover{background:color-mix(in srgb, var(--accent-pink) 10%, transparent)}.history-list{flex-direction:column;gap:8px;display:flex}.history-row{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.history-top,.history-bottom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-main{flex-shrink:0;align-items:center;gap:8px;display:flex}.history-score{letter-spacing:-.02em;color:var(--text-primary);font-size:1.25rem;font-weight:700}.history-date{color:var(--text-tertiary);white-space:nowrap;font-size:.6875rem}.history-breakdown{flex-wrap:wrap;gap:6px;display:flex}.history-chip{white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.625rem;font-weight:600}.hc-blue{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}.hc-purple{background:color-mix(in srgb, var(--accent-purple) 10%, transparent);color:var(--accent-purple)}.hc-pink{background:color-mix(in srgb, var(--accent-pink) 10%, transparent);color:var(--accent-pink)}.hc-green{background:color-mix(in srgb, var(--accent-green) 10%, transparent);color:var(--accent-green)}.history-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.history-info{color:var(--text-tertiary);white-space:nowrap;font-size:.625rem}.history-del{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;min-height:28px;margin-left:auto;padding:4px 8px;font-size:1rem;line-height:1;transition:color .15s,background .15s;display:flex}.history-del:hover{color:var(--accent-pink);background:color-mix(in srgb, var(--accent-pink) 10%, transparent)}.history-empty{text-align:center;color:var(--text-tertiary);padding:32px 16px;font-size:.8125rem}#history-section{border-top:1px solid var(--card-border);margin-top:8px;padding-top:32px}.earth-svg.paused,.earth-svg.paused *{animation-play-state:paused!important}.gpu-canvas-wrap canvas{touch-action:none}@media (prefers-reduced-motion:reduce){.topbar,.scroll-top-btn{transition-duration:.01ms}}@media (width<=600px){.hero{padding:48px 20px 24px}.container{padding:0 16px}.controls{flex-direction:column;align-items:center;gap:12px}.live-grid{grid-template-columns:repeat(2,1fr)}.results-grid,.report-grid{gap:10px}.topbar-actions{gap:8px}.methodology-card{padding:16px}.result-card{padding:14px}.rc-score{font-size:1.5rem}.results-actions{flex-wrap:wrap}.scroll-top-btn{right:max(16px, calc(env(safe-area-inset-right,0px) + 16px));bottom:max(16px, calc(var(--safe-bottom) + 16px))}}@media (width<=380px){.results-grid,.live-grid{grid-template-columns:1fr}.chip-row{justify-content:flex-start}.results-actions .btn-secondary{min-width:100%}}@media (width>=768px){.hero{padding:96px 24px 48px}.section{padding:32px 0}.live-grid{grid-template-columns:repeat(4,1fr)}.report-grid,.methodology-grid{grid-template-columns:repeat(2,1fr)}}