*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-surface-2:#1c232c;--bg-elevated:#21262d;--border:#30363d;--border-strong:#3d444d;--text-primary:#e6edf3;--text-secondary:#9da7b3;--text-muted:#6e7681;--accent:#4493f8;--accent-hover:#58a6ff;--accent-bg:#4493f81f;--danger:#f85149;--danger-bg:#f851491f;--success:#3fb950;--warn:#d29922;--warn-bg:#d299221f;--status-blocked:#f85149;--status-editing:#e3b341;--status-in_progress:#e3b341;--status-editable:#3fb950;--status-discarded:#6e7681;--status-unknown:#8b949e;--font:"Inter", "Pretendard", -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--fs-display:1.5rem;--fs-body:.9375rem;--fs-body-sm:.875rem;--fs-meta:.75rem;--fs-caption:.6875rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-modal:0 16px 48px #0000008c, 0 0 0 1px var(--border);--shadow-pop:0 8px 24px #00000073, 0 0 0 1px var(--border);--ease:cubic-bezier(.2, .8, .2, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--max-w:880px}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;min-height:100dvh;padding:var(--sp-6) 0 var(--sp-8);line-height:1.5}.wrap{max-width:var(--max-w);padding:0 var(--sp-5);margin:0 auto}header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.header-left h1{font-size:var(--fs-display);letter-spacing:-.01em;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-weight:600;display:flex}.badge-edit{font-size:var(--fs-caption);letter-spacing:.04em;background:var(--accent-bg);color:var(--accent-hover);border-radius:var(--radius-pill);padding:3px 8px;font-weight:600;display:none}body.editmode .badge-edit{display:inline-block}.meta{font-size:var(--fs-meta);color:var(--text-secondary);margin-top:var(--sp-1);align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.live{align-items:center;gap:5px;display:inline-flex}.pip{background:var(--success);width:7px;height:7px;animation:pulse-pip 2.4s var(--ease) infinite;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #3fb9502e}.pip.warn{background:var(--warn);box-shadow:0 0 0 3px #d299222e}.header-actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.view-only{display:inline-flex}.edit-only,body.editmode .view-only{display:none!important}body.editmode .edit-only{display:inline-flex!important}.btn{font-family:var(--font);font-size:var(--fs-body-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:var(--sp-1);white-space:nowrap;border:1px solid #0000;padding:7px 14px;font-weight:500;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-outline{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-surface-2)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-surface-2);color:var(--text-primary)}.btn-danger{color:var(--danger);background:0 0;border:none;padding:5px}.btn-danger:hover{background:var(--danger-bg)}.banner{align-items:center;gap:var(--sp-2);background:var(--warn-bg);border-radius:var(--radius-md);margin-bottom:var(--sp-4);font-size:var(--fs-body-sm);color:#e3c062;border:1px solid #d2992259;padding:10px 14px;display:none}.banner.visible{display:flex}.legend{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.chip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-meta);color:var(--text-secondary);align-items:center;gap:7px;padding:4px 11px 4px 8px;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;place-items:center;width:14px;height:14px;display:inline-grid;position:relative}.dot .glyph{color:#0d1117;z-index:1;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:900;line-height:1;position:relative}.dot[data-status=blocked]{background:var(--status-blocked);box-shadow:0 0 0 3px #f8514952}.dot[data-status=editing]{background:var(--status-editing);box-shadow:0 0 0 3px #e3b34152}.dot[data-status=in_progress]{background:var(--status-in_progress);box-shadow:0 0 0 3px #e3b34152}.dot[data-status=editable]{background:var(--status-editable);box-shadow:0 0 0 3px #3fb95052}.dot[data-status=discarded]{border:2px solid var(--status-discarded);background:0 0;box-shadow:0 0 0 3px #6e768138}.dot[data-status=unknown],.dot:not([data-status]){background:linear-gradient(90deg, var(--status-unknown) 50%, transparent 50%);border:1.5px solid var(--status-unknown)}.dot[data-status=editing] .glyph,.dot[data-status=in_progress] .glyph{animation:pulse-glyph 1.6s var(--ease) infinite}.list-container{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.project-row{align-items:center;gap:var(--sp-3);background:var(--bg-surface);min-height:56px;transition:background var(--dur-fast) var(--ease);grid-template-columns:20px minmax(120px,1fr) 90px minmax(0,1fr);padding:0 18px;display:grid}.project-row:hover{background:var(--bg-surface-2)}.project-row .dot-cell{justify-content:flex-start;align-items:center;display:flex}.project-row .name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:var(--fs-body);text-align:left;overflow:hidden}.project-row .name.discarded{color:var(--text-secondary)}.project-row .status-label{font-size:var(--fs-body-sm);color:var(--text-secondary);white-space:nowrap;text-align:left}.project-row .gh-link{font-family:var(--mono);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;align-items:center;gap:5px;min-width:0;font-size:.8125rem;text-decoration:none;display:inline-flex;overflow:hidden}.project-row .gh-link:hover{color:var(--accent-hover);text-decoration:underline}.project-row .gh-link svg{opacity:.8;flex-shrink:0;width:13px;height:13px}.project-row .gh-link span{text-overflow:ellipsis;overflow:hidden}body.editmode .project-row{gap:var(--sp-3);grid-template-columns:18px auto minmax(120px,1fr) minmax(0,1fr) auto 36px;align-items:center}.handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;font-size:14px;display:none}body.editmode .handle{align-items:center;display:flex}.status-dropdown{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-body-sm);font-family:var(--font);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:5px 9px;display:none;position:relative}.status-dropdown:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-dropdown .chev{color:var(--text-muted);font-size:10px}body.editmode .status-dropdown{display:inline-flex}body.editmode .dot-cell{display:none}.dropdown-popover{z-index:9999;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);min-width:180px;padding:var(--sp-1) 0;display:none;position:fixed}.dropdown-popover.open{display:block}.dropdown-option{align-items:center;gap:var(--sp-2);font-size:var(--fs-body-sm);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast);padding:8px 14px;display:flex}.dropdown-option:hover{background:var(--bg-surface-2)}.dropdown-option.selected{color:var(--accent)}.dropdown-option.selected:after{content:"✓";margin-left:auto;font-size:12px}.dropdown-divider{background:var(--border);height:1px;margin:var(--sp-1) 0}.inp{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:var(--fs-body-sm);width:100%;padding:6px 9px;display:none}body.editmode .inp{display:block}.inp::placeholder{color:var(--text-muted)}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.inp.mono{font-family:var(--mono);font-size:.8125rem}.save-indicator{font-size:12px;display:none}body.editmode .save-indicator{align-items:center;display:inline-flex}.save-indicator.saving{color:var(--text-muted)}.save-indicator.saved{color:var(--success)}.save-indicator.error{color:var(--danger)}.del-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);width:36px;height:36px;transition:color var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:none}.del-btn:hover{color:var(--danger);background:var(--danger-bg);border-color:#f851494d}.del-btn:focus-visible{outline:2px solid var(--danger);outline-offset:2px}body.editmode .del-btn{display:inline-flex}.delete-confirm{align-items:center;gap:var(--sp-2);font-size:var(--fs-meta);color:var(--text-secondary);white-space:nowrap;display:none}.delete-confirm.visible{display:flex}.add-row-btn{justify-content:center;align-items:center;gap:var(--sp-2);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--fs-body-sm);font-family:var(--font);width:100%;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;margin-top:10px;padding:12px;display:none}body.editmode .add-row-btn{display:flex}.add-row-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.add-row-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.state-panel{text-align:center;padding:var(--sp-8) var(--sp-5);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}.state-panel svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:14px}.state-panel h3{font-size:var(--fs-body);color:var(--text-primary);margin-bottom:var(--sp-2);font-weight:600}.state-panel p{font-size:var(--fs-body-sm);margin-bottom:var(--sp-4)}.skeleton-list{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.skeleton-row{gap:var(--sp-4);background:var(--bg-surface);grid-template-columns:24px 1fr 90px;align-items:center;min-height:56px;padding:0 18px;display:grid}.sk{background:linear-gradient(90deg, var(--bg-surface) 0%, var(--bg-surface-2) 50%, var(--bg-surface) 100%);background-size:200% 100%;border-radius:4px;animation:1.3s linear infinite shimmer}.sk.circle{border-radius:50%;width:14px;height:14px;margin:auto}.sk.bar{height:11px}.backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.backdrop.open{display:flex}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:360px;max-width:90vw;padding:var(--sp-5)}.modal h2{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);color:var(--text-primary);font-size:1rem;font-weight:600;display:flex}.modal p{font-size:var(--fs-body-sm);color:var(--text-secondary);margin-bottom:var(--sp-4)}.pwd-field{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-fast);align-items:center;padding:0 10px;display:flex}.pwd-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.pwd-field.error{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-bg)}.pwd-field input{color:var(--text-primary);font-family:var(--font);font-size:var(--fs-body-sm);background:0 0;border:none;outline:none;flex:1;padding:9px 0}.pwd-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast);background:0 0;border:none;align-items:center;padding:4px;font-size:16px;display:flex}.pwd-toggle:hover{color:var(--text-secondary)}.pwd-err{color:var(--danger);font-size:var(--fs-meta);margin-top:var(--sp-2);min-height:16px}.modal-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:18px;display:flex}.modal-loading{font-size:var(--fs-meta);color:var(--text-muted);margin-top:var(--sp-2);display:none}.modal-loading.visible{display:block}.modal.shake{animation:shake .4s var(--ease)}.status-panel-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.status-panel-backdrop.open{display:flex}.status-panel{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);flex-direction:column;width:420px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden}.status-panel-header{padding:var(--sp-5) var(--sp-5) var(--sp-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.status-panel-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.status-panel-body{padding:var(--sp-3) var(--sp-5);flex:1;overflow-y:auto}.status-edit-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);display:flex}.status-edit-row:last-child{border-bottom:none}.color-chip{border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;flex-shrink:0;width:26px;height:26px;position:relative;overflow:hidden}.color-chip input[type=color]{opacity:0;cursor:pointer;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.glyph-select{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:var(--fs-meta);cursor:pointer;flex-shrink:0;width:52px;padding:4px 6px}.glyph-select:focus{border-color:var(--accent);outline:none}.status-label-inp{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:var(--fs-body-sm);flex:1;padding:5px 8px}.status-label-inp:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.add-status-btn{align-items:center;gap:var(--sp-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);font-size:var(--fs-body-sm);cursor:pointer;width:100%;margin-top:var(--sp-3);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;padding:8px 12px;display:flex}.add-status-btn:hover{background:var(--bg-surface-2);color:var(--text-primary)}.status-panel-footer{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5) var(--sp-5);border-top:1px solid var(--border);display:flex}.toast-container{bottom:var(--sp-5);right:var(--sp-5);z-index:200;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);align-items:center;gap:var(--sp-3);padding:12px var(--sp-4);font-size:var(--fs-body-sm);color:var(--text-primary);pointer-events:auto;min-width:220px;max-width:340px;animation:slide-up var(--dur) var(--ease) forwards;display:flex;position:relative;overflow:hidden}.toast:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast.success:before{background:var(--success)}.toast.danger:before{background:var(--danger)}.toast.warn:before{background:var(--warn)}.toast.hide{animation:slide-down var(--dur) var(--ease) forwards}@keyframes pulse-pip{0%,to{opacity:1}50%{opacity:.35}}@keyframes pulse-glyph{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (width<=640px){.wrap{padding:0 var(--sp-4)}header{flex-wrap:wrap}.project-row{grid-template-columns:20px 1fr auto;grid-template-areas:"d n s"".g g";row-gap:4px;padding:12px 16px}.project-row .dot-cell{grid-area:d;justify-content:flex-start}.project-row .name{grid-area:n}.project-row .status-label{text-align:left;white-space:nowrap;grid-area:s}.project-row .gh-link{grid-area:g;font-size:.75rem}.dot{width:16px;height:16px}body.editmode .project-row{gap:var(--sp-2);grid-template-columns:1fr;grid-template-areas:none}.btn{font-size:var(--fs-meta);padding:7px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.contrast-warn{color:var(--warn);font-size:var(--fs-meta);align-items:center;gap:4px;display:flex}