:root{color-scheme:light;--ink: #20231f;--muted: #687069;--line: #d8ded6;--paper: #f7f8f3;--panel: #ffffff;--field: #f1f4ef;--accent: #0f6a5b;--accent-ink: #ffffff;--warn: #a6462c;--gold: #b08122;--blue: #315f9e;font-family:ui-sans-serif,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:52px;display:grid;grid-template-columns:260px auto minmax(260px,380px);align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.tabs,.searchbox{display:flex;align-items:center}.brand{gap:10px;font-weight:760}.tabs{gap:6px}.tabs button,.note-form button{border:1px solid transparent;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px}.tabs button.active{color:var(--ink);border-color:var(--line);background:var(--field)}.searchbox{position:relative;gap:8px;border:1px solid var(--line);background:var(--field);padding:0 10px;height:34px}.searchbox input{width:100%;border:0;outline:0;background:transparent}.search-results{position:absolute;top:38px;right:0;left:0;z-index:3;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 42px #2c342b29}.search-results button{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;height:calc(100vh - 52px)}.main-area{min-width:0;overflow:hidden}.preview-panel{border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:22px}.preview-panel.empty,.empty-state{display:grid;place-items:center;color:var(--muted)}.today-board{height:100%;overflow-y:auto;padding:18px;display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:14px}.task-group{min-width:0}.group-title,.column-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;letter-spacing:0;margin-bottom:10px}.group-title strong{color:var(--ink)}.task-stack{display:grid;gap:8px}.task-card,.task-row{width:100%;border:1px solid var(--line);background:var(--panel);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.task-card{padding:13px;min-height:92px}.task-card:hover,.task-row:hover,.task-card.active,.task-row.active{border-color:var(--accent);background:#edf7f3}.task-card:hover{transform:translateY(-1px)}.task-card-title{display:flex;gap:8px;align-items:flex-start;font-weight:720;line-height:1.35}.task-meta{color:var(--muted);font-size:12px;margin-top:12px}.priority{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;font-size:11px;color:#fff;background:var(--blue)}.priority.P0{background:var(--warn)}.priority.P1{background:var(--gold)}.priority.P2{background:var(--accent)}.priority.P3{background:#687069}.explorer-columns-scroll{height:100%;overflow-x:auto;overflow-y:hidden;display:flex}.explorer-column{flex:0 0 292px;border-right:1px solid var(--line);overflow-y:auto;padding:16px 12px}.task-row{min-height:42px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:0 10px;margin-bottom:6px}.task-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row small{color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.doing{background:var(--accent)}.dot.waiting{background:var(--gold)}.dot.review{background:var(--blue)}.dot.done{background:#7b8f4d}.preview-header{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.preview-header h1{font-size:24px;line-height:1.18;letter-spacing:0;margin:12px 0 8px}.preview-header p,.muted{color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.field,.link-field label{display:grid;gap:6px}.field span,.link-field span,.panel-section h2{color:var(--muted);font-size:12px;font-weight:700}.field input,.field select,.link-field input,.note-form input,textarea{min-height:36px;width:100%;border:1px solid var(--line);background:var(--field);color:var(--ink);padding:7px 9px;outline:0}.field input:focus,.field select:focus,.link-field input:focus,.note-form input:focus,textarea:focus{border-color:var(--accent);background:#fff}.link-field{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:end;gap:8px;margin-bottom:12px}.link-field a{height:36px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--line)}.panel-section{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.panel-section h2{display:flex;justify-content:space-between;margin:0 0 10px}textarea{min-height:104px;resize:vertical}.note-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;margin-bottom:10px}.note-form button{min-height:36px;justify-content:center;color:var(--accent-ink);background:var(--accent)}.note{margin:0 0 8px;padding:10px;background:var(--field);line-height:1.45}.sync-line{margin:0 0 6px;font-weight:720}@media(max-width:980px){.topbar{grid-template-columns:1fr;height:auto;padding:12px}.workspace{grid-template-columns:1fr;height:auto}.preview-panel{border-left:0;border-top:1px solid var(--line)}.today-board{grid-template-columns:1fr}}
