:root{--border: #d9dde3;--muted: #6b7280;--accent: #1f4fff;--bg: #fafafa;font-family:-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;background:var(--bg);color:#1a1a1a}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:#fff}.topbar .brand{font-weight:600;text-decoration:none;color:#1a1a1a}.topbar nav a,.topbar nav .link-button{margin-left:1rem;color:var(--muted);text-decoration:none;font-size:.9rem}.link-button{background:none;border:none;cursor:pointer;padding:0;font:inherit;text-decoration:underline;color:var(--muted)}.container{max-width:960px;margin:2rem auto;padding:0 1.5rem}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:.75rem}.card h3{margin:0 0 .25rem}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;background:#eef1ff;color:var(--accent)}.pill.pass{background:#e7f7ee;color:#0a7a3d}.pill.fail{background:#fdecec;color:#b3261e}form.stacked label{display:block;margin-top:.75rem;font-size:.85rem;color:var(--muted)}form.stacked input,form.stacked select,form.stacked textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;box-sizing:border-box}button.primary{margin-top:1rem;background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}button.primary:disabled{opacity:.6;cursor:default}.error{padding:.5rem .75rem;border-radius:6px;background:#fdecec;color:#b3261e;margin-bottom:.5rem}.message{padding:.5rem .75rem;border-radius:6px;background:#eef1ff;margin-bottom:.5rem}.guide-panel{position:fixed;bottom:1.25rem;right:1.25rem;width:300px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000029;padding:.9rem 1rem;z-index:50}.guide-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.guide-panel-header strong{font-size:.95rem}.guide-panel-close{background:none;border:none;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--muted);padding:0 .25rem}.guide-panel-body{font-size:.85rem;color:#333;line-height:1.45}.guide-panel-body p{margin:0 0 .6rem}.guide-panel-body ol,.guide-panel-body ul{padding-left:1.1rem;margin:0 0 .6rem}.guide-panel-body li{margin-bottom:.35rem}.guide-panel-body code{background:#f1f3f7;padding:.1rem .3rem;border-radius:4px;font-size:.8rem}.guide-reopen{position:fixed;bottom:1.25rem;right:1.25rem;width:2.75rem;height:2.75rem;border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;z-index:50;box-shadow:0 4px 14px #00000040}.guide-reopen:hover{filter:brightness(1.1)}@media (max-width: 1100px){.guide-panel{position:fixed;bottom:1.25rem;right:1.25rem;left:1.25rem;width:auto;max-height:60vh;margin:0}.guide-reopen{position:fixed;bottom:1.25rem;right:1.25rem;margin-bottom:0}}