:root{--bg: #f6f5f2;--fg: #1f1f1f;--muted: #6b6b6b;--card: #fff;--line: #ddd;--accent: #2f7d4f;--light: #eeeed2;--dark: #769656;--best: #2f7d4f;--good: #6aa84f;--inaccuracy: #d9a400;--mistake: #e07b00;--blunder: #c62828}@media(prefers-color-scheme:dark){:root{--bg: #161616;--fg: #ececec;--muted: #9a9a9a;--card: #222;--line: #3a3a3a;--accent: #5cbf85;--light: #b9c49a;--dark: #5d7a45}}*{box-sizing:border-box}body{margin:0 auto;max-width:1000px;padding:16px;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}h1{margin:0;font-size:1.6rem}.top{display:flex;justify-content:space-between;align-items:start;gap:8px}a{color:var(--accent)}.sub,.muted{color:var(--muted)}.you{font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:12px 0;overflow-x:auto}button,.button,input,select,textarea{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:6px 10px}button,.button{cursor:pointer}.button{text-decoration:none}button:hover,.button:hover{border-color:var(--accent)}button:focus-visible,.button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{width:100%;margin:8px 0}form,.row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:16px;overflow-x:auto}.tabs a{color:inherit;text-decoration:none;padding:6px 10px;border-bottom:3px solid transparent}.tabs a.active{border-bottom-color:var(--accent);font-weight:600}.tab{display:block;padding-top:12px}.list{list-style:none;padding:0}.list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:16px}@media(max-width:760px){.split{grid-template-columns:1fr}}.tag{display:inline-block;font-size:.75rem;padding:0 6px;border-radius:10px;color:#fff;margin-left:4px}.tag-best,.tag-excellent{background:var(--best)}.tag-good{background:var(--good)}.tag-inaccuracy{background:var(--inaccuracy)}.tag-mistake{background:var(--mistake)}.tag-blunder{background:var(--blunder)}.insight{font-size:1.05rem}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:6px;border-bottom:1px solid var(--line)}footer{margin-top:32px;font-size:.85rem}