:root{color:#1f2328;--color-primary:#0969da;--color-border:#d0d7de;--color-error:#cf222e;--color-success:#1a7f37;background:#f6f8fa;font-family:system-ui,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;line-height:1.5}body{margin:0}button{font:inherit;cursor:pointer;border-radius:6px;padding:6px 14px}button:disabled{cursor:not-allowed;opacity:.6}.button-primary{color:#fff;background:var(--color-primary);border:1px solid var(--color-primary)}.button-secondary{color:inherit;border:1px solid var(--color-border);background:#fff}input[type=text]{font:inherit;border:1px solid var(--color-border);border-radius:6px;padding:6px 10px}.page{max-width:720px;margin:0 auto;padding:24px 16px}.page-message{color:#59636e;padding:0 16px}.error-message{color:var(--color-error)}.success-message{color:var(--color-success)}.inline-form{gap:8px;display:flex}.inline-form input{flex:1}.stacked-form{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.avatar{border-radius:50%;width:24px;height:24px}.badge{color:var(--color-primary);background:#ddf4ff;border-radius:999px;padding:2px 8px;font-size:12px}.app-header{border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.app-title{color:inherit;font-weight:700;text-decoration:none}.app-header-menu{align-items:center;gap:12px;display:flex}.app-header-user{color:inherit;align-items:center;gap:6px;text-decoration:none;display:flex}.login-page{text-align:center;max-width:400px;margin:15vh auto 0;padding:0 16px}.login-buttons{flex-direction:column;gap:12px;margin-top:24px;display:flex}.board-list{gap:8px;margin-top:24px;padding:0;list-style:none;display:grid}.board-list-item{border:1px solid var(--color-border);color:inherit;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.board-list-item:hover{border-color:var(--color-primary)}.avatar-initial{color:#fff;background:#8c959f;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.avatar-departed{opacity:.4}.button-icon{color:#59636e;background:0 0;border:none;padding:2px 6px;font-size:12px}.button-icon:hover{color:inherit;background:#eaeef2}.error-banner{color:var(--color-error);background:#ffebe9;border:1px solid #ff8182;border-radius:6px;justify-content:space-between;align-items:center;margin:8px 16px 0;padding:8px 12px;display:flex}.board-page{flex-direction:column;height:calc(100vh - 49px);display:flex}.board-header{align-items:center;gap:16px;padding:8px 16px;display:flex}.board-header h1{margin:0;font-size:18px}.board-members{gap:4px;display:flex}.board-header-actions{gap:8px;margin-left:auto;display:flex}.board-settings-link{border-radius:6px;padding:4px 12px;text-decoration:none}.board-body{flex:1;min-height:0;display:flex}.board-canvas{flex:1;align-items:flex-start;gap:12px;padding:8px 16px 16px;display:flex;overflow-x:auto}.column{background:#eaeef2;border-radius:8px;flex-direction:column;flex:0 0 272px;gap:8px;max-height:100%;padding:8px;display:flex}.column-placeholder{opacity:.4}.column-overlay{box-shadow:0 8px 24px #0003}.column-new{background:0 0}.column-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.column-title{cursor:grab;flex:1;margin:0;padding:4px;font-size:14px}.column-count{color:#59636e;margin-left:8px;font-weight:400}.column-actions{display:flex}.column-cards{flex-direction:column;gap:8px;min-height:8px;display:flex;overflow-y:auto}.card{border:1px solid var(--color-border);cursor:grab;touch-action:manipulation;background:#fff;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.card:focus-visible{outline:2px solid var(--color-primary)}.card-placeholder{opacity:.4}.card-overlay{cursor:grabbing;box-shadow:0 8px 24px #0003}.card-title{color:inherit;word-break:break-word;text-decoration:none}.card-title:hover{text-decoration:underline}.card-labels{flex-wrap:wrap;gap:4px;display:flex}.card-label{color:#fff;border-radius:999px;padding:0 8px;font-size:11px}.card-meta{color:#59636e;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.card-meta:empty{display:none}.card-due-overdue{color:#fff;background:var(--color-error);border-radius:4px;padding:0 6px}.card-checklist-done{color:var(--color-success)}.card-assignees{gap:2px;margin-left:auto;display:flex}.add-button{text-align:left;color:#59636e;background:0 0;border:none}.add-button:hover{color:inherit;background:#d8dee4}.inline-text-form{flex-direction:column;gap:6px;width:100%;display:flex}.inline-text-form textarea{font:inherit;border:1px solid var(--color-border);resize:none;border-radius:6px;padding:6px 10px}.inline-text-form-actions{gap:6px;display:flex}.pre-wrap{white-space:pre-wrap;word-break:break-word;margin:0}.hint{color:#59636e;margin:0;font-size:13px}.text-button{font:inherit;text-align:left;color:inherit;background:0 0;border:none;padding:0}.card-dialog{border:none;border-radius:8px;width:min(820px,95vw);max-height:90vh;padding:0;box-shadow:0 16px 48px #0000004d}.card-dialog::backdrop{background:#0006}.card-dialog-content{flex-direction:column;gap:4px;padding:20px 24px 24px;display:flex;position:relative}.card-dialog-close{font-size:16px;position:absolute;top:12px;right:12px}.card-detail-title{margin:0 32px 0 0;font-size:20px}.card-detail-title-input{margin-right:32px;font-size:20px;font-weight:700}.card-dialog-layout{grid-template-columns:1fr 220px;gap:24px;margin-top:12px;display:grid}@media (width<=640px){.card-dialog-layout{grid-template-columns:1fr}}.card-detail-section{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.card-detail-section h3{margin:0;font-size:14px}.card-description textarea,.comment textarea,.comment-form textarea{font:inherit;box-sizing:border-box;border:1px solid var(--color-border);border-radius:6px;width:100%;padding:6px 10px}.card-description{flex-direction:column;align-items:flex-start;gap:8px;display:flex}input[type=date]{font:inherit;border:1px solid var(--color-border);border-radius:6px;padding:4px 8px}.picker-list,.checklist-items,.comment-list,.history-list{margin:0;padding:0;list-style:none}.picker-list label{cursor:pointer;align-items:center;gap:6px;padding:2px 0;display:flex}.checklist-progress{align-items:center;gap:8px;font-size:12px;display:flex}.checklist-progress progress{flex:1}.checklist-items li{justify-content:space-between;align-items:center;gap:8px;display:flex}.checklist-items label{cursor:pointer;align-items:center;gap:6px;display:flex}.checklist-item-done{color:#59636e;text-decoration:line-through}.comment{gap:8px;padding:8px 0;display:flex}.comment-body{flex-direction:column;flex:1;gap:4px;display:flex}.comment-meta{gap:8px;font-size:13px;display:flex}.comment-meta span{color:#59636e}.comment-actions{gap:4px;display:flex}.comment-form{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.history-list li{padding:4px 0;font-size:13px}.history-time{color:#59636e;margin-left:8px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button-danger{color:#fff;background:var(--color-error);border:1px solid var(--color-error)}.settings-section{flex-direction:column;gap:10px;margin-top:28px;display:flex}.settings-section h2{margin:0;font-size:16px}.danger-zone{border:1px solid #ff8182;border-radius:6px;padding:16px}.settings-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.settings-list li{border:1px solid var(--color-border);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.settings-list-actions,.member-info{align-items:center;gap:6px;display:flex}.label-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-options{border:none;gap:4px;margin:0;padding:0;display:flex}.color-option input{opacity:0;position:absolute}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;display:block}.color-option input:checked+.color-swatch{border-color:#1f2328;box-shadow:inset 0 0 0 2px #fff}.color-option input:focus-visible+.color-swatch{outline:2px solid var(--color-primary)}.invite-info{flex-direction:column;min-width:0;display:flex}.invite-url{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.invite-page{text-align:center}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-bar input[type=search]{font:inherit;border:1px solid var(--color-border);border-radius:6px;width:200px;padding:4px 10px}.filter-menu{position:relative}.filter-panel{z-index:10;border:1px solid var(--color-border);background:#fff;border-radius:8px;flex-direction:column;gap:12px;width:260px;max-height:70vh;padding:12px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.filter-panel fieldset{border:none;flex-direction:column;gap:4px;margin:0;padding:0;display:flex}.filter-panel legend{margin-bottom:4px;font-size:13px;font-weight:700}.filter-panel label{cursor:pointer;align-items:center;gap:6px;display:flex}.filter-panel-footer{justify-content:flex-end;display:flex}.filter-status{color:var(--color-primary);background:#ddf4ff;border-radius:999px;align-items:center;gap:4px;margin:0;padding:2px 4px 2px 10px;font-size:13px;display:flex}.archive-panel{border-left:1px solid var(--color-border);background:#fff;flex:0 0 320px;padding:12px 16px;overflow-y:auto}.archive-panel-header{justify-content:space-between;align-items:center;display:flex}.archive-panel h2{margin:0;font-size:16px}.archive-panel h3{margin:16px 0 8px;font-size:14px}.archive-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.archive-list li{border:1px solid var(--color-border);border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.archive-item-title{word-break:break-word}.archive-item-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.archive-item-actions select{font:inherit;border:1px solid var(--color-border);border-radius:6px;padding:3px 6px}
