:root{color-scheme:dark;--bg:oklch(0.22 0.015 230);--surface:oklch(0.27 0.015 230);--raised:oklch(0.31 0.015 230);--fg:oklch(0.94 0.008 230);--muted:oklch(0.76 0.015 230);--border:oklch(0.60 0.015 230);--line:oklch(0.39 0.015 230);--accent:oklch(0.84 0.13 90);--accent-fg:oklch(0.22 0.015 230);--success:oklch(0.81 0.1 160);--warning:oklch(0.85 0.10 65);--error:oklch(0.82 0.09 25);--font-body:'Noto Sans TC','Microsoft JhengHei',sans-serif;--font-display:'Noto Serif TC','PMingLiU',serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--radius:4px;--small:14px;--body:16px;--subhead:18px;--section:21px;--title:30px;--display:36px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:var(--body)/1.65 var(--font-body)}button,select{font:inherit}button,select{min-height:44px;border:1px solid var(--border);border-radius:var(--radius);padding:var(--s2) var(--s3)}button{background:var(--accent);color:var(--accent-fg);font-weight:700;cursor:pointer}select{width:100%;background:var(--bg);color:var(--fg)}button:disabled,select:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;inset-block-start:-100px;background:var(--accent);color:var(--bg);padding:var(--s3);z-index:3}.skip:focus{inset-block-start:0}header{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-block-end:1px solid var(--line)}.brand{font-family:var(--font-display);font-size:var(--title);font-weight:700;letter-spacing:-.02em}.brand span{font:var(--small) var(--font-body);margin-inline-start:var(--s3)}.phase{font-size:var(--small);color:var(--muted)}main{max-width:1600px;margin:auto;padding:var(--s6) var(--s4)}h1,h2,h3,p{margin:0}h1{font-family:var(--font-display);font-size:var(--title);line-height:1.3}h2{font-size:var(--section)}h3{font-size:var(--subhead);line-height:1.6}.heading{display:flex;justify-content:space-between;align-items:start;gap:var(--s5);flex-wrap:wrap}.heading p{margin-block-start:var(--s2);color:var(--muted)}.refresh{display:grid;gap:var(--s2)}small,.muted{font-size:var(--small);color:var(--muted)}#notice{color:var(--muted);font-size:var(--small);margin-block:var(--s5) var(--s2)}#error{color:var(--error)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-block-end:var(--s4)}.section-head span{font-size:var(--small);color:var(--muted)}.board{display:grid;gap:var(--s5)}.column{min-width:0;background:var(--surface);padding:var(--s4);border-radius:var(--radius)}.column-head{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--s4)}.count{font-variant-numeric:tabular-nums;color:var(--muted)}.card{background:var(--raised);padding:var(--s4);margin-block-start:var(--s3);border-radius:var(--radius);overflow-wrap:anywhere}.card .id{font-size:var(--small);color:var(--muted);margin-block-end:var(--s2)}.card p{font-size:var(--small);color:var(--muted);margin-block:var(--s3) var(--s5)}.controls{display:grid;gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:var(--s1);font-size:var(--small);color:var(--muted)}label select{font-size:var(--body)}.todo h3.column-title{color:var(--warning)}.doing h3.column-title{color:var(--accent)}.done h3.column-title{color:var(--success)}.support{display:grid;gap:var(--s6);margin-block:var(--s7)}.worker{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s1);padding-block:var(--s3);border-block-end:1px solid var(--line)}.worker strong{font-size:var(--subhead)}.worker p{color:var(--muted);font-size:var(--small)}.worker .quota{color:var(--fg);font-size:var(--small)}ul,ol{list-style:none;padding:0;margin:0}#reviews li{display:flex;gap:var(--s4);padding-block:var(--s3);border-block-end:1px solid var(--line)}.review-id{min-width:52px;color:var(--accent);font-variant-numeric:tabular-nums}#reviews small{display:block}.activity li{display:grid;gap:var(--s2);padding-block:var(--s4);border-block-end:1px solid var(--line)}.activity p{color:var(--muted);font-size:var(--small)}.activity time{font-size:var(--small);color:var(--muted)}footer{margin-block-start:var(--s7);font-size:var(--small);color:var(--muted)}footer span{display:block;margin-block-start:var(--s2)}@media(min-width:1000px){header{padding-inline:var(--s6)}main{padding:var(--s7) var(--s6)}h1{font-size:var(--display)}.board{grid-template-columns:repeat(3,minmax(0,1fr))}.support{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7)}.worker{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.worker .quota{grid-column:2;grid-row:1/3;align-self:center;text-align:end}.activity li{grid-template-columns:160px minmax(0,1fr) 200px}.activity time{text-align:end}}
@media(hover:hover){button:hover{opacity:.88}select:hover{background:var(--surface)}}@media(prefers-reduced-motion:no-preference){button{transition:scale 150ms ease-out}button:active:not(:disabled){scale:.96}}
