:root{color-scheme:dark;--bg:#0b1119;--panel:#121e2a;--line:#273748;--muted:#9aafbf;--accent:#60dfbb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e5edf4;font:15px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}main{max-width:1180px;margin:auto;padding:36px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}h1{font-size:30px;margin:5px 0}h2{font-size:21px;margin:8px 0 16px}h3{margin-top:28px}small{font-size:14px;color:var(--muted)}.eyebrow{font:12px/1.6 monospace;letter-spacing:1.3px;color:var(--accent)}.tag{padding:5px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted);white-space:nowrap}.on{color:var(--accent);border-color:#28755d}.toolbar,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{font-size:13px}section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards section{margin:0;min-height:190px}.results{display:flex;gap:6px;flex-wrap:wrap}.result{padding:3px 8px;border-radius:6px;border:1px solid var(--line)}.win{background:#183e34;color:#93eac8}.lose{background:#432a34;color:#ffb2b7}.water{background:#243749;color:#b3d4ef}button{border:0;border-radius:8px;padding:11px 15px;background:var(--accent);color:#0a251d;font:inherit;font-weight:600;cursor:pointer;margin:8px 4px 8px 0}.secondary{background:#233545;color:#d3e1eb}button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{background:#0d1722;border:1px solid #3b5063;border-radius:7px;padding:11px;color:#e7f0f6;font:inherit;max-width:100%}label{display:block;margin:14px 0}label>input:not([type=checkbox]),select,textarea{width:100%;display:block;margin-top:7px}input[type=checkbox]{accent-color:var(--accent)}textarea{font:13px/1.6 monospace;resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.muted,p{color:var(--muted)}.alert{padding:14px 18px;border:1px solid #30765e;background:#163b30;border-radius:9px;margin:16px 0}.error{background:#462830;border-color:#a25c67}.login{max-width:520px;margin:80px auto}.login form input{width:100%}pre{white-space:pre-wrap;word-break:break-word;max-height:500px;overflow:auto;background:#0c1620;padding:16px;border-radius:8px;font-size:12px}summary{cursor:pointer;padding:18px 0;border-bottom:1px solid var(--line);font-weight:600}details section{margin-top:10px}.preview{max-width:100%;max-height:640px;border-radius:10px;margin-top:16px}footer{padding:30px 0;color:#8097a9;font-size:12px}@media(max-width:760px){main{padding:22px 14px}.cards,.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}h1{font-size:26px}section{padding:18px}.cards{gap:12px}.cards section{min-height:145px}}
