:root{--bg: #000;--surface: #0b0b0c;--surface2: #161618;--border: rgba(255, 255, 255, .1);--border2: rgba(255, 255, 255, .2);--text: #f4f4f5;--muted: #a0a0a8;--faint: #62626a;--accent: #c9a962;--danger: #f0556a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Noto Sans TC,Microsoft JhengHei,sans-serif}a{color:var(--accent)}h1{font-size:22px;font-weight:600;margin:0 0 16px}h2{font-size:17px;font-weight:600;margin:0 0 10px}.page{max-width:760px;margin:0 auto;padding:24px 16px 60px}.top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.brand{font-weight:200;letter-spacing:3px;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stat{background:var(--surface2);border-radius:10px;padding:10px 12px}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-size:20px;font-weight:300}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.faint{color:var(--faint);font-size:12px}.err{color:var(--danger)}.ok{color:var(--accent)}.code{font-size:26px;letter-spacing:4px;font-weight:300}.terms{white-space:pre-wrap;max-height:360px;overflow-y:auto;background:var(--surface2);border-radius:8px;padding:12px;font-size:13px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--border);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:500;font-size:12px}button{background:var(--surface2);color:var(--text);border:1px solid var(--border2);border-radius:8px;padding:8px 14px;cursor:pointer;font:inherit}button.primary{background:var(--accent);color:#0a0805;border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}input,textarea{background:var(--surface2);color:var(--text);border:1px solid var(--border2);border-radius:8px;padding:8px 10px;font:inherit;width:100%}textarea{min-height:80px}label.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}label.field>span{color:var(--muted);font-size:12px}label.check{display:flex;gap:8px;align-items:center;margin:12px 0}label.check input{width:auto}.center{max-width:460px;margin:14vh auto;text-align:center;padding:0 16px}
