:root{color-scheme:light;--bg:oklch(96% .006 200);--surface:oklch(99% .004 200);--ink:oklch(27% .025 210);--muted:oklch(48% .02 210);--line:oklch(86% .014 205);--accent:oklch(48% .085 195);--soft:oklch(93% .025 195);--error:oklch(44% .14 25)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:8px 14px;min-height:42px;transition:background .15s ease-out}button:hover{background:var(--soft)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}button.primary:hover{background:oklch(40% .085 195)}button.quiet{background:transparent;border-color:transparent;color:var(--muted)}button.quiet:hover{background:var(--soft);color:var(--ink)}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 36px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:650;font-size:18px}.brandmark{background:var(--accent);color:var(--surface);width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font-size:22px}.brand-sub{font-size:14px;font-weight:400;color:var(--muted);margin-left:14px}.top-actions{display:flex;gap:8px}main{padding:30px 36px;max-width:1900px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{font-size:14px;color:var(--muted);margin:0 0 3px}h1{font-size:28px;line-height:1.4;margin:0;font-weight:650}.local-note{font-size:14px;border:1px solid var(--line);padding:5px 10px;border-radius:5px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.filters{display:flex;gap:6px}.filters button{border-color:transparent;background:transparent}.filters .selected{background:var(--surface);border-color:var(--line);font-weight:600}.sync{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}#workspace{display:flex;align-items:flex-start;gap:22px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;flex:1;min-width:0}.column{min-width:0}.column-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 4px 10px;border-bottom:1px solid var(--line)}.column-head h2{font-size:16px;margin:0;display:flex;gap:9px;align-items:center}.stage-num{font-size:14px;font-weight:400;color:var(--muted)}.count{font-size:14px;color:var(--muted)}.cards{display:flex;flex-direction:column;gap:12px;min-height:250px}.empty{color:var(--muted);padding:20px 14px;font-size:14px;border:1px dashed var(--line);border-radius:8px;line-height:1.8}.task{width:100%;text-align:left;padding:16px;min-height:0;border:1px solid var(--line);box-shadow:0 2px 3px oklch(27% .025 210/.025);overflow-wrap:anywhere}.task:hover{background:var(--surface);border-color:var(--accent)}.task h3{font-size:17px;line-height:1.5;margin:10px 0 8px;font-weight:600}.direction{font-size:14px;font-weight:500;background:var(--soft);border-radius:4px;padding:2px 7px;display:inline-block}.direction.store{background:oklch(94% .025 70);color:oklch(39% .04 70)}.account-lines{font-size:14px;color:var(--muted);margin-bottom:16px}.task-detail{border-top:1px solid var(--line);padding-top:10px;font-size:14px}.task-detail span{color:var(--muted)}.task-detail p{margin:4px 0 0}.message{background:oklch(95% .035 25);border:1px solid oklch(78% .07 25);color:var(--error);padding:12px 16px;margin-bottom:18px;border-radius:7px}.editor{position:sticky;top:16px;width:380px;flex:0 0 380px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;max-height:calc(100vh - 32px);overflow-y:auto}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.editor h2{font-size:21px;margin:0}.editor p{max-width:65ch;overflow-wrap:anywhere}.form-row{margin-bottom:16px}.form-row>label,.form-row legend{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-row input:not([type=checkbox]),.form-row select,.form-row textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-height:44px}.form-row textarea{resize:vertical;min-height:110px;line-height:1.6}fieldset{border:0;margin:0;padding:0}.check-line{display:flex;align-items:flex-start;gap:8px;margin:7px 0;font-size:14px}.check-line input{accent-color:var(--accent);width:18px;height:18px;margin-top:4px}.form-hint{font-size:14px;color:var(--muted);margin:4px 0 0}.form-actions{display:flex;gap:8px;align-items:center;margin-top:20px}.form-actions .primary{flex:1}.editor-error{color:var(--error);font-size:14px;white-space:pre-wrap;margin:10px 0}.conflict{background:var(--bg);padding:12px;border-radius:6px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.read-content{white-space:pre-wrap;border-top:1px solid var(--line);padding-top:12px}.reference{margin-top:36px;border-top:1px solid var(--line);padding-top:22px}.reference-heading{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;margin-bottom:16px}.reference h2{font-size:18px;margin:0}.reference-heading span{color:var(--muted);font-size:14px}.reference-lines{display:grid;grid-template-columns:1fr 1fr;gap:32px}.reference-lines p{color:var(--muted);max-width:65ch;font-size:14px;margin:5px 0}.reference-lines button{padding-left:0;font-size:14px}footer{margin-top:28px;color:var(--muted);font-size:14px}.editor-open .board{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-open .cards{min-height:120px}body.readonly [data-template]{display:none}
@media(max-width:1100px){main{padding:25px 22px}.topbar{padding:16px 22px}.board{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-open .board{grid-template-columns:repeat(2,minmax(0,1fr))}.editor{width:340px;flex-basis:340px}}
@media(max-width:760px){.brand-sub{display:none}.topbar{padding:14px 16px;gap:8px}.top-actions{gap:2px}.top-actions button{padding:7px 10px;font-size:14px}main{padding:22px 16px}.heading{display:block}.local-note{display:inline-block;margin-top:10px}.toolbar{align-items:flex-start;flex-direction:column;gap:8px}.sync{width:100%;justify-content:space-between}#workspace{display:block}.board,.editor-open .board{grid-template-columns:repeat(2,minmax(0,1fr))}.editor{position:relative;top:0;width:100%;max-height:none;margin-bottom:22px}.editor-open{display:flex!important;flex-direction:column-reverse}.editor-open .board{width:100%}.cards{min-height:100px}.reference-lines{grid-template-columns:1fr;gap:20px}}
@media(max-width:460px){.board,.editor-open .board{grid-template-columns:1fr}.cards{min-height:0;margin-bottom:16px}.empty{padding:12px}.filters button{padding:8px 12px}h1{font-size:25px}.brand{font-size:16px}.brandmark{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.login-panel{max-width:520px;margin:10vh auto;padding:32px 24px}.login-panel h1{font-size:28px;margin:16px 0}.login-panel p{line-height:1.8}.login-link{display:inline-block;text-decoration:none;margin-top:12px}.identity{font-size:14px;line-height:1.5}.top-actions{flex-wrap:wrap}[hidden]{display:none!important}