:root{--bg:#0b0d12;--bg-raised:#12151d;--bg-input:#0e1117;--border:#232838;--border-strong:#2f3648;--text:#e9ecf2;--text-muted:#98a1b5;--text-faint:#7f889d;--accent:#5b8cff;--accent-hover:#7aa0ff;--accent-contrast:#0b0d12;--high:#ff7a5c;--medium:#f0b429;--low:#7f889d;--danger-bg:#1f1315;--danger-border:#4a2329;--danger-text:#ff9d8a;--radius:10px;--radius-sm:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--measure:68ch;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"Cascadia Mono",Consolas,monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.02em;font-weight:650}p{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-7) var(--space-4) var(--space-8)}.shell{width:100%;max-width:820px}.masthead{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-7)}.wordmark{font-size:15px;font-weight:650;letter-spacing:-.01em}.wordmark span{color:var(--accent)}.masthead-note{font-size:13px;color:var(--text-faint)}.hero{margin-bottom:var(--space-6)}.hero h1{font-size:clamp(30px,5vw,42px);margin-bottom:var(--space-3);text-wrap:balance}.hero-sub{color:var(--text-muted);max-width:56ch;font-size:17px;text-wrap:pretty}.form{display:flex;flex-direction:column;gap:var(--space-3)}.textarea{width:100%;min-height:150px;resize:vertical;padding:var(--space-4);background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;line-height:1.55;transition:border-color .12s ease}.textarea::placeholder{color:var(--text-faint)}.textarea:focus{outline:none;border-color:var(--accent)}.textarea:disabled{opacity:.55}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.counter{font-size:13px;color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter[data-over=true]{color:var(--danger-text)}.button{padding:11px 22px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);font-weight:620;transition:background .12s ease}.button:hover:not(:disabled){background:var(--accent-hover)}.button:disabled{background:var(--border-strong);color:var(--text-faint)}.button-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-strong)}.button-ghost:hover:not(:disabled){background:var(--bg-raised);color:var(--text)}.examples{margin-top:var(--space-5)}.examples-label{font-size:13px;color:var(--text-faint);margin-bottom:var(--space-3)}.example-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.example-chip{padding:7px 13px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:13.5px;text-align:left;transition:border-color .12s ease,color .12s ease}.example-chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.state{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.loading-row{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted)}.spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.skeleton-stack{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton{height:11px;border-radius:4px;background:linear-gradient(90deg,var(--border) 25%,var(--border-strong) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton,.spinner{animation:none}}.error{border-color:var(--danger-border);background:var(--danger-bg)}.error-title{font-size:15px;font-weight:640;color:var(--danger-text);margin-bottom:var(--space-2)}.error-message{color:var(--text-muted);margin-bottom:var(--space-4)}.error-code{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);margin-top:var(--space-3)}.result{margin-top:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.result-header h2{font-size:13px}.result-header h2,.section h3{text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:600}.section h3{font-size:12.5px;margin-bottom:var(--space-3)}.lede{font-size:19px;line-height:1.5;max-width:var(--measure);text-wrap:pretty}.fix-title,.plan-step,.scope-title{text-wrap:balance}.reason-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--measure)}.reason-list li{position:relative;padding-left:var(--space-5);color:var(--text-muted)}.reason-list li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.fix-list{display:flex;flex-direction:column;gap:var(--space-3)}.fix{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);display:flex;gap:var(--space-4);align-items:flex-start}.fix-rank{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);padding-top:3px;flex-shrink:0}.fix-body{flex:1 1;min-width:0}.fix-title{font-weight:620;margin-bottom:var(--space-2)}.fix-why{color:var(--text-muted);font-size:15px;margin-bottom:var(--space-3)}.tag-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:620;padding:3px 9px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-faint)}.tag[data-impact=high]{color:var(--high);border-color:color-mix(in srgb,var(--high) 40%,transparent)}.tag[data-impact=medium]{color:var(--medium);border-color:color-mix(in srgb,var(--medium) 40%,transparent)}.tag[data-impact=low]{color:var(--low)}.plan{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:var(--space-4)}.plan li{counter-increment:step;position:relative;padding-left:var(--space-6);max-width:var(--measure)}.plan li:before{content:counter(step);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border-strong);color:var(--text-faint);font-size:12px;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center}.plan-step{font-weight:620;margin-bottom:var(--space-1)}.plan-detail{font-size:15px}.outcome,.plan-detail{color:var(--text-muted)}.outcome{padding:var(--space-4) var(--space-5);border-left:2px solid var(--accent);background:var(--bg-raised);border-radius:0 var(--radius) var(--radius) 0;max-width:var(--measure)}.footer-note{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:13px;color:var(--text-faint)}.result:focus{outline:none}.history{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.history-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.history-title{font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:600}.history-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.history-item{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;font-size:14.5px;transition:border-color .12s ease,color .12s ease}.history-item:hover{border-color:var(--border-strong);color:var(--text)}.history-problem{min-width:0}.history-when{white-space:nowrap;flex-shrink:0}.history-note,.history-when{color:var(--text-faint);font-size:13px}.history-note{margin-top:var(--space-3)}.result-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.feedback{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--measure)}.feedback-question{font-weight:620}.feedback-optional{font-weight:400;font-size:13px;color:var(--text-faint)}.feedback-options{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.feedback-comment{min-height:84px;font-size:15px}.feedback-dismiss{background:none;border:none;color:var(--text-faint);font-size:13.5px;padding:var(--space-2);text-decoration:underline;text-underline-offset:3px}.feedback-dismiss:hover,.feedback-thanks{color:var(--text-muted)}.scope{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;max-width:var(--measure)}.scope-title{font-size:17px;font-weight:640}.scope-reason{color:var(--text-muted)}.scope-label{font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:600;margin-top:var(--space-2)}.scope-suggestion{margin:0;padding:var(--space-3) var(--space-4);border-left:2px solid var(--border-strong);color:var(--text);font-style:italic}.a11y{margin-top:var(--space-4)}.a11y-summary{cursor:pointer;color:var(--text-muted);font-size:13px;width:-moz-fit-content;width:fit-content;padding:var(--space-1) 0}.a11y-summary:hover{color:var(--text)}.a11y-body{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);max-width:var(--measure);display:flex;flex-direction:column;gap:var(--space-3)}.a11y-body h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600;margin-top:var(--space-2)}.a11y-body ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.a11y-body a{color:var(--accent)}.a11y-body strong{color:var(--text);font-weight:620}.a11y-meta{color:var(--text-faint);border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2)}@media (max-width:560px){.page{padding:var(--space-5) var(--space-4) var(--space-7)}.fix{flex-direction:column;gap:var(--space-2)}.form-footer{flex-direction:column-reverse;align-items:stretch}.button{width:100%}.counter{text-align:right}}