:root{color:#202124;letter-spacing:0;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{background:linear-gradient(#f6f8fbeb,#f4f6f9fa),#f6f8fb;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.56}label{color:#4c5563;gap:6px;font-size:.83rem;font-weight:700;display:grid}input,select,textarea{color:#202124;background:#fff;border:1px solid #cfd6df;border-radius:7px;outline:none;width:100%}input,select{min-height:38px;padding:8px 10px}textarea{resize:vertical;min-height:92px;padding:10px}input:focus,select:focus,textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.hidden{display:none}.app-shell{flex-direction:column;height:100vh;min-height:0;padding:22px;display:flex;overflow:hidden}.topbar{background:#fff;border:1px solid #dbe1e8;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:18px 22px;display:flex;box-shadow:0 12px 28px #20212414}.eyebrow{color:#a5472b;text-transform:uppercase;margin:0 0 3px;font-size:.78rem;font-weight:800}h1,h2{color:#202124;margin:0;font-weight:800}h1{font-size:clamp(1.8rem,2.8vw,2.6rem)}h2{font-size:1rem}.source-line,.timeline-toolbar p{color:#657182;margin:4px 0 0}.topbar-actions,.button-row{flex-wrap:wrap;gap:8px;display:flex}.button{color:#202124;background:#fff;border:1px solid #0000;border-radius:7px;min-height:36px;padding:8px 12px;font-weight:800}.button.primary{color:#fff;background:#0f766e}.button.secondary{border-color:#cfd6df}.button.danger{color:#fff;background:#b42318}.button.icon{border-color:#cfd6df;place-items:center;width:34px;min-width:34px;padding:0;display:inline-grid}.button.wide{width:100%}.danger-text{color:#b42318}.message{border:1px solid;border-radius:8px;flex:none;margin-top:14px;padding:10px 12px;font-weight:700}.message.success{color:#166534;background:#edf8f2;border-color:#7bc6a4}.message.warning{color:#92400e;background:#fff7e6;border-color:#e7bd69}.message.error{color:#b42318;background:#fff1f0;border-color:#e6a39d}.workspace{flex:auto;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;min-height:0;margin-top:18px;display:grid;overflow:hidden}.side-panel{overscroll-behavior:contain;align-content:start;gap:14px;min-height:0;max-height:100%;padding-right:4px;display:grid;overflow-y:auto}.panel{background:#fff;border:1px solid #dbe1e8;border-radius:8px;gap:12px;padding:14px;display:grid;box-shadow:0 8px 20px #2021240d}.panel-heading,.timeline-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{color:#657182;background:#f8fafc;border:1px solid #d4dbe4;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.login-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.column-list{gap:8px;display:grid}.column-edit{grid-template-columns:minmax(0,1fr) 34px 34px 34px;gap:6px;display:grid}.selection-title,.empty-note{color:#657182;margin:0}.selection-title{color:#202124;font-weight:800}.timeline-area{flex-direction:column;min-width:0;min-height:0;display:flex}.timeline-toolbar{background:#fff;border:1px solid #dbe1e8;border-radius:8px;min-height:62px;padding:12px 14px}.board-wrap{background:#fff;border:1px solid #dbe1e8;border-radius:8px;flex:auto;min-height:0;margin-top:12px;overflow:auto;box-shadow:0 10px 26px #2021240f}.board{width:100%}.board-head{z-index:5;background:#fff;border-bottom:1px solid #dbe1e8;display:grid;position:sticky;top:0}.board-column{color:#4c5563;border-right:1px solid #dbe1e8;justify-content:space-between;align-items:center;min-height:54px;padding:12px;font-weight:800;display:flex}.board-column:last-child{border-right:0}.board-column strong{color:#0f766e;text-align:center;background:#e7f5f3;border-radius:999px;min-width:26px;padding:2px 7px}.board-body{background:linear-gradient(#fff,#fff) padding-box padding-box,repeating-linear-gradient(90deg,#0000 0 219px,#edf1f5 219px 220px);min-height:220px;position:relative}.state-rows{z-index:2;position:relative}.state-row{border-bottom:1px solid #edf1f5;min-height:136px;display:grid}.state-cell{border-right:1px solid #edf1f5;align-items:center;min-width:0;padding:12px;display:flex}.state-cell:last-child{border-right:0}.cell-guide{width:100%;min-height:1px}.state-card{color:#202124;text-align:left;background:#fff;border:1px solid #cfd6df;border-left:5px solid #667085;border-radius:8px;gap:7px;width:100%;min-height:104px;max-height:116px;padding:10px;display:grid;overflow:hidden;box-shadow:0 10px 20px #20212414}.state-card.selected{border-color:#0f766e;outline:3px solid #0f766e2e}.state-card.tone-info{border-left-color:#33658a}.state-card.tone-success{border-left-color:#16845b}.state-card.tone-warning{border-left-color:#c27803}.state-card.tone-error{border-left-color:#b42318}.card-meta{color:#657182;flex-wrap:wrap;gap:5px;font-size:.72rem;font-weight:800;display:flex}.card-meta span{background:#f1f4f8;border-radius:999px;padding:2px 7px}.state-card strong{color:#202124;font-size:.94rem;display:block}.card-description{color:#657182;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;display:-webkit-box;overflow:hidden}.connectors{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.connectors marker path{fill:#6b7280}.connector{fill:none;stroke:#6b728085;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.connector.selected{stroke:#0f766e;stroke-width:3.5px}.edge-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.edge-label{color:#384252;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;background:#fffffff0;border:1px solid #d4dbe4;border-radius:999px;max-width:230px;min-height:28px;padding:5px 10px;font-size:.76rem;font-weight:800;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 18px #2021241f}.edge-label.selected{color:#0f766e;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.empty-board{color:#657182;min-height:220px;padding:26px;font-weight:800}@media (width<=1100px){.app-shell{height:auto;min-height:100vh;overflow:visible}.workspace{grid-template-columns:1fr;overflow:visible}.side-panel{grid-template-columns:repeat(2,minmax(280px,1fr));max-height:none;padding-right:0;overflow:visible}.timeline-area{min-height:70vh}}@media (width<=720px){.app-shell{padding:12px}.topbar,.timeline-toolbar,.panel-heading{flex-direction:column;align-items:flex-start}.topbar-actions,.button-row{width:100%}.button-row .button,.topbar-actions .button{flex:auto}.side-panel,.login-grid{grid-template-columns:1fr}}