:root,[data-theme=light]{--astro-sky: #00a9ff;--astro-sky-deep: #0090dd;--astro-midnight: #291d80;--astro-galaxy: #1a237e;--astro-teal: #00bcd4;--wallpaper: linear-gradient(135deg, #00a9ff 0%, #0090dd 100%);--wallpaper-solid: #00a9ff;--card: #ffffff;--surface: #ffffff;--surface-2: #f5f8fc;--surface-3: #eef3fa;--border: #e3eaf3;--border-strong: #cfd9e6;--text: #0b1736;--text-dim: #3a4566;--muted: #6b7791;--accent: #00a9ff;--accent-strong: #0090dd;--accent-soft: #e6f6ff;--accent-text: #ffffff;--pass: #16a34a;--pass-soft: #dcfce7;--warn: #d97706;--warn-soft: #fef3c7;--fail: #dc2626;--fail-soft: #fee2e2;--shadow-card: 0 30px 80px -30px rgba(15, 23, 80, .35);--shadow-soft: 0 2px 8px rgba(15, 23, 80, .06)}[data-theme=dark]{--wallpaper: linear-gradient(135deg, #291d80 0%, #1a237e 100%);--wallpaper-solid: #291d80;--card: #0f1230;--surface: #161a3d;--surface-2: #1d2249;--surface-3: #252b59;--border: #2a3164;--border-strong: #3a4180;--text: #ecedf7;--text-dim: #c8cbe6;--muted: #8e94c4;--accent: #00a9ff;--accent-strong: #4ec2ff;--accent-soft: rgba(0, 169, 255, .12);--accent-text: #ffffff;--pass: #4ade80;--pass-soft: rgba(74, 222, 128, .12);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .12);--fail: #f87171;--fail-soft: rgba(248, 113, 113, .12);--shadow-card: 0 30px 80px -30px rgba(0, 0, 0, .6);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--wallpaper);background-attachment:fixed;transition:background .2s ease,color .15s ease;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Nunito Sans,Montserrat,sans-serif;font-weight:700;letter-spacing:-.01em}.app{max-width:1400px;margin:0 auto;padding:32px 24px;min-height:100vh;display:flex}.shell{flex:1;display:flex;background:var(--card);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-card);min-height:calc(100vh - 64px)}.sidebar{width:260px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 12px 24px}.sidebar-brand img{width:48px;height:48px}.sidebar-brand>div{padding-top:4px}.sidebar-brand .brand-name{font-family:Nunito Sans,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.015em;color:var(--text);line-height:1.1}.sidebar-brand .brand-name .accent{color:var(--accent)}.sidebar-brand .brand-sub{font-size:12px;color:var(--muted);margin-top:2px}.nav-group{margin-top:18px}.nav-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--muted);padding:0 12px 8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:2px;border-radius:10px;cursor:pointer;color:var(--text-dim);background:transparent;border:none;width:100%;text-align:left;font-size:14px;font-weight:500;font-family:inherit;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.sidebar-footer{margin-top:auto;padding:16px 8px 0;display:flex;gap:8px;flex-wrap:wrap}.toggle{background:var(--surface-2);border:none;color:var(--text);padding:8px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;line-height:1;display:inline-flex;align-items:center;gap:6px;transition:background .12s,color .12s}.toggle:hover{background:var(--surface-3);color:var(--accent)}.main-area{flex:1;padding:28px 32px 32px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar .tagline{font-size:14px;color:var(--muted)}.topbar-actions{display:flex;gap:8px;align-items:center}.pill{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-weight:500}.pill.ok{color:var(--pass);border-color:var(--pass);background:var(--pass-soft)}.pill.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow-soft)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}}.section-title{font-size:16px;font-weight:700;margin:0 0 4px;color:var(--text)}.section-sub{color:var(--muted);font-size:14px;margin:0 0 16px}.dropzone{border:2px dashed var(--border-strong);border-radius:16px;min-height:280px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--surface-2);transition:all .15s;overflow:hidden;position:relative}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{padding:8px;border-style:solid}.dropzone-empty{text-align:center;color:var(--muted);padding:24px}.dropzone-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:26px}.dropzone-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.dropzone-hint{font-size:13px;color:var(--muted)}.preview{max-width:100%;max-height:360px;border-radius:12px;display:block;margin:0 auto}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;width:100%;padding:6px}.thumb-tile{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:border-color .12s}.thumb-tile:hover{border-color:var(--accent)}.thumb-tile img{width:100%;height:100%;object-fit:cover;display:block}.thumb-name{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;font-size:10px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.thumb-remove:hover{background:var(--fail)}.thumb-add{aspect-ratio:3 / 4;border-radius:10px;border:2px dashed var(--border-strong);background:var(--surface);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.thumb-add span{font-size:24px;font-weight:300;line-height:1}.thumb-add small{font-size:10px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-bottom:14px}.field>span{color:var(--text-dim);font-weight:600}.field textarea,.field input[type=url],.field input[type=text]{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);padding:11px 14px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .12s,box-shadow .12s}.field textarea:focus,.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field small{color:var(--muted)}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);margin:4px 0 14px}.checkbox input{margin-top:3px;accent-color:var(--accent)}.primary{background:var(--accent);border:none;color:var(--accent-text);padding:12px 22px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px -4px #00a9ff73;transition:transform .08s,box-shadow .12s}.primary:hover:not(:disabled){transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);padding:9px 16px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit}.ghost:hover{border-color:var(--accent);color:var(--accent)}.link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:14px;font-weight:600;font-family:inherit}.error{color:var(--fail);font-size:14px;padding:8px 0;font-weight:500}.info-note{font-size:13px;color:var(--text-dim);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px;margin-top:10px;line-height:1.5}.error-cell{color:var(--fail)}.loading-block{color:var(--muted);font-size:14px;padding:24px;border:1px dashed var(--border-strong);border-radius:14px;text-align:center;background:var(--surface-2)}.audit-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 24px;border:1px dashed var(--border-strong);border-radius:16px;background:var(--surface-2)}.audit-loading-stage{font-size:15px;font-weight:600;color:var(--text)}.audit-loading-bar{width:100%;max-width:360px;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.audit-loading-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .5s ease-out}.audit-loading-fill.indeterminate{width:35%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:indeterminate-slide 1.5s infinite linear}@keyframes indeterminate-slide{0%{transform:translate(-100%)}to{transform:translate(280%)}}.audit-loading-time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:14px}.breakdown-title{display:flex;align-items:baseline;gap:12px;margin:16px 0}.breakdown-title h2{font-size:18px;margin:0}.breakdown-title .breakdown-sub{color:var(--muted);font-size:14px}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1100px){.score-grid{grid-template-columns:repeat(2,1fr)}}.score-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;position:relative;min-height:130px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,transform .15s}.score-card:hover{border-color:var(--border-strong)}.score-card.pass{border-left:4px solid var(--pass)}.score-card.warn{border-left:4px solid var(--warn)}.score-card.fail{border-left:4px solid var(--fail)}.score-card.empty{opacity:.7}.score-card.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite;border:1px solid var(--border)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.score-card .score-label{font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.score-card .score-value{font-family:Nunito Sans,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.02em;margin:2px 0;display:flex;align-items:center;gap:10px;line-height:1}.status-icon{flex-shrink:0;display:block}.score-card.pass .score-value{color:var(--pass)}.score-card.warn .score-value{color:var(--warn)}.score-card.fail .score-value{color:var(--fail)}.score-card .score-meta{font-size:13px;color:var(--muted);line-height:1.4}.score-bullets{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px}.score-bullets li{font-size:13px;color:var(--text-dim);line-height:1.45;padding-left:12px;position:relative}.score-bullets li:before{content:"·";position:absolute;left:2px;font-weight:700;color:var(--muted)}.result-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}@media(max-width:1100px){.result-hero{grid-template-columns:1fr}}.result-image{position:relative;border-radius:14px;overflow:hidden;background:var(--surface-2)}.result-image img{width:100%;height:100%;max-height:360px;object-fit:contain;display:block}.result-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-badge.pass{background:#16a34ae6}.result-badge.warn{background:#d97706e6}.result-badge.fail{background:#dc2626e6}.result-filename{position:absolute;bottom:12px;left:12px;padding:5px 10px;border-radius:6px;font-size:12px;background:#0009;color:#fff;font-family:ui-monospace,monospace}.result-summary,.result-summary-panel{display:flex;flex-direction:column;gap:14px}.result-badge-inline{align-self:flex-start;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em;color:#fff}.result-badge-inline.pass{background:var(--pass)}.result-badge-inline.warn{background:var(--warn)}.result-badge-inline.fail{background:var(--fail)}.rsp-headline{font-size:18px;line-height:1.4;margin:0}.rsp-stats{list-style:none;padding:12px 14px;margin:0;background:var(--surface-2);border-radius:10px;display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:600}.rsp-stats li{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-fail{background:var(--fail)}.dot-warn{background:var(--warn)}.dot-pass{background:var(--pass)}.rsp-section{display:flex;flex-direction:column;gap:8px}.rsp-section-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.rsp-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.rsp-list li{font-size:14px;color:var(--text-dim);line-height:1.5}.rsp-meta{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-dim);padding:10px 0;border-top:1px solid var(--border)}.rsp-meta-label{color:var(--muted);margin-right:6px}.rsp-filename{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.result-summary h2{font-size:24px;margin:0;line-height:1.2}.result-meta{display:flex;flex-direction:column;gap:6px;font-size:14px}.result-meta-row{display:flex;gap:8px}.result-meta-row .label{color:var(--muted);min-width:110px}.result-meta-row .value{color:var(--text);font-weight:500}.research-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:16px;padding:18px}.research-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.research-card-head h3{font-size:15px;margin:0}.research-card p{margin:0;font-size:14px;color:var(--text-dim)}.status{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px}.status.pass{background:var(--pass-soft);color:var(--pass)}.status.warn{background:var(--warn-soft);color:var(--warn)}.status.fail{background:var(--fail-soft);color:var(--fail)}.status.muted{background:var(--surface-2);color:var(--muted)}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:14px}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--surface-2);color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.summary-bar{display:flex;gap:20px;align-items:center;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;font-size:14px}.risk{padding:5px 12px;border-radius:999px;font-weight:600}.risk-low{background:var(--pass-soft);color:var(--pass)}.risk-medium{background:var(--warn-soft);color:var(--warn)}.risk-high{background:var(--fail-soft);color:var(--fail)}.risk-unknown{background:var(--surface-2);color:var(--muted)}.file-pick input{color:var(--text);font-size:14px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.about{max-width:760px;line-height:1.65}.about h2{margin-top:28px;font-size:20px}.about ul{padding-left:20px}.about li{margin-bottom:8px}.about p{color:var(--text-dim)}.foot-note{font-size:12px;color:var(--muted);padding-top:8px;border-top:1px dashed var(--border);margin-top:8px}.label-row{display:inline-flex;align-items:center;gap:6px}.tooltip-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:help;transition:color .15s}.tooltip-icon:hover{color:var(--accent)}.tooltip-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text);color:var(--card);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.4;width:max-content;max-width:240px;text-align:center;white-space:normal;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:100;box-shadow:0 4px 12px #00000026}.tooltip-icon:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text);opacity:0;pointer-events:none;transition:opacity .15s;z-index:100}.tooltip-icon:hover:after,.tooltip-icon:focus:after,.tooltip-icon:hover:before,.tooltip-icon:focus:before{opacity:1}.target-select{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);padding:11px 14px;font-family:inherit;font-size:14px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.target-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.target-select option:disabled{color:var(--muted)}.flow-summary{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 24px}.flow-title{font-size:14px;color:var(--text-dim);margin-bottom:18px;font-weight:500}.flow-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}@media(max-width:700px){.flow-stats{grid-template-columns:repeat(2,1fr)}}.flow-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.flow-stat-num{font-family:Nunito Sans,sans-serif;font-size:32px;font-weight:800;line-height:1.1}.flow-stat-label{font-size:14px;color:var(--muted)}.fs-critical .flow-stat-num{color:var(--fail)}.fs-warning .flow-stat-num{color:var(--warn)}.fs-strength .flow-stat-num{color:var(--pass)}.fs-screens .flow-stat-num{color:var(--accent)}.flow-path-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px}.flow-path{display:flex;flex-wrap:wrap;gap:14px 4px;align-items:center}.flow-step{display:inline-flex;align-items:center;gap:4px}.flow-pill{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-size:14px;font-weight:500;white-space:nowrap}.flow-pill.has-issues{background:var(--fail-soft);border-color:var(--fail);color:var(--fail);font-weight:600}.flow-arrow{color:var(--muted);font-size:14px;padding:0 2px}.flow-loop{font-size:16px;color:var(--muted);padding:0 4px;cursor:help}.findings{display:flex;flex-direction:column;gap:4px}.findings-groups{display:flex;flex-direction:column;gap:28px}.findings-group{display:flex;flex-direction:column;gap:10px}.findings-group-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 10px;border-bottom:1px solid var(--border)}.findings-group-title{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.findings-group-count{font-size:13px;color:var(--muted);background:var(--surface-2);padding:3px 10px;border-radius:999px;font-weight:600}.findings-group-critical .findings-group-title{color:var(--fail)}.findings-group-warning .findings-group-title{color:var(--warn)}.findings-group-strength .findings-group-title{color:var(--pass)}.findings-list{display:flex;flex-direction:column;gap:10px}.finding{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;border-left:4px solid var(--border);transition:border-color .15s}.finding.critical{border-left-color:var(--fail)}.finding.warning{border-left-color:var(--warn)}.finding.strength{border-left-color:var(--pass)}.finding-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.finding-sev{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.finding.critical .finding-sev{color:var(--fail)}.finding.warning .finding-sev{color:var(--warn)}.finding.strength .finding-sev{color:var(--pass)}.finding-area{font-size:12px;color:var(--muted);background:var(--surface-2);padding:3px 9px;border-radius:999px;font-weight:600}.finding-issue{font-size:14px;color:var(--text);line-height:1.5;margin-bottom:6px}.finding-fix{font-size:13px;padding:8px 10px;background:var(--surface-2);border-radius:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.finding-fix-label{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.finding-fix code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--accent);background:transparent}.ux-copy{display:flex;flex-direction:column;gap:4px}.ux-list{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.ux-item{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:14px;flex-wrap:wrap}.ux-item:last-child{border-bottom:none}.ux-text{color:var(--text);font-weight:500}.ux-note{color:var(--muted);font-style:italic;font-size:13px}.lang-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.04em;background:var(--surface-2);color:var(--muted);min-width:42px;text-align:center}.lang-pill.pill-en{background:#00a9ff26;color:var(--accent)}.lang-pill.pill-id{background:#d9770626;color:var(--warn)}.lang-pill.pill-mix{background:#dc26261f;color:var(--fail)}@media(max-width:900px){.app{padding:16px 12px}.shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.nav-group{display:inline-block;margin-right:16px}.main-area{padding:20px}.score-grid{grid-template-columns:repeat(2,1fr)}}