:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: oklch(.982 .006 235);--surface: oklch(.996 .004 235);--surface-soft: oklch(.955 .008 235);--surface-strong: oklch(.925 .012 235);--border: oklch(.88 .014 235);--border-strong: oklch(.78 .024 235);--text: oklch(.215 .026 235);--muted: oklch(.46 .026 235);--faint: oklch(.62 .022 235);--primary: oklch(.56 .145 258);--primary-dark: oklch(.43 .13 258);--primary-soft: oklch(.93 .045 258);--success: oklch(.58 .12 154);--warning: oklch(.72 .14 75);--warning-soft: oklch(.95 .052 75);--danger: oklch(.58 .17 28);--danger-soft: oklch(.94 .045 28);--info: oklch(.56 .11 235);--info-soft: oklch(.93 .045 235);--shadow: 0 18px 46px oklch(.32 .035 235 / .08);--radius: 8px;--sidebar-width: 248px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(180deg,oklch(.97 .014 235) 0,var(--bg) 340px),var(--bg)}button,input{font:inherit}button{min-height:44px}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:20px 16px;background:#e6eef4;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-height:44px}.brand-mark{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#f8fbfc;background:var(--primary-dark)}.brand strong{display:block;font-size:15px;line-height:1.3}.brand span{display:block;color:var(--muted);font-size:12px;line-height:1.4}.nav-list{display:grid;gap:4px}.nav-item{width:100%;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:0 10px;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease}.nav-item:hover{background:#d6e4ec;color:var(--text)}.nav-item.active{background:var(--surface);color:var(--primary-dark);box-shadow:0 1px #a9bac5a6}.nav-item em{min-width:24px;padding:3px 7px;border-radius:999px;background:#d0dde5;font-size:12px;font-style:normal;text-align:center}.sidebar-note{margin-top:auto;display:grid;grid-template-columns:22px 1fr;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#eff6fa;color:var(--muted)}.sidebar-note p{margin:0;font-size:12px;line-height:1.55}.workspace{min-width:0;padding:24px}.command-bar{display:grid;grid-template-columns:minmax(240px,420px) minmax(420px,1fr);gap:24px;align-items:end;margin-bottom:16px}.command-bar h1{margin:0 0 5px;font-size:24px;line-height:1.25;letter-spacing:0}.command-bar p,.panel-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.url-form{display:grid;gap:8px}.url-form label{color:var(--muted);font-size:12px;font-weight:650}.url-input-row{min-height:52px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:4px 4px 4px 14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:0 1px #b6c7d280}.url-input-row input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:15px}.url-input-row input::placeholder{color:var(--faint)}.field-error{margin:0;color:var(--danger);font-size:12px;line-height:1.45}.primary-button,.ghost-button{min-height:44px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-size:13px;font-weight:650;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.primary-button{color:#f9fcfd;background:var(--primary-dark)}.primary-button:hover{background:#003b86;background:oklch(.37 .14 258)}.primary-button:active,.ghost-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.ghost-button{color:var(--text);background:var(--surface);border-color:var(--border)}.ghost-button:hover{background:var(--surface-soft);border-color:var(--border-strong)}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.mobile-entry-panel{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:16px;padding:12px 14px 12px 16px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,oklch(.974 .016 258),var(--surface) 62%),var(--surface)}.mobile-entry-panel h2{margin:0 0 4px;font-size:15px;line-height:1.35}.mobile-entry-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.status-item{min-height:58px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:#f9fcfec7}.status-item span{color:var(--muted);font-size:13px}.status-item strong{font-size:18px;font-variant-numeric:tabular-nums}.content-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(340px,.88fr);gap:16px;align-items:start}.main-column,.side-column{display:grid;gap:16px;min-width:0}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px #c0cdd573;overflow:hidden}.panel-heading{min-height:66px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.panel-heading h2{margin:0 0 4px;font-size:16px;line-height:1.35;letter-spacing:0}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;font-size:13px}th{color:var(--muted);background:#f1f7fa;font-size:12px;font-weight:700}tbody tr{cursor:pointer;transition:background .16s ease}tbody tr:hover,tbody tr.selected{background:var(--primary-soft)}tbody tr:last-child td{border-bottom:0}.row-link{min-height:44px;padding:4px 0;border:0;background:transparent;text-align:left;cursor:pointer}.row-link strong,.row-link span{display:block}.row-link strong{margin-bottom:3px;font-size:13px}.row-link span{max-width:310px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--border);border-radius:999px;color:var(--primary-dark);background:var(--primary-soft);font-size:12px;font-weight:650}.status-pill.strong{color:var(--text);background:var(--surface-soft)}.score{display:inline-flex;align-items:center;justify-content:center;min-width:42px;color:var(--muted);font-weight:750;font-variant-numeric:tabular-nums}.score.good{color:var(--success)}.score.warn{color:#a36e09}.score.bad{color:var(--danger)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.summary-grid div{padding:12px 14px;background:#f9fcfd}.summary-grid span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px}.summary-grid strong{font-size:17px}.preview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(98px,.55fr);gap:12px;padding:16px}.browser-frame{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#e6eef3}.desktop-frame,.mobile-frame{min-height:176px}.frame-top{height:26px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid var(--border);background:#f3f7fa}.frame-top span{width:7px;height:7px;border-radius:50%;background:var(--border-strong)}.phone-notch{width:42px;height:5px;margin:9px auto 6px;border-radius:999px;background:#414f58}.mock-page{height:150px;padding:14px;display:grid;gap:12px}.mock-page.compact{height:152px;padding:10px;overflow:hidden}.mock-nav,.mock-hero,.mock-lines span{border-radius:5px;background:#c5d3dc}.mock-nav{width:100%;height:18px}.mock-hero{min-height:58px;display:grid;grid-template-columns:1.2fr .8fr;gap:10px;background:transparent}.mock-hero div{border-radius:5px;background:#b2c8d5}.mock-lines{display:grid;gap:7px}.mock-lines span{height:8px}.mock-lines span:nth-child(2){width:75%}.mock-lines span:nth-child(3){width:52%}.overflow-mark{width:132%;min-height:28px;margin-top:6px;padding:6px 8px;border:1px solid var(--danger);border-radius:6px;color:var(--danger);background:var(--danger-soft);font-size:12px;font-weight:650}.browser-frame small{position:absolute;right:8px;bottom:7px;color:var(--muted);font-size:11px}.issue-list{display:grid}.issue-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.issue-row:last-child{border-bottom:0}.priority{height:58px;border-radius:8px;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid transparent}.priority strong{font-size:15px}.priority span{font-size:11px;font-weight:650}.priority.danger{color:var(--danger);background:var(--danger-soft);border-color:#ebb5ad}.priority.warning{color:#825600;color:oklch(.49 .11 75);background:var(--warning-soft);border-color:#e6c598}.priority.info{color:var(--info);background:var(--info-soft);border-color:#a2cbe3}.issue-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.issue-title h3{margin:0;font-size:14px;line-height:1.35}.issue-title span{color:var(--muted);font-size:12px;white-space:nowrap}.issue-row p{margin:0 0 6px;color:var(--text);font-size:13px;line-height:1.5}.issue-row small{color:var(--muted);font-size:12px;line-height:1.45}.segmented{display:inline-grid;grid-template-columns:repeat(2,1fr);padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.segmented button{min-height:44px;border:0;border-radius:6px;padding:0 12px;color:var(--muted);background:transparent;font-size:12px;font-weight:700;cursor:pointer}.segmented button.active{color:var(--text);background:var(--surface);box-shadow:0 1px #a9bac5a6}.copy-preview{min-height:246px;max-height:360px;margin:0;padding:16px;overflow:auto;border-bottom:1px solid var(--border);color:var(--text);background:#f7fbfd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap}.command-snippet{min-height:56px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface)}.command-snippet code{flex:1 1 220px;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--primary-dark);font-size:12px;white-space:nowrap}.table-empty{display:grid;place-items:center;min-height:78px;color:var(--muted);font-size:13px}.maintenance-list{display:grid}.maintenance-row{min-height:50px;display:grid;grid-template-columns:22px 1fr auto auto;gap:10px;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);font-size:13px}.maintenance-row:last-child{border-bottom:0}.maintenance-row svg{color:var(--success)}.maintenance-row span{color:var(--muted)}.maintenance-row em{color:var(--muted);font-size:12px;font-style:normal}.risk-panel{margin-top:16px;min-height:54px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:0 16px;border:1px solid oklch(.84 .07 75);border-radius:8px;color:#694500;color:oklch(.42 .095 75);background:var(--warning-soft)}.risk-panel p{margin:0;font-size:13px;line-height:1.5}.risk-link{min-height:44px;border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.artifact-drawer{position:fixed;top:18px;right:18px;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(520px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 24px 70px #001e2d2e;box-shadow:0 24px 70px oklch(.22 .05 235 / .18)}.artifact-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.artifact-header span{display:block;margin-bottom:3px;color:var(--muted);font-size:12px;font-weight:650}.artifact-header h2{margin:0;font-size:16px;line-height:1.35}.icon-button{width:44px;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface);cursor:pointer}.icon-button:hover{color:var(--text);background:var(--surface-soft)}.artifact-drawer pre{min-height:280px;margin:0;padding:16px;overflow:auto;color:var(--text);background:#f7fbfd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap}.artifact-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border)}.toast{position:fixed;right:18px;bottom:18px;z-index:40;display:inline-flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 36px));min-height:44px;padding:0 14px;border:1px solid oklch(.82 .07 154);border-radius:8px;color:#042;color:oklch(.34 .1 154);background:#d8f8e1;box-shadow:var(--shadow);font-size:13px;font-weight:700}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1180px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:16px 10px}.brand div,.nav-item span,.nav-item em,.sidebar-note p{display:none}.brand,.nav-item{justify-content:center}.nav-item{grid-template-columns:22px;padding:0}.sidebar-note{grid-template-columns:1fr;place-items:center;padding:10px}.command-bar,.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.brand{min-width:44px}.nav-list{display:flex;min-width:max-content}.sidebar-note{display:none}.workspace{padding:16px}.command-bar{gap:14px}.url-input-row{grid-template-columns:20px minmax(0,1fr)}.primary-button{grid-column:1 / -1;width:100%}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-entry-panel{grid-template-columns:1fr}.mobile-entry-panel .ghost-button{width:100%}.panel-heading,.command-snippet{align-items:stretch;flex-direction:column}.preview-grid,.summary-grid,.issue-row{grid-template-columns:1fr}.priority{height:44px;grid-template-columns:auto auto;justify-content:start;padding:0 12px}.maintenance-row{grid-template-columns:22px 1fr;padding:10px 16px}.maintenance-row span,.maintenance-row em{grid-column:2}.risk-panel{grid-template-columns:22px 1fr;padding:12px 16px}.risk-link{grid-column:2}.artifact-drawer{inset:auto 12px 12px;width:calc(100vw - 24px);max-height:min(74dvh,620px)}.artifact-actions{flex-direction:column}.artifact-actions .primary-button,.artifact-actions .ghost-button{width:100%}}.mobile-page{min-height:100dvh;padding:18px;background:radial-gradient(circle at 82% 12%,oklch(.92 .055 258 / .9),transparent 26%),linear-gradient(180deg,oklch(.972 .018 235),var(--bg) 320px),var(--bg)}.mobile-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:center;width:min(980px,100%);margin:0 auto;padding:18px 0 22px}.mobile-copy{display:grid;gap:16px}.text-button{min-height:44px;justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:var(--muted);background:transparent;font-size:13px;font-weight:650}.text-button svg{transform:rotate(180deg)}.mobile-copy h1{max-width:560px;margin:0;color:var(--text);font-size:34px;line-height:1.12;letter-spacing:0}.mobile-copy p{max-width:620px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}.mobile-audit-form{display:grid;gap:10px;max-width:560px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fcfeffdb;background:oklch(.996 .004 235 / .86);box-shadow:var(--shadow)}.mobile-audit-form>label:first-child{color:var(--muted);font-size:12px;font-weight:700}.mobile-url-row{min-height:48px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:center;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}.mobile-url-row input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:16px}.consent-row{min-height:44px;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;color:var(--muted);font-size:12px;line-height:1.45}.consent-row input{width:18px;height:18px;margin:0;accent-color:var(--primary-dark)}.mobile-submit{width:100%}.phone-shell{width:min(300px,100%);justify-self:center;padding:10px;border:1px solid oklch(.72 .036 235);border-radius:34px;background:#0c1a23;box-shadow:0 22px 46px #011d2c33}.phone-speaker{width:58px;height:5px;margin:4px auto 10px;border-radius:999px;background:#59656d}.phone-screen{display:grid;gap:12px;min-height:520px;padding:14px;border-radius:24px;background:linear-gradient(180deg,#f9fcfe,#e8f2f8)}.phone-browser-bar{min-height:34px;display:flex;align-items:center;padding:0 10px;overflow:hidden;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.phone-hero-block{display:grid;align-content:end;gap:10px;min-height:142px;padding:14px;border-radius:8px;color:#f9fcfe;background:linear-gradient(135deg,#1b4d95,#005e86,#006a77),var(--primary-dark);background:linear-gradient(135deg,#1b4d95,color(xyz 0.083 0.097 0.258),color(xyz 0.08 0.118 0.221)),var(--primary-dark)}.phone-hero-block span{width:54px;height:7px;border-radius:999px;background:#d5e6ff8f;background:oklch(.92 .04 258 / .56)}.phone-hero-block strong{font-size:20px;line-height:1.2}.phone-score-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.phone-score-row div,.mobile-score-grid div{display:grid;gap:4px;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.phone-score-row span,.mobile-score-grid span{color:var(--muted);font-size:11px}.phone-score-row strong,.mobile-score-grid strong{font-size:23px;font-variant-numeric:tabular-nums}.phone-issue-lines{display:grid;gap:8px}.phone-issue-lines span{height:46px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,var(--danger-soft) 0 18%,var(--surface) 18%),var(--surface)}.phone-issue-lines .pulse{animation:pulseLine .85s ease-in-out infinite alternate}.mobile-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;width:min(980px,100%);margin:0 auto 24px}.mobile-result-card,.mobile-share-card{display:grid;gap:16px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 1px #c0cdd573}.mobile-card-heading{display:grid;gap:8px}.mobile-card-heading strong{overflow-wrap:anywhere;font-size:16px}.mobile-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-issue-stack{display:grid;gap:8px}.mobile-issue{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.mobile-issue strong{display:block;margin-bottom:4px;font-size:13px}.mobile-issue p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.priority-dot{display:grid;place-items:center;width:38px;height:32px;border-radius:7px;font-size:12px;font-weight:800}.priority-dot.danger{color:var(--danger);background:var(--danger-soft)}.priority-dot.warning{color:#825600;color:oklch(.49 .11 75);background:var(--warning-soft)}.priority-dot.info{color:var(--info);background:var(--info-soft)}.mobile-share-card h2{margin:0 0 6px;font-size:16px}.mobile-share-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.mini-qr{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:156px;height:156px;justify-self:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.mini-qr span{border-radius:2px;background:#dae3e8}.mini-qr span.active{background:var(--text)}.share-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:8px;color:var(--primary-dark);background:var(--primary-soft);font-size:13px;font-weight:700;text-decoration:none}@keyframes pulseLine{0%{opacity:.54}to{opacity:1}}@media(max-width:820px){.mobile-page{padding:14px}.mobile-hero,.mobile-result-grid{grid-template-columns:1fr}.mobile-copy h1{font-size:30px}.phone-shell{width:min(290px,100%)}}@media(max-width:520px){.mobile-page{padding:12px}.mobile-hero{padding-top:6px}.mobile-copy h1{font-size:28px}.mobile-copy p{font-size:14px}.mobile-audit-form,.mobile-result-card,.mobile-share-card{padding:12px}.phone-screen{min-height:470px}.mobile-score-grid{grid-template-columns:1fr}}@media(max-width:480px){.workspace{padding:12px}.command-bar h1{font-size:22px}.status-strip{grid-template-columns:1fr}th,td{padding:11px 12px}}