:root{--bg:#f6f8f7;--card:#fff;--ink:#14231c;--mute:#53675d;--accent:#0b7a56;--line:#d5e0da;--head:#064e3b;--done:#047857;--part:#b45309;--doing:#1d4ed8}
@media (prefers-color-scheme:dark){:root{--bg:#0e1713;--card:#15231c;--ink:#e6f1ea;--mute:#9bb2a6;--accent:#34d399;--line:#2a3d33;--head:#0b3d2e;--done:#047857;--part:#b45309;--doing:#1d4ed8}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,"Segoe UI",sans-serif}
.exo-bar{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg)}
.exo-brand-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.exo-brand-name b{color:var(--accent)}
.exo-nav{display:flex;gap:14px;align-items:center}
.exo-nav a{color:var(--accent);font-weight:600}
.exo-lang{border:1px solid var(--accent);border-radius:6px;padding:3px 12px;text-decoration:none}
.exo-main{max-width:980px;margin:0 auto;padding:0 16px 48px}
.exo-main h1{font-size:1.8rem;margin:28px 0 4px}
.exo-main h2{font-size:1.25rem;margin:30px 0 4px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:4px}
.exo-sub{color:var(--mute);margin:2px 0 8px}
.exo-legend{color:var(--mute);font-size:.9rem;margin:10px 0}
.exo-table{border-collapse:collapse;width:100%;font-size:.95rem;background:var(--card);border:1px solid var(--line)}
.exo-table th,.exo-table td{text-align:left;border:1px solid var(--line);padding:8px 10px;vertical-align:middle}
.exo-table th{background:var(--head);color:#fff;font-weight:600}
.exo-table .exo-c{text-align:center;width:12%}
.exo-badge{display:inline-block;padding:1px 10px;border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;white-space:nowrap}
.exo-done{background:var(--done)}
.exo-part{background:var(--part)}
.exo-doing{background:var(--doing)}
.exo-request{background:#6d28d9}
.exo-table td.exo-flag{font-family:Consolas,monospace;font-size:.8rem;color:var(--mute);width:17%}
.exo-table .exo-ord{width:8%}
.exo-about{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:14px 18px;margin-top:10px}
.exo-foot{margin-top:36px;padding-top:10px;border-top:2px solid var(--accent);text-align:center;color:var(--mute);font-size:.9rem}
@media (max-width:640px){
  .exo-main h1{font-size:1.45rem}
  .exo-table.exo-features thead{display:none}
  .exo-table.exo-features,.exo-table.exo-features tbody,.exo-table.exo-features tr,.exo-table.exo-features td{display:block;width:100%}
  .exo-table.exo-features tr{border:1px solid var(--line);border-radius:8px;margin:8px 0;padding:6px 0;background:var(--card)}
  .exo-table.exo-features td{border:0;padding:4px 12px}
  .exo-table.exo-features td.exo-c{text-align:left;width:100%}
}
@media print{.exo-bar{display:none}}
.exo-intro{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:6px 18px 12px;margin:12px 0 18px}
.exo-main .exo-intro h2{margin-top:12px}
.exo-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;list-style:none;margin:12px 0;padding:0}
.exo-steps li{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:.92rem;line-height:1.4}
.exo-steps b{display:block;color:var(--accent);margin-bottom:2px}