
:root{--ink:#10263a;--muted:#526776;--line:#d8e5ed;--soft:#f4f9fb;--teal:#099e99;--blue:#0757a8;--ok:#087f5b;--warn:#98500a;--bad:#b42318;scrollbar-color:#93abb8 #f4f9fb}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f9fb;color:var(--ink)}[hidden]{display:none!important}::selection{background:#c7e9e8;color:#10263a}textarea,input,select{caret-color:var(--blue)}
.shell{width:min(840px,calc(100% - 40px));margin:auto;padding:28px 0 40px}.top,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.brand strong{display:block;letter-spacing:.1em;font-size:.82rem}.brand span span{display:block;color:var(--muted);font-size:.84rem}.text-link{color:var(--blue);font-size:.9rem;text-underline-offset:4px}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #a9becb;border-radius:10px;background:white;padding:12px 18px;font:inherit;font-weight:650;font-size:.95rem;line-height:1.3;color:var(--ink);cursor:pointer;text-decoration:none;min-height:46px}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn:hover{background:#edf5f9}.btn.primary:hover{background:#06498d}.btn:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.hero{border:1px solid var(--line);border-radius:16px;background:#fff;padding:32px;margin-bottom:20px}h1{margin:0;font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}h2{font-size:1.2rem;margin:0 0 10px}h3{font-size:1rem;margin:0 0 8px}p{margin:12px 0 18px;max-width:70ch}.muted{color:var(--muted)}.small{font-size:.87rem}.summary{background:var(--soft);border-radius:10px;padding:16px;font-weight:650;margin-top:24px}.summary.fail{background:#fff1ef;color:var(--bad)}.summary.warn{background:#fff7e5;color:var(--warn)}.summary.pass{background:#ecfaf3;color:var(--ok)}#workflowStatus{margin-bottom:16px}#startGuided{min-width:230px}
.file-step{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.guide,.technical{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;margin:20px 0}summary{cursor:pointer;font-weight:650;padding:18px 2px}.guide-body{padding:4px 2px 20px}.steps{padding-left:24px;max-width:68ch}.steps li{padding-left:6px;margin-bottom:12px}.report-section{padding:12px 2px}.subheading{margin-top:28px}.manual-tests>div{padding:16px 0;border-bottom:1px solid var(--line)}
.results{display:grid;gap:0;margin-bottom:20px}.check{display:grid;grid-template-columns:145px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;align-items:start}.check strong{display:block;margin-bottom:4px}.check p{margin:0;color:var(--muted);font-size:.88rem}.state{display:inline-block;font-weight:700;border-radius:6px;padding:6px 10px;text-align:center;font-size:.8rem;width:fit-content}.state.pass{color:var(--ok);background:#dff7eb}.state.warn{color:var(--warn);background:#fff0ce}.state.fail{color:var(--bad);background:#ffe4e0}.state.pending,.state.running{color:#435667;background:#edf1f5}.notice,.conclusion{background:#edf6fb;border:1px solid #c6dfea;border-radius:10px;padding:16px;margin-top:20px}.conclusion.fail,.danger{background:#fff1ef;border-color:#efbdb5}.conclusion.warn{background:#fff7e5;border-color:#ead3a1}.conclusion.pass{background:#ecfaf3;border-color:#acd9c4}.conclusion p{margin:0}
label{display:block;font-weight:650;font-size:.9rem;margin:18px 0 7px}textarea,select,input[type=file]{font:inherit;max-width:100%;width:100%;border:1px solid #a5bbc8;border-radius:8px;padding:12px;background:#fff;color:var(--ink)}input[type=file]::file-selector-button{font:inherit;color:var(--ink);border:1px solid #a5bbc8;border-radius:6px;background:#f4f9fb;padding:8px 12px;margin-right:10px;cursor:pointer}textarea{resize:vertical;overflow-wrap:anywhere;font-size:.87rem}textarea::placeholder{color:var(--muted)}textarea#recoveryLink{-webkit-text-security:disc}textarea#recoveryLink:focus{-webkit-text-security:none}.trace{padding-left:25px;font:13px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.trace li{padding:5px 0;border-bottom:1px solid var(--line)}code{overflow-wrap:anywhere;font-size:.87rem}.technical{font-size:.95rem}footer{margin-top:28px}
@media(max-width:600px){.shell{width:calc(100% - 24px);padding-top:20px}.top{align-items:flex-start;flex-direction:column;gap:14px}.hero{padding:22px}.check{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;gap:0}.actions .btn{flex-grow:1}#startGuided{width:100%;min-width:0}input[type=file]{font-size:.82rem}.steps{padding-left:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.actions,button,input,textarea{display:none}body{background:#fff}.shell{width:100%}.hero{break-inside:avoid}}

.process-steps{list-style:none;margin:24px 0 0;padding:0}.process-steps li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.process-steps .state{flex-shrink:0}#missingRecovery{margin-top:18px}#recoveryAttempt{font-variant-numeric:tabular-nums}#deviceGuide .hero{margin-top:8px;margin-bottom:0}#recoveryConclusion{margin-top:12px;margin-bottom:20px}@media(max-width:600px){.process-steps li{align-items:flex-start;flex-direction:column;gap:8px}#startRecovery{width:100%}}
