:root{color-scheme:light;--bg: #F9F9F7;--ink: #111111;--muted: #737373;--line: #111111;--line-light: #E5E5E0;--accent: #CC0000;--neutral-100: #F5F5F5;--neutral-200: #E5E5E5;--neutral-400: #A3A3A3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--radius: 0px;--font-serif: "Playfair Display", "Times New Roman", serif;--font-body: "Lora", Georgia, serif;--font-sans: "Inter", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23111111' fill-opacity='0.04' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E")}button,input,select{font:inherit;border-radius:0!important}button{cursor:pointer}.app-shell{max-width:1600px;margin:0 auto;border-left:1px solid var(--ink);border-right:1px solid var(--ink);min-height:100dvh;display:flex;flex-direction:column}.masthead{background:var(--ink);color:#fff;border-bottom:4px solid var(--ink)}.masthead-inner{display:flex;justify-content:space-between;align-items:end;padding:20px 24px 16px;gap:16px}.masthead-brand h1{margin:0;font-family:var(--font-serif);font-size:28px;font-weight:900;line-height:1.1;letter-spacing:-.02em}.eyebrow{display:inline-block;color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}.masthead-meta{text-align:right;font-family:var(--font-mono);font-size:10px;color:#ffffff59;letter-spacing:.05em;text-transform:uppercase;display:flex;flex-direction:column;gap:2px}.sync-indicator{display:inline-block;padding:2px 8px;border:1px solid rgba(255,255,255,.15);font-size:9px;letter-spacing:.05em}.sync-indicator.syncing{color:#fbbf24;border-color:#fbbf244d}.sync-indicator.error{color:var(--accent);border-color:#cc00004d}.sync-indicator.idle{color:#34d399;border-color:#34d39933}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;border-bottom:2px solid var(--ink);background:var(--bg);flex-wrap:wrap}.domain-tabs{display:flex;gap:0;overflow-x:auto;flex-shrink:0}.domain-tab{border:1px solid var(--ink);border-right:none;background:transparent;color:var(--ink);padding:8px 14px;font-family:var(--font-sans);font-size:12px;white-space:nowrap;transition:all .15s ease-out;display:flex;align-items:center;gap:6px}.domain-tab:last-of-type{border-right:1px solid var(--ink)}.domain-tab strong{font-family:var(--font-mono);font-size:11px;font-weight:700}.domain-tab:hover{background:var(--neutral-100)}.domain-tab.active{background:var(--ink);color:var(--bg)}.domain-tab.active strong{color:var(--bg)}.domain-tab.active.tone-teal{border-bottom:3px solid #0f766e}.domain-tab.active.tone-blue{border-bottom:3px solid #2563eb}.domain-tab.active.tone-cyan{border-bottom:3px solid #0e7490}.domain-tab.active.tone-amber{border-bottom:3px solid #b45309}.domain-tab.active.tone-orange{border-bottom:3px solid #c2410c}.domain-tab.active.tone-green{border-bottom:3px solid #15803d}.domain-tab.active.tone-red{border-bottom:3px solid #b91c1c}.toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-box input{border:none;border-bottom:2px solid var(--ink);padding:8px 4px;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:13px;width:260px;transition:background .15s ease-out}.search-box input:focus{outline:none;background:var(--neutral-100)}.search-box input::placeholder{color:var(--neutral-400);font-family:var(--font-sans);font-size:12px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);overflow:hidden}.segmented button{border:0;border-right:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 12px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease-out}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--ink);color:var(--bg)}.ghost-button{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 12px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease-out}.ghost-button:hover{background:var(--ink);color:var(--bg)}.ghost-button.danger{color:var(--accent);border-color:var(--accent)}.ghost-button.danger:hover{background:var(--accent);color:#fff}.workspace{flex:1;display:flex;flex-direction:column}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--ink)}.stat-card{padding:14px 20px;border-right:1px solid var(--ink);background:var(--bg)}.stat-card:last-child{border-right:none}.stat-card span{display:block;margin-bottom:4px;color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.stat-card strong{font-family:var(--font-serif);font-size:28px;font-weight:900;line-height:1;color:var(--ink)}.stat-card.alert{background:var(--accent)}.stat-card.alert span,.stat-card.alert strong{color:#fff}.progress-card{min-width:0}.progress-track{height:5px;background:var(--neutral-200);margin-top:8px;overflow:hidden}.progress-track div{height:100%;background:var(--ink);transition:width .4s ease-out}.summary-line{padding:10px 24px;color:var(--muted);font-family:var(--font-mono);font-size:10px;border-bottom:1px solid var(--line-light)}.summary-line strong{color:var(--ink)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0;align-items:start;border-bottom:1px solid var(--ink);flex:1}.board-panel{padding:16px;overflow:hidden;border-right:1px solid var(--ink)}.kanban-board{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:0;overflow-x:auto;padding-bottom:4px}.kanban-column{min-width:220px;display:grid;grid-template-rows:auto 1fr;min-height:540px;border:1px solid var(--ink);border-right:none;background:var(--bg)}.kanban-column:last-child{border-right:1px solid var(--ink)}.column-header{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:2px solid var(--ink);background:var(--neutral-100)}.column-header h3{margin:0;font-family:var(--font-serif);font-size:14px;font-weight:700;color:var(--ink)}.column-header p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.column-header strong{min-width:26px;height:26px;display:inline-grid;place-items:center;border:1px solid var(--ink);font-family:var(--font-mono);font-size:11px}.card-stack{padding:8px;overflow-y:auto;min-height:60px;transition:background .2s ease-out}.card-stack.drag-over{background:var(--neutral-200);outline:2px dashed var(--ink);outline-offset:-4px}.task-card{width:100%;display:block;margin:0 0 2px;padding:10px 12px;border:1px solid var(--line-light);border-top:none;border-left:4px solid var(--line-light);background:var(--bg);color:var(--ink);text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease-out,background .15s ease-out}.task-card:first-child{border-top:1px solid var(--line-light)}.task-card:hover{background:var(--neutral-100);box-shadow:3px 3px 0 0 var(--ink)}.task-card:active{cursor:grabbing}.task-card.dragging{box-shadow:8px 8px 0 0 var(--ink);background:var(--neutral-100);opacity:.92;transform:rotate(1deg);z-index:100}.card-meta,.detail-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-meta span:first-child{color:var(--muted);font-family:var(--font-mono);font-size:10px}.task-card strong{display:block;margin:6px 0 4px;line-height:1.35;font-family:var(--font-body);font-size:12px}.task-card p{display:block;margin:0;color:var(--neutral-600);font-family:var(--font-sans);font-size:11px;line-height:1.4}.task-card small{display:block;margin:6px 0 0;font-size:10px;color:var(--muted)}.todo-list{display:grid;gap:0;max-height:720px;overflow:auto}.todo-item{display:grid;grid-template-columns:40px minmax(0,1fr) 170px;gap:0;align-items:center;padding:10px 14px;border:1px solid var(--line-light);border-bottom:none;background:var(--bg)}.todo-item:last-child{border-bottom:1px solid var(--line-light)}.todo-item:hover,.todo-item.completed{background:var(--neutral-100)}.check-control{display:grid;place-items:center}.check-control input{position:absolute;opacity:0}.check-control span{width:22px;height:22px;border:2px solid var(--ink);background:transparent;display:grid;place-items:center;transition:all .15s ease-out}.check-control input:checked+span{background:var(--ink)}.check-control input:checked+span:after{content:"";display:block;width:8px;height:5px;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:rotate(-45deg) translateY(-1px)}.todo-main{min-width:0;border:0;background:transparent;text-align:left;color:var(--ink);padding:6px 12px}.todo-main strong{display:block;margin:4px 0;font-family:var(--font-body);font-size:13px}.todo-main p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.todo-actions{display:grid;gap:6px}.todo-actions select{border:1px solid var(--ink);background:transparent;padding:7px;font-family:var(--font-mono);font-size:10px}.todo-actions select:focus{outline:none;background:var(--neutral-100)}.todo-actions button{background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:7px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;transition:all .15s ease-out}.todo-actions button:hover{background:transparent;color:var(--ink)}.detail-panel{position:sticky;top:0;padding:20px;background:var(--bg)}.detail-panel h2{margin:14px 0 8px;font-family:var(--font-serif);font-size:20px;font-weight:900;line-height:1.25;color:var(--ink)}.task-id{color:var(--muted);font-family:var(--font-mono);font-size:10px;margin:0 0 14px;letter-spacing:.03em}.status-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:14px 0;border:1px solid var(--ink)}.status-strip button{border:none;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;padding:9px;color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.03em;transition:all .15s ease-out}.status-strip button:nth-child(2n){border-right:none}.status-strip button:nth-last-child(-n+2){border-bottom:none}.status-strip button:hover{background:var(--neutral-100);color:var(--ink)}.status-strip button.active{background:var(--ink);color:var(--bg)}.detail-list{display:grid;gap:0;margin:0}.detail-list div{padding:10px 14px;border:1px solid var(--line-light);border-bottom:none}.detail-list div:last-child{border-bottom:1px solid var(--line-light)}.detail-list dt{color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.detail-list dd{margin:0;font-family:var(--font-body);font-size:12px;line-height:1.6}.domain-chip,.priority{display:inline-flex;align-items:center;min-height:20px;padding:2px 8px;border:1px solid var(--ink);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.priority-高{color:#fff;background:var(--accent);border-color:var(--accent)}.priority-中{color:var(--ink);background:var(--neutral-200);border-color:var(--ink)}.priority-低{color:var(--muted);background:transparent;border-color:var(--neutral-400)}.tone-teal{border-left-color:#0f766e}.tone-blue{border-left-color:#2563eb}.tone-cyan{border-left-color:#0e7490}.tone-amber{border-left-color:#b45309}.tone-orange{border-left-color:#c2410c}.tone-green{border-left-color:#15803d}.tone-red{border-left-color:#b91c1c}.domain-chip.tone-teal{color:#0f766e;border-color:#0f766e}.domain-chip.tone-blue{color:#2563eb;border-color:#2563eb}.domain-chip.tone-cyan{color:#0e7490;border-color:#0e7490}.domain-chip.tone-amber{color:#b45309;border-color:#b45309}.domain-chip.tone-orange{color:#c2410c;border-color:#c2410c}.domain-chip.tone-green{color:#15803d;border-color:#15803d}.domain-chip.tone-red{color:#b91c1c;border-color:#b91c1c}.ornament-divider{padding:12px 0;text-align:center;font-family:var(--font-serif);font-size:16px;color:var(--neutral-400);letter-spacing:1em;border-bottom:1px solid var(--line-light)}.work-plan{padding:24px;max-width:960px;margin:0 auto}.plan-intro{padding-bottom:20px;border-bottom:2px solid var(--ink);margin-bottom:24px}.plan-intro h2{font-family:var(--font-serif);font-size:36px;font-weight:900;margin:6px 0 12px;letter-spacing:-.02em}.plan-intro p{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--neutral-600);margin:0}.plan-phase{border:1px solid var(--ink);margin-bottom:2px}.plan-phase.expanded{margin-bottom:16px}.phase-header{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:none;color:var(--ink);text-align:left;transition:background .15s ease-out}.phase-header:hover{background:var(--neutral-100)}.phase-number{width:40px;height:40px;border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--font-serif);font-size:20px;font-weight:900;flex-shrink:0;transition:all .15s ease-out}.plan-phase.expanded .phase-number{background:var(--ink);color:var(--bg)}.phase-info{flex:1;min-width:0}.phase-info h3{margin:0;font-family:var(--font-serif);font-size:18px;font-weight:700}.phase-info p{margin:4px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.phase-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:80px}.phase-progress span{font-family:var(--font-mono);font-size:11px;color:var(--neutral-600)}.mini-track{width:80px;height:4px;background:var(--neutral-200)}.mini-track div{height:100%;background:var(--ink);transition:width .3s ease-out}.phase-chevron{font-family:var(--font-mono);font-size:20px;font-weight:700;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.phase-body{padding:0 20px 20px;border-top:1px solid var(--line-light)}.phase-goal{padding:16px;margin:16px 0;background:var(--neutral-100);border-left:4px solid var(--accent)}.phase-goal strong{display:block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.phase-goal p{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.7;color:var(--neutral-700)}.plan-step{padding:20px 0;border-top:1px solid var(--line-light)}.plan-step:first-of-type{border-top:none;padding-top:0}.step-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:8px}.step-head h4{margin:0;font-family:var(--font-serif);font-size:16px;font-weight:700}.step-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.step-duration,.step-who{padding:2px 8px;border:1px solid var(--line-light);font-family:var(--font-mono);font-size:10px;color:var(--muted)}.step-badge{padding:2px 8px;border:1px solid var(--ink);font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--neutral-600)}.step-badge.done{background:var(--ink);color:var(--bg);border-color:var(--ink)}.step-desc{font-family:var(--font-body);font-size:14px;line-height:1.7;color:var(--neutral-600);margin:0 0 16px}.step-section{margin-bottom:12px}.step-section strong{display:block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.step-section ul{margin:0;padding-left:20px}.step-section li{font-family:var(--font-body);font-size:13px;line-height:1.6;color:var(--neutral-700);margin-bottom:4px}.step-section.tips{border-left:2px solid var(--accent);padding-left:12px}.step-section.tips li{color:var(--neutral-600)}.step-tasks{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-light)}.step-tasks strong{display:block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.step-task-chips{display:flex;flex-wrap:wrap;gap:6px}.step-task-chip{padding:4px 10px;border:1px solid var(--ink);font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--ink);background:transparent;transition:all .15s ease-out}.step-task-chip:hover{background:var(--ink);color:var(--bg)}.step-task-chip.done{background:var(--neutral-200);color:var(--muted);border-color:var(--neutral-400);text-decoration:line-through}.step-task-chip.done:hover{background:var(--ink);color:var(--bg);text-decoration:none}.newspaper-footer{padding:14px 24px;border-top:4px solid var(--ink);background:var(--ink);color:#fff6;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px}@media(max-width:1180px){.content-grid{grid-template-columns:1fr}.board-panel{border-right:none;border-bottom:1px solid var(--ink)}.detail-panel{position:static}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:nth-child(5){grid-column:1 / -1}}@media(max-width:760px){.masthead-inner{flex-direction:column;align-items:flex-start}.masthead-meta{text-align:left}.toolbar{flex-direction:column;align-items:stretch}.domain-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar-actions{flex-direction:column;align-items:stretch}.search-box input{width:100%}.segmented,.ghost-button{width:100%;text-align:center}.stats-grid{grid-template-columns:1fr}.stat-card{border-right:none;border-bottom:1px solid var(--line-light)}.stat-card:nth-child(5){grid-column:auto}.todo-item{grid-template-columns:40px minmax(0,1fr)}.todo-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr}}