@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: 11px;--text-xs-lh: 16px;--text-sm: 13px;--text-sm-lh: 18px;--text-base: 14px;--text-base-lh: 20px;--text-md: 16px;--text-md-lh: 22px;--text-lg: 20px;--text-lg-lh: 26px;--text-xl: 28px;--text-xl-lh: 32px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--radius-1: 4px;--radius-2: 6px;--radius-3: 8px;--radius-pill: 999px;--gray-1: #fcfcfd;--gray-2: #f9f9fb;--gray-3: #f0f0f3;--gray-4: #e8e8ec;--gray-5: #e0e1e6;--gray-6: #d9d9e0;--gray-7: #cdced6;--gray-8: #b9bbc6;--gray-9: #8b8d98;--gray-10: #80828d;--gray-11: #62636c;--gray-12: #1e1f24;--accent-bright: #6e79e0;--accent: #5e6ad2;--accent-hover: #4f5acb;--accent-deep: #4148b8;--accent-soft: rgba(94, 106, 210, .12);--danger: #c52b2b;--danger-soft: rgba(197, 43, 43, .08);--success: #19a974;--shadow-1: 0 1px 2px rgba(15, 17, 21, .06), 0 0 0 1px rgba(15, 17, 21, .04);--shadow-2: 0 4px 12px rgba(15, 17, 21, .08), 0 1px 2px rgba(15, 17, 21, .06), 0 0 0 1px rgba(15, 17, 21, .04);--shadow-3: 0 16px 40px rgba(15, 17, 21, .18), 0 0 0 1px rgba(15, 17, 21, .05);--bg-page: #fafafb;--bg-sidebar: #f4f4f7;--bg-canvas: #fafafb;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-surface-hover: var(--gray-3);--border: 1px solid var(--gray-4);--border-soft: rgba(15, 17, 21, .04);--bg-app: var(--bg-page);--text: var(--gray-12);--text-muted: var(--gray-10);--text-subtle: var(--gray-9);--avatar-1-bg: #3e63dd;--avatar-2-bg: #30a46c;--avatar-3-bg: #f76808;--avatar-4-bg: #bd1763;--avatar-5-bg: #8e4ec6;--avatar-6-bg: #e5484d;--avatar-7-bg: #687076;--avatar-8-bg: #00a2c7;--ease-out: cubic-bezier(.32, .72, 0, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .32s;--focus-ring: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--accent)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms}}@media (prefers-color-scheme: dark){:root{--gray-1: #18181b;--gray-2: #1c1c20;--gray-3: #232328;--gray-4: #2a2a30;--gray-5: #34343b;--gray-6: #404049;--gray-7: #505059;--gray-8: #6c6c75;--gray-9: #8f8f99;--gray-10: #a8a8b0;--gray-11: #c8c8ce;--gray-12: #ededef;--accent-bright: #8b95e1;--accent: #7c87dc;--accent-hover: #8b95e1;--accent-deep: #6068c4;--accent-soft: rgba(124, 135, 220, .18);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-2: 0 6px 18px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-3: 0 24px 60px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06);--bg-page: #0a0a0c;--bg-sidebar: #121215;--bg-canvas: #0e0e10;--bg-surface: #1a1a1f;--bg-elevated: #222227;--bg-surface-hover: #232328;--bg-app: var(--bg-page);--border: 1px solid var(--gray-5);--border-soft: rgba(255, 255, 255, .03);--avatar-1-bg: #5b7fe5;--avatar-2-bg: #46b47c;--avatar-3-bg: #f77c2a;--avatar-4-bg: #d33078;--avatar-5-bg: #a26bd5;--avatar-6-bg: #e96b6f;--avatar-7-bg: #828b92;--avatar-8-bg: #2bb3d2}.card:hover{box-shadow:0 4px 12px #00000073,0 0 0 1px #ffffff0d;border-color:var(--gray-7)}.card-ghost{box-shadow:0 16px 40px #000000b3,0 0 0 1px #ffffff14}.comments li{border-bottom-color:var(--gray-6)}.member-row:hover,.invitation-row:hover,.empty-state-icon,.skeleton{background:var(--gray-4)}.status-dot{box-shadow:0 0 0 2px var(--gray-3)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg-page);color:var(--text)}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.005em}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}input,textarea,button{font:inherit;color:inherit}textarea{resize:vertical}button{cursor:pointer}ul,ol{list-style:none;padding:0;margin:0}.lucide{stroke-width:2;flex:none}.app-shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.app-canvas{min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-canvas);position:relative}.app-canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 600px at 50% -100px,var(--accent-soft),transparent 60%);opacity:.55;pointer-events:none;z-index:0}.app-canvas>*{position:relative;z-index:1}@media (prefers-color-scheme: dark){.app-canvas:before{opacity:.65}}.sidebar{display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:var(--border);box-shadow:inset -1px 0 0 var(--border-soft);height:100vh;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:var(--border);height:40px;flex:none}.sidebar-brand-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-1);background:var(--accent);color:#fff}.sidebar-brand-text{font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em}.sidebar-mobile-close{margin-left:auto;background:transparent;border:none;color:var(--text-muted);width:24px;height:24px;border-radius:var(--radius-1);display:none}.sidebar-section{flex:1;overflow-y:auto;padding:var(--s-3) var(--s-2);display:flex;flex-direction:column;gap:var(--s-1)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-2);margin-bottom:var(--s-1)}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase}.sidebar-section-action{width:22px;height:22px;display:grid;place-items:center;background:transparent;border:none;color:var(--text-subtle);border-radius:var(--radius-1);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar-section-action:hover{background:var(--bg-surface-hover);color:var(--text)}.sidebar-board-list{display:flex;flex-direction:column;gap:1px}.sidebar-board-link{position:relative;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--radius-1);color:var(--text);text-decoration:none;font-size:var(--text-sm);font-weight:500;line-height:18px;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar-board-link:hover{background:var(--bg-surface-hover);text-decoration:none}.sidebar-board-link[data-active=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-board-link[data-active=true]:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.sidebar-board-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-board-role{font-size:var(--text-xs);color:var(--text-subtle);text-transform:lowercase}.sidebar-board-link[data-active=true] .sidebar-board-role{color:color-mix(in srgb,var(--accent) 60%,transparent)}.sidebar-board-skeleton{padding:var(--s-2)}.sidebar-error{font-size:var(--text-xs)}.sidebar-new-board{margin-top:var(--s-1);padding:0 var(--s-2);display:flex;flex-direction:column;gap:var(--s-1)}.sidebar-new-board input{height:28px;padding:0 var(--s-2);font-size:var(--text-sm)}.sidebar-archived-toggle{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2);padding:var(--s-1) var(--s-2);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;width:100%}.sidebar-archived-toggle:hover{color:var(--text)}.sidebar-archived-list{opacity:.7}.sidebar-archived-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s-1) var(--s-2);font-size:var(--text-sm);color:var(--text-muted)}.sidebar-archived-item .sidebar-board-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-restore-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:none;border:none;border-radius:var(--radius-1);color:var(--text-muted);cursor:pointer}.sidebar-restore-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.sidebar-user{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-3);border-top:var(--border);height:56px;flex:none}.sidebar-user-identity{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:0}.sidebar-user-email{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:var(--radius-1);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar-logout:hover{background:var(--bg-surface-hover);color:var(--text)}.topbar{display:flex;align-items:center;gap:var(--s-3);height:40px;padding:0 var(--s-4);background:var(--bg-surface);border-bottom:1px solid var(--gray-4);box-shadow:0 1px 0 var(--border-soft);flex:none;z-index:2;position:relative}.topbar-mobile-menu{display:none;background:transparent;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:var(--radius-1);cursor:pointer}.topbar-breadcrumb{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:0}.topbar-title{font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:600;color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.011em}.topbar-title-editable{cursor:pointer;border-radius:var(--radius-1);padding:0 var(--s-1);margin:0 calc(-1 * var(--s-1))}.topbar-title-editable:hover{background:var(--bg-surface-hover)}.topbar-title-input{border:1px solid var(--accent);background:var(--bg-surface);border-radius:var(--radius-1);padding:0 var(--s-1);margin:0 calc(-1 * var(--s-1));box-shadow:var(--focus-ring);min-width:120px}.view-toggle{display:flex;align-items:center;background:var(--bg-surface);border-radius:var(--radius-1);padding:2px;gap:2px;flex:none}.view-toggle-btn{display:flex;align-items:center;gap:var(--s-1);padding:3px var(--s-2);border:none;background:transparent;border-radius:var(--radius-1);font-size:var(--text-xs);font-weight:500;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.view-toggle-btn:hover{color:var(--text)}.view-toggle-btn.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-1)}.topbar-actions{display:flex;align-items:center;gap:var(--s-2);flex:none}.search-input{display:inline-flex;align-items:center;gap:var(--s-1);height:28px;padding:0 var(--s-2);background:var(--bg-canvas);border:1px solid var(--gray-4);border-radius:var(--radius-1);color:var(--text-muted);width:220px;max-width:30vw;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.search-input:focus-within{background:var(--bg-surface);border-color:var(--accent);box-shadow:var(--focus-ring)}.search-input-icon{color:var(--text-subtle)}.search-input input{flex:1;min-width:0;background:transparent;border:none;padding:0;color:var(--text);font-size:var(--text-sm);outline:none}.search-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.mobile-search-toggle{display:none;background:transparent;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:var(--radius-1);cursor:pointer}.mobile-search-toggle:hover{background:var(--bg-surface-hover);color:var(--text)}.mobile-search-bar{position:absolute;top:100%;left:0;right:0;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--bg-surface);border-bottom:var(--border);box-shadow:var(--shadow-2);z-index:10;animation:mobile-search-in .12s var(--ease-out)}.mobile-search-bar .search-input-icon{flex-shrink:0;color:var(--text-muted)}.mobile-search-bar input{flex:1;height:32px;border:none;background:transparent;color:var(--text);font-size:var(--text-sm);outline:none}.mobile-search-bar input::placeholder{color:var(--text-muted)}@keyframes mobile-search-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.welcome-canvas{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding:var(--s-7) var(--s-4);margin:auto;max-width:480px;width:100%}.welcome-canvas .empty-state-title{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:700;letter-spacing:-.02em}.welcome-new-board-form{display:flex;gap:var(--s-2);width:100%}.welcome-new-board-form input{flex:1}.sidebar-backdrop{position:fixed;inset:0;background:#0f111566;border:none;cursor:pointer;z-index:40}@media (max-width: 799px){.app-shell{grid-template-columns:56px 1fr}.sidebar-brand-text,.sidebar-section-label,.sidebar-board-title,.sidebar-board-role,.sidebar-user-email,.sidebar-new-board{display:none}.sidebar-board-link{justify-content:center;padding:var(--s-2) 0}.sidebar-section-header{justify-content:center}.sidebar-user{padding:var(--s-2);justify-content:center}}@media (max-width: 599px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);z-index:50}.sidebar.is-open{transform:translate(0)}.sidebar-brand-text,.sidebar-section-label,.sidebar-board-title,.sidebar-board-role,.sidebar-user-email,.sidebar-new-board{display:revert}.sidebar-board-link{justify-content:flex-start;padding:var(--s-2)}.sidebar-section-header{justify-content:space-between}.sidebar-user{padding:var(--s-3);justify-content:flex-start}.sidebar-mobile-close,.topbar-mobile-menu{display:grid;place-items:center}.search-input{display:none}.mobile-search-toggle{display:grid;place-items:center}.column{width:240px}.card{min-height:48px}.card .card-body{padding:var(--s-3)}.view-toggle-btn span,.members-btn-label{display:none}.topbar-title{max-width:120px}.list-row{padding:var(--s-3) var(--s-2)}.list-drag-handle{width:20px}.list-drag-handle svg{width:18px;height:18px}}@media (hover: none){.column-move-btn{opacity:1}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:28px;padding:0 var(--s-3);border-radius:var(--radius-1);font-size:var(--text-sm);font-weight:500;border:1px solid transparent;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.primary-btn{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent) 100%);color:#fff;border-color:transparent;box-shadow:inset 0 1px #ffffff29,0 1px 2px #0f11151f,0 0 0 1px var(--accent-deep);letter-spacing:-.005em}.primary-btn:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--accent-bright) 90%,white 10%) 0%,var(--accent-bright) 100%);box-shadow:inset 0 1px #ffffff38,0 4px 10px #0f11152e,0 0 0 1px var(--accent-deep);transform:translateY(-1px)}.primary-btn:active:not(:disabled){background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:inset 0 1px 2px #0f111540,0 0 0 1px var(--accent-deep);transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:default;box-shadow:none}.ghost-btn{background:transparent;color:var(--text);border-color:var(--gray-5)}.ghost-btn:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--gray-6);box-shadow:var(--shadow-1)}.ghost-btn:disabled{opacity:.4;cursor:default}.text-btn{background:none;border:none;padding:0;color:var(--accent);font-size:var(--text-sm)}.text-btn:hover{color:var(--accent-hover);text-decoration:underline}input[type=text],input[type=email],input[type=password],textarea{width:100%;background:var(--bg-surface);border:1px solid var(--gray-5);border-radius:var(--radius-1);padding:var(--s-2) var(--s-3);font-size:var(--text-sm);line-height:var(--text-sm-lh);transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}label{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-weight:500}label>input,label>textarea{margin-top:var(--s-1);text-transform:none;letter-spacing:normal;font-weight:400;color:var(--text)}.form-actions{display:flex;gap:var(--s-2)}.form-error{background:var(--danger-soft);color:var(--danger);padding:var(--s-2) var(--s-3);border-radius:var(--radius-1);font-size:var(--text-sm);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);animation:error-in var(--duration-base) var(--ease-out)}@keyframes error-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.error-screen{max-width:480px;margin:var(--s-7) auto;padding:var(--s-5);background:var(--bg-surface);border-radius:var(--radius-3);box-shadow:var(--shadow-1);color:var(--danger)}.loading-screen{display:grid;place-items:center;min-height:60vh;color:var(--text-muted);font-size:var(--text-sm)}.app-header{display:flex;align-items:center;gap:var(--s-3);height:44px;padding:0 var(--s-4);background:var(--bg-surface);border-bottom:var(--border);font-size:var(--text-sm)}.app-header>strong,.app-header h1{font-size:var(--text-sm);font-weight:600;color:var(--text)}.app-header-right{margin-left:auto;display:flex;gap:var(--s-3);align-items:center;color:var(--text-muted);font-size:var(--text-xs)}.app-header-right span{color:var(--text-muted)}.board-header .board-title{font-size:var(--text-sm);font-weight:600;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;transition:background .2s ease;box-shadow:0 0 0 2px var(--bg-surface)}.status-dot{position:relative}.status-dot-open{background:var(--success)}.status-dot-connecting{background:var(--gray-8);animation:pulse 1.6s var(--ease-out) infinite}.status-dot-closed{background:var(--danger)}.status-dot-open[data-welcome=true]:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--success);animation:status-dot-welcome 2s var(--ease-out) 1 forwards;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes status-dot-welcome{0%{transform:scale(1);opacity:.6}to{transform:scale(2.8);opacity:0}}.topbar-presence{display:inline-flex;align-items:center;gap:var(--s-2);margin-left:var(--s-2);padding:0 var(--s-2) 0 var(--s-3);height:26px;border-radius:var(--radius-pill);background:var(--bg-canvas);border:1px solid var(--gray-4);color:var(--text-subtle)}.topbar-presence-icon{color:var(--text-muted)}.topbar-presence-pills,.presence{display:inline-flex;align-items:center}.presence-pill{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:600;letter-spacing:0;border:2px solid var(--bg-canvas);margin-left:-6px}.presence-pill:first-child{margin-left:0}.landing{min-height:100vh;background:var(--bg-page);color:var(--text)}.landing-hero{position:relative;overflow:hidden;padding:0 var(--s-5) var(--s-7);display:flex;flex-direction:column;align-items:center}.landing-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px)}.landing-glow-1{width:600px;height:600px;top:-200px;left:50%;transform:translate(-60%);background:var(--accent-soft)}.landing-glow-2{width:500px;height:500px;top:-100px;right:-100px;background:var(--accent-soft);opacity:.5}.landing-nav{position:relative;z-index:2;width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) 0;gap:var(--s-4)}.landing-logo{display:flex;align-items:center;gap:var(--s-2)}.landing-logo-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-2);background:linear-gradient(135deg,#6e79e0,#8b5cf6);color:#fff}.landing-logo-text{font-family:"Outfit",var(--font-sans);font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.landing-signin{display:flex;align-items:center;gap:var(--s-2);position:relative}.landing-signin input{height:34px;padding:0 var(--s-3);font-size:13px;background:var(--bg-surface);border:var(--border);border-radius:var(--radius-2);color:var(--text);width:160px;outline:none;transition:border-color .15s ease}.landing-signin input::placeholder{color:var(--text-muted)}.landing-signin input:focus{border-color:var(--accent)}.landing-signin button{height:34px;padding:0 var(--s-4);font-size:13px;font-weight:600;border:none;border-radius:var(--radius-2);background:linear-gradient(135deg,#6e79e0,#8b5cf6);color:#fff;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.landing-signin button:hover:not(:disabled){opacity:.9}.landing-signin button:disabled{opacity:.5}.landing-signin-error{position:absolute;top:100%;right:0;margin-top:6px;font-size:12px;color:#f87171;white-space:nowrap;background:var(--bg-elevated);border:1px solid var(--danger-soft);border-radius:var(--radius-1);padding:4px 8px}.landing-headline{position:relative;z-index:2;text-align:center;max-width:640px;margin:var(--s-7) 0 var(--s-6)}.landing-headline h1{font-family:"Outfit",var(--font-sans);font-size:clamp(32px,5.5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.035em;color:var(--text);margin:0 0 var(--s-3)}.landing-headline p{font-size:clamp(15px,2vw,18px);color:var(--text-muted);line-height:1.6;margin:0}.demo-board-container{position:relative;z-index:2;width:100%;max-width:720px;padding:var(--s-5);background:var(--bg-surface);border:var(--border);border-radius:12px;box-shadow:var(--shadow-3)}.demo-board{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-3)}.demo-col{display:flex;flex-direction:column;gap:var(--s-2);min-height:200px}.demo-col-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;border-radius:var(--radius-1)}.demo-col-todo{background:#60a5fa1f;color:#3b82f6}.demo-col-building{background:#eab3081f;color:#ca8a04}.demo-col-done{background:#22c55e1f;color:#16a34a}@media (prefers-color-scheme: dark){.demo-col-todo{color:#93bbfc}.demo-col-building{color:#fbbf24}.demo-col-done{color:#4ade80}}.demo-cards{display:flex;flex-direction:column;gap:var(--s-2);flex:1}.demo-card{background:var(--bg-elevated);border:var(--border);border-radius:var(--radius-2);padding:10px;display:flex;flex-direction:column;gap:6px;opacity:0}.demo-card-static{opacity:1}.demo-card-title{font-size:12px;font-weight:500;color:var(--text)}.demo-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 5px;border-radius:3px;width:fit-content}.demo-label-blue{background:#3b82f61f;color:#2563eb}.demo-label-red{background:#ef44441f;color:#dc2626}.demo-label-green{background:#22c55e1f;color:#16a34a}.demo-label-purple{background:#8b5cf61f;color:#7c3aed}@media (prefers-color-scheme: dark){.demo-label-blue{color:#93bbfc}.demo-label-red{color:#fca5a5}.demo-label-green{color:#86efac}.demo-label-purple{color:#c4b5fd}}.demo-phase-todo{animation:demo-in-todo 8s ease infinite}.demo-phase-building{animation:demo-in-building 8s ease infinite}.demo-phase-done{animation:demo-in-done 8s ease infinite}.demo-journey-1{animation-delay:0s}.demo-journey-2{animation-delay:3s}@keyframes demo-in-todo{0%{opacity:0}5%{opacity:1}28%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes demo-in-building{0%{opacity:0}30%{opacity:0}37%{opacity:1}63%{opacity:1}70%{opacity:0}to{opacity:0}}@keyframes demo-in-done{0%{opacity:0}65%{opacity:0}72%{opacity:1}95%{opacity:1}to{opacity:0}}.demo-board-container:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 30%,rgba(110,121,224,.3) 50%,transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:300% 300%;animation:demo-shimmer 6s ease-in-out infinite}@keyframes demo-shimmer{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.landing-features{background:var(--bg-sidebar);padding:var(--s-7) var(--s-5)}.landing-features-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}.landing-feature{display:flex;flex-direction:column;gap:var(--s-3)}.landing-feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:#fff}.landing-feature-icon-factory{background:linear-gradient(135deg,#6e79e0,#8b5cf6)}.landing-feature-icon-cli{background:linear-gradient(135deg,#10b981,#059669)}.landing-feature-icon-realtime{background:linear-gradient(135deg,#f59e0b,#d97706)}.landing-feature h3{font-family:"Outfit",var(--font-sans);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin:0}.landing-feature p{font-size:14px;line-height:1.65;color:var(--text-muted);margin:0}.landing-feature code{font-size:12px;background:var(--accent-soft);color:var(--accent);padding:1px 5px;border-radius:3px}.landing-footer{background:var(--bg-page);padding:var(--s-5);display:flex;align-items:center;justify-content:center;gap:var(--s-5);font-size:13px;color:var(--text-muted);border-top:var(--border)}.landing-footer a{color:var(--accent);text-decoration:none}.landing-footer a:hover{text-decoration:underline}@media (max-width: 719px){.landing-nav{flex-direction:column;align-items:flex-start;gap:var(--s-3)}.landing-signin{flex-wrap:wrap;width:100%}.landing-signin input{flex:1;min-width:0}.landing-headline{text-align:left;margin:var(--s-5) 0 var(--s-4)}.demo-board{grid-template-columns:1fr;gap:var(--s-3)}.demo-col{min-height:auto}.landing-features-grid{grid-template-columns:1fr}.landing-footer{flex-direction:column;gap:var(--s-2)}}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--bg-page)}.auth-brand{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--s-7);color:var(--text);background:radial-gradient(ellipse 90% 60% at 30% 20%,var(--accent-soft),transparent 70%),linear-gradient(135deg,var(--bg-sidebar) 0%,var(--bg-page) 100%)}.auth-brand:after{content:"";position:absolute;right:-200px;bottom:-200px;width:500px;height:500px;background:radial-gradient(circle,var(--accent-soft),transparent 70%);pointer-events:none;opacity:.6}.auth-brand-content{max-width:360px;display:flex;flex-direction:column;gap:var(--s-5);position:relative;z-index:1}.auth-brand-mark{display:flex;align-items:center;gap:var(--s-3)}.auth-brand-mark-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-2);background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:#fff;box-shadow:var(--shadow-1)}.auth-brand-wordmark{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:700;letter-spacing:-.02em}.auth-brand-statement{font-size:var(--text-md);line-height:var(--text-md-lh);color:var(--text-muted);letter-spacing:-.011em;max-width:28ch}.auth-brand-features{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--s-3)}.auth-brand-features li{padding-left:var(--s-3);position:relative}.auth-brand-features li:before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;background:var(--accent);border-radius:50%;transform:translateY(-50%)}.auth-form{display:flex;align-items:center;justify-content:center;padding:var(--s-7) var(--s-5);background:var(--bg-page)}.auth-form-content{width:100%;max-width:360px;display:flex;flex-direction:column}.auth-form-content h1{font-size:var(--text-lg);line-height:var(--text-lg-lh);margin-bottom:var(--s-4);font-weight:600;letter-spacing:-.015em}.auth-form-content form{display:flex;flex-direction:column;gap:var(--s-3)}.auth-form-content form button[type=submit]{margin-top:var(--s-2);height:36px}.auth-secondary{margin-top:var(--s-4);color:var(--text-muted);font-size:var(--text-sm)}@media (max-width: 719px){.auth-layout{grid-template-columns:1fr;grid-template-rows:80px 1fr}.auth-brand{padding:var(--s-3) var(--s-4);justify-content:flex-start}.auth-brand-content{flex-direction:row;align-items:center;gap:var(--s-3)}.auth-brand-statement,.auth-brand-features{display:none}.auth-brand:after{opacity:.3}.auth-form{padding:var(--s-5) var(--s-4)}}.board-list main{max-width:720px;margin:0 auto;padding:var(--s-6) var(--s-4)}.board-list h1{font-size:var(--text-xl);line-height:var(--text-xl-lh);margin-bottom:var(--s-4)}.new-board-form{display:flex;gap:var(--s-2);margin-bottom:var(--s-5)}.new-board-form input{flex:1}.new-board-form button{white-space:nowrap}.board-rows{border-top:var(--border)}.board-rows li{border-bottom:var(--border)}.board-rows a{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-2);color:var(--text);text-decoration:none;transition:background .1s ease}.board-rows a:hover{background:var(--bg-surface-hover);text-decoration:none}.board-rows .row-title{font-size:var(--text-sm);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-rows .row-meta{display:flex;gap:var(--s-3);font-size:var(--text-xs);color:var(--text-subtle)}.board-row-skeleton{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-2);width:100%}.board-row-skeleton>:first-child{flex:1}.role-badge{display:inline-block;padding:1px var(--s-2);background:var(--gray-3);color:var(--text-muted);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;text-transform:capitalize;letter-spacing:.01em}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-6) var(--s-4);text-align:center;color:var(--text-muted)}.empty-state-icon{color:var(--gray-9);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--gray-3)}.empty-state-title{font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:600;color:var(--text)}.empty-state-description{max-width:36ch;font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--text-muted)}.empty-state-action{margin-top:var(--s-2)}.skeleton{display:inline-block;width:100%;height:1em;background:var(--gray-3);border-radius:var(--radius-1);animation:skeleton-pulse 1.6s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.board-page{flex:1;display:flex;flex-direction:column;background:transparent;min-height:0}.columns{flex:1;display:flex;gap:var(--s-3);padding:var(--s-4);overflow-x:auto;scrollbar-gutter:stable}.column{flex:none;width:280px;background:var(--bg-surface);border-radius:var(--radius-3);padding:var(--s-3);display:flex;flex-direction:column;max-height:100%;border:1px solid var(--gray-4);box-shadow:var(--shadow-1)}.column-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-1) var(--s-3);border-bottom:3px solid var(--col-color, var(--gray-4))}.column-edit-btn{background:transparent;border:none;color:var(--text-subtle);cursor:pointer;padding:2px;border-radius:var(--radius-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.column-header:hover .column-edit-btn{opacity:1}.column-edit-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.column-move-btn{background:transparent;border:none;color:var(--text-subtle);cursor:pointer;padding:2px;border-radius:var(--radius-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.column-header:hover .column-move-btn{opacity:1}.column-move-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.column-edit-modal{width:min(400px,100%)}.color-swatch-row{display:flex;gap:var(--s-2);flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--text)}.column-delete-section{border-top:1px solid var(--danger-soft, rgba(250, 82, 82, .2));padding-top:var(--s-3);margin-top:var(--s-2)}.column-delete-section .danger-btn{width:fit-content;gap:var(--s-2)}.column-delete-confirm{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--text-sm)}.column-delete-confirm p{margin:0;color:var(--text-muted)}.column-delete-confirm select{padding:var(--s-1) var(--s-2);border:var(--border);border-radius:var(--radius-1);background:var(--bg-surface);color:var(--text);font-size:var(--text-sm)}.column-delete-actions{display:flex;gap:var(--s-2)}.column-title{font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:0}.column-count{font-size:var(--text-xs);color:var(--text-subtle);padding:1px var(--s-2);background:var(--gray-3);border-radius:var(--radius-pill)}.cards{display:flex;flex-direction:column;gap:var(--s-2);flex:1;min-height:0;overflow-y:auto;padding:var(--s-1) 0 var(--s-2)}.card{position:relative;background:var(--bg-surface);border:1px solid var(--gray-4);border-radius:var(--radius-3);padding:var(--s-3);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:var(--s-2);box-shadow:var(--shadow-1);cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.card[data-drop-before]:before,.card[data-drop-after]:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;pointer-events:none}.card[data-drop-before]:before{top:-5px}.card[data-drop-after]:after{bottom:-5px}.card:active{cursor:grabbing}.card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px);border-color:var(--gray-6)}.columns[data-dragging=true] .card{transition:none}.columns[data-dragging=true] .card:hover{transform:none;box-shadow:none;border-color:var(--gray-4)}.columns[data-dragging=true],.columns[data-dragging=true] *{-webkit-user-select:none;user-select:none}.card-body{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:var(--s-2);background:none;border:none;padding:0;text-align:left;color:inherit;cursor:grab;min-width:0;touch-action:manipulation}.card-body:active{cursor:grabbing}.card-body:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-1)}.card-title{font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:500;color:var(--text);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.card-meta{font-size:var(--text-xs);color:var(--text-subtle)}.label-chips{display:flex;flex-wrap:wrap;gap:var(--s-1)}.label-chip{display:inline-block;padding:2px var(--s-2);font-size:var(--text-xs);line-height:14px;font-weight:600;border-radius:var(--radius-pill);color:#fff;background:var(--chip-color);letter-spacing:.02em;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 1px #ffffff2e}.card-description-preview{display:block;font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.blocked-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;line-height:1;padding:2px 6px;border-radius:4px;background:var(--red-subtle, rgba(250, 82, 82, .12));color:var(--red-text, #e03131);white-space:nowrap}.card .blocked-badge{margin:0 var(--s-3) var(--s-2)}.blocked-toggle-btn{align-self:flex-start;font-size:var(--text-xs);font-weight:600;line-height:1;padding:5px 10px;border-radius:var(--radius-1);border:1px solid var(--border-color, rgba(0,0,0,.08));background:transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap}.blocked-toggle-btn:hover{background:var(--red-subtle, rgba(250, 82, 82, .08));color:var(--red-text, #e03131);border-color:var(--red-text, #e03131)}.blocked-toggle-btn.is-blocked{background:var(--red-subtle, rgba(250, 82, 82, .12));color:var(--red-text, #e03131);border-color:transparent}.card-blocked-section .text-muted{font-size:var(--text-sm);color:var(--text-muted)}.card-meta-row{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:space-between;height:24px;gap:var(--s-2)}.card-meta-left,.card-meta-right{display:inline-flex;align-items:center;gap:var(--s-2);min-height:24px}.card-meta-left{margin-right:auto}.card-meta-right{margin-left:auto}.assignees{display:inline-flex;align-items:center}.assignee-pill{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:600;letter-spacing:0;box-shadow:0 0 0 2px var(--bg-surface);margin-left:-8px}.assignee-pill:first-child{margin-left:0}.assignee-pill-overflow{background:var(--gray-3);color:var(--text-muted);font-weight:600}.cards-empty-hint{font-size:var(--text-xs);color:var(--text-subtle);text-align:center;padding:var(--s-3) var(--s-2);margin:0;font-style:italic}.card-skeleton{display:flex;flex-direction:column;gap:var(--s-1);pointer-events:none}.card-skeleton .skeleton{background:var(--gray-3)}.card-ghost{box-shadow:var(--shadow-3);transform:rotate(1.5deg);cursor:grabbing;border-color:var(--gray-7)}.cards .drop-slot{min-height:56px;background:var(--accent-soft);border:1px dashed var(--accent);border-radius:var(--radius-3);padding:var(--s-3);pointer-events:none}.column[data-drop-target] .column-header{background:var(--accent-soft);border-radius:var(--radius-2);transition:background-color var(--duration-fast) var(--ease-out)}.column[data-drop-target] .column-title{color:var(--accent-deep)}.add-card-btn,.add-column-btn{margin-top:var(--s-2);display:block;width:100%;padding:var(--s-2);border:none;background:transparent;color:var(--text-subtle);font-size:var(--text-sm);text-align:left;border-radius:var(--radius-1);transition:background .1s ease,color .1s ease}.add-card-btn:hover,.add-column-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.add-column-btn{width:240px;flex:none;height:fit-content;align-self:flex-start;background:transparent;border:1px dashed var(--gray-5);padding:var(--s-3);text-align:center}.new-card-form,.new-column-form{margin-top:var(--s-2);display:flex;flex-direction:column;gap:var(--s-2)}.new-column-form{width:240px;background:var(--bg-surface);border-radius:var(--radius-2);padding:var(--s-3);border:var(--border)}.overlay{position:fixed;inset:0;background:#0f111566;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--s-4);z-index:50;animation:overlay-backdrop-in var(--duration-base) var(--ease-out)}.overlay-card{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--bg-elevated);padding:var(--s-5);border-radius:var(--radius-3);box-shadow:var(--shadow-3);display:flex;flex-direction:column;gap:var(--s-5);animation:overlay-panel-in var(--duration-slow) var(--ease-out);transform-origin:center}@keyframes overlay-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-panel-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.overlay-card>header{display:flex;gap:var(--s-3);align-items:flex-start}.overlay-card .card-title{flex:1;font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:600;letter-spacing:-.011em;border:1px solid transparent;background:transparent;padding:var(--s-1) var(--s-2);border-radius:var(--radius-1);color:var(--text)}.overlay-card .card-title:hover{background:var(--bg-surface-hover)}.overlay-card .card-title:focus{background:var(--bg-surface);border-color:var(--accent);box-shadow:var(--focus-ring)}.overlay-card>header>button.save-close-btn{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-1);border:none;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0}.overlay-card>header>button.save-close-btn:hover{opacity:.9}.overlay-card>header>button:not(.save-close-btn){background:transparent;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:var(--radius-1);font-size:18px;line-height:1}.overlay-card>header>button:not(.save-close-btn):hover{background:var(--bg-surface-hover);color:var(--text)}.overlay-card section{display:flex;flex-direction:column;gap:var(--s-2)}.overlay-card section h3{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text-subtle)}.comments{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-2)}.comments li{padding:var(--s-2) 0;border-bottom:var(--border)}.comments li:last-child{border-bottom:none}.comments strong{font-size:var(--text-sm);font-weight:600;color:var(--text)}.comments small{margin-left:var(--s-2);font-size:var(--text-xs);color:var(--text-subtle)}.comments p{margin-top:var(--s-1);font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.comment-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-1)}.comment-edited{font-style:italic}.comment-actions{margin-left:auto;display:inline-flex;gap:var(--s-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.comment-item:hover .comment-actions{opacity:1}.comment-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:var(--radius-1);color:var(--text-muted);cursor:pointer}.comment-action-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.comment-delete-btn:hover{color:var(--danger)}.comment-edit-form{margin-top:var(--s-1)}.comment-edit-form textarea{width:100%}.overlay-card section ul{display:flex;flex-direction:column;gap:var(--s-2)}.overlay-card section ul li{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);background:var(--gray-2);border-radius:var(--radius-1);font-size:var(--text-sm)}.overlay-card section ul li small{color:var(--text-subtle)}.overlay-card section ul li button{margin-left:auto}.label-toggles{display:flex;flex-wrap:wrap;gap:var(--s-1);align-items:center}.label-toggle-chip{display:inline-block;padding:2px var(--s-2);font-size:var(--text-xs);line-height:16px;font-weight:500;border-radius:var(--radius-pill);border:1px solid transparent;letter-spacing:.01em;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 13%,transparent)}.label-toggle-chip[data-active=false]{color:var(--text-muted);background:var(--gray-3);opacity:.7}.label-toggle-chip[data-active=false]:hover:not(:disabled){opacity:1;background:var(--gray-4)}.label-toggle-chip[data-active=true]:hover:not(:disabled){border-color:color-mix(in srgb,var(--chip-color) 35%,transparent)}.label-toggle-chip:disabled{cursor:default}@media (prefers-color-scheme: dark){.label-toggle-chip[data-active=true]{background:color-mix(in srgb,var(--chip-color) 22%,transparent)}}.manage-labels-btn{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-xs);padding:2px var(--s-2);cursor:pointer;border-radius:var(--radius-1)}.manage-labels-btn:hover{color:var(--text);background:var(--bg-surface-hover)}[data-readonly=true] .label-toggle-chip{cursor:default;opacity:.85}[data-readonly=true] .label-toggle-chip:hover{opacity:.85;background:inherit}.empty-inline{color:var(--text-subtle);font-size:var(--text-sm)}.assignee-picker{display:flex;flex-direction:column;gap:var(--s-2)}.assignee-picker-chips{display:flex;flex-wrap:wrap;gap:var(--s-1)}.assignee-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:2px var(--s-1) 2px 2px;background:var(--gray-3);border:1px solid var(--gray-4);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text)}.assignee-chip .member-pill{width:20px;height:20px;font-size:10px}.assignee-chip-name{font-weight:500}.assignee-chip-remove{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;margin-left:2px;border:none;background:transparent;color:var(--text-subtle);border-radius:50%;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.assignee-chip-remove:hover{background:var(--gray-5);color:var(--text)}.assignee-picker-input-wrap{position:relative}.assignee-picker-search{width:100%}.assignee-picker-dropdown{margin-top:var(--s-1);background:var(--bg-elevated);border:var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-2);max-height:200px;overflow-y:auto;padding:var(--s-1) 0;list-style:none}.assignee-picker-option{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);cursor:pointer}.assignee-picker-option:hover,.assignee-picker-option[data-highlighted=true]{background:var(--accent-soft)}.assignee-picker-option .member-pill{width:24px;height:24px;font-size:11px}.assignee-picker-option-identity{display:flex;flex-direction:column;gap:0;min-width:0}.assignee-picker-option-identity strong{font-size:var(--text-sm);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-picker-option-identity small{font-size:var(--text-xs);color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-picker-empty{padding:var(--s-2) var(--s-3);color:var(--text-subtle);font-size:var(--text-sm)}.assignee-picker[data-readonly=true] .assignee-chip{padding-right:var(--s-2)}.label-manager{margin-top:var(--s-3);padding:var(--s-3);background:var(--gray-2);border:var(--border);border-radius:var(--radius-2);display:flex;flex-direction:column;gap:var(--s-3);max-height:60vh;overflow-y:auto}.label-manager>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.label-manager>header h4{font-size:var(--text-sm);font-weight:600;margin:0}.new-label-form{display:flex;gap:var(--s-2);align-items:center;padding-bottom:var(--s-2);border-bottom:1px solid var(--gray-4)}.new-label-form input[type=text]{flex:1}.label-manager-list{display:flex;flex-direction:column;gap:var(--s-1)}.label-manager-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) 0}.label-manager-row input[type=text]{flex:1}.label-swatch{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #0000001a inset}.color-picker{display:inline-flex;align-items:center;gap:var(--s-2)}.color-picker input[type=color]{width:28px;height:28px;padding:0;border:1px solid var(--gray-5);border-radius:var(--radius-1);background:transparent;cursor:pointer}.color-palette{display:inline-flex;gap:4px}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:0 0 0 1px #00000014 inset}.color-swatch[data-active=true]{border-color:var(--text)}.modal-title{font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:600;letter-spacing:-.011em;flex:1}.modal-close{background:transparent;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:var(--radius-1);font-size:18px;line-height:1}.modal-close:hover{background:var(--bg-surface-hover);color:var(--text)}.members-modal section h3{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text-subtle);margin-bottom:var(--s-2)}.members-list,.invitations-list{display:flex;flex-direction:column;gap:var(--s-1)}.member-row,.invitation-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-1);border-radius:var(--radius-1);background:transparent}.member-row:hover,.invitation-row:hover{background:var(--bg-surface-hover)}.member-pill{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:600;flex:none}.member-pill-pending{background:var(--gray-7);color:var(--gray-12);border:1px dashed var(--gray-8);background:transparent}.member-identity{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.member-identity strong{font-size:var(--text-sm);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-identity small{font-size:var(--text-xs);color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-actions{display:flex;gap:var(--s-2);align-items:center;flex:none}.role-select{height:28px;padding:0 var(--s-2);background:var(--bg-surface);color:var(--text);border:1px solid var(--gray-5);border-radius:var(--radius-1);font-size:var(--text-sm);cursor:pointer}.role-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.danger-btn{display:inline-flex;align-items:center;height:28px;padding:0 var(--s-3);background:transparent;color:var(--danger);border:1px solid transparent;border-radius:var(--radius-1);font-size:var(--text-sm);font-weight:500;transition:background .1s ease,border-color .1s ease}.danger-btn:hover:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.danger-btn:disabled{opacity:.4;cursor:default}.card-delete-section{border-top:var(--border);padding-top:var(--s-3);margin-top:var(--s-2)}.card-delete-section .danger-btn{gap:var(--s-2);width:fit-content}.card-delete-confirm{display:flex;align-items:center;gap:var(--s-3);font-size:var(--text-sm);color:var(--text-muted)}.invite-form{display:flex;gap:var(--s-2)}.invite-form input[type=email]{flex:1}.invite-note{display:block;margin-top:var(--s-2);font-size:var(--text-xs);color:var(--text-subtle)}.members-btn{display:inline-flex;align-items:center;gap:var(--s-2)}.members-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 var(--s-1);border-radius:var(--radius-pill);background:var(--gray-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.sidebar-invite-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);margin:var(--s-1) var(--s-2);border-radius:var(--radius-1);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;background:none;border:none;cursor:pointer;width:calc(100% - var(--s-2) * 2);box-sizing:border-box;text-align:left;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar-invite-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.sidebar-admin-link{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);margin:var(--s-1) var(--s-2);border-radius:var(--radius-1);color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;border-top:var(--border);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar-admin-link:hover{background:var(--bg-surface-hover);color:var(--text);text-decoration:none}.invite-modal{width:min(440px,100%)}.invite-description{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--s-3);line-height:1.5}.invite-link-row{display:flex;gap:var(--s-2);margin-bottom:var(--s-2)}.invite-link-input{flex:1;padding:var(--s-2) var(--s-3);background:var(--bg-page);border:var(--border);border-radius:var(--radius-1);font-size:var(--text-sm);color:var(--text);min-width:0}.invite-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--s-1)}.invite-expires{color:var(--text-muted);font-size:var(--text-xs)}.admin-page{max-width:960px;margin:0 auto;padding:var(--s-5) var(--s-4)}.admin-header{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-5);color:var(--text)}.admin-header h1{font-size:var(--text-lg);font-weight:650;line-height:var(--text-lg-lh)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-3);margin-bottom:var(--s-6)}.stat-card{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-4);background:var(--bg-surface);border-radius:var(--radius-2);box-shadow:var(--shadow-1)}.stat-value{font-size:var(--text-xl);font-weight:700;line-height:1;color:var(--text)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.admin-section{margin-bottom:var(--s-6)}.admin-section h2{font-size:var(--text-md);font-weight:600;margin-bottom:var(--s-3);color:var(--text)}.admin-toolbar{margin-bottom:var(--s-3)}.admin-toolbar input[type=search]{width:100%;max-width:320px;padding:var(--s-2) var(--s-3);border:var(--border);border-radius:var(--radius-2);font-size:var(--text-sm);background:var(--bg-surface);color:var(--text);outline:none}.admin-toolbar input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{text-align:left;padding:var(--s-2) var(--s-3);font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--border);background:var(--bg-page)}.admin-table td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--gray-3);color:var(--text);vertical-align:middle}.admin-table tr:hover td{background:var(--gray-2)}.admin-table tr[data-disabled] td{opacity:.5}.admin-pagination{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);font-size:var(--text-sm);color:var(--text-muted)}.admin-pagination button{padding:var(--s-1) var(--s-3);border:var(--border);border-radius:var(--radius-1);background:var(--bg-surface);color:var(--text);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.admin-pagination button:hover:not(:disabled){background:var(--bg-surface-hover)}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.token-list{display:flex;flex-direction:column;gap:var(--s-2)}.token-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);background:var(--gray-2);border-radius:var(--radius-1);font-size:var(--text-sm)}.token-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.token-name{font-weight:600;color:var(--text)}.token-meta{font-size:var(--text-xs);color:var(--text-muted)}.token-create-form{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.token-create-form input{flex:1;min-width:140px}.token-create-form select{padding:var(--s-1) var(--s-2);border:var(--border);border-radius:var(--radius-1);background:var(--bg-surface);color:var(--text);font-size:var(--text-sm)}.token-created-notice{padding:var(--s-3);background:var(--accent-soft);border-radius:var(--radius-2);margin-bottom:var(--s-2)}.token-warning{font-size:var(--text-sm);font-weight:600;color:var(--accent);margin-bottom:var(--s-2)}.danger-zone{border-top:1px solid var(--danger-soft, rgba(250, 82, 82, .2));padding-top:var(--s-3);margin-top:var(--s-2)}.danger-zone h3{color:var(--danger)}.danger-zone-actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.danger-zone-actions .danger-btn{width:fit-content}.delete-confirm{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--text-sm)}.delete-confirm p{margin:0;color:var(--text-muted)}.delete-confirm-row{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.delete-confirm-row input{flex:1;min-width:140px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.admin-badge{display:inline-block;padding:1px var(--s-2);border-radius:var(--radius-1);font-size:var(--text-xs);font-weight:600}.bulk-badge{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.bulk-invite-result{display:flex;gap:var(--s-2);align-items:center}.admin-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--s-3) 0}.cli-download-page{max-width:640px;margin:0 auto;padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-5)}.cli-download-header{display:flex;align-items:center;gap:var(--s-3)}.cli-download-header h1{font-size:var(--text-lg);font-weight:700}.cli-download-desc{color:var(--text-muted);font-size:var(--text-sm);line-height:1.6;margin-top:calc(-1 * var(--s-3))}.cli-download-page section{display:flex;flex-direction:column;gap:var(--s-3)}.cli-download-page section h2{font-size:var(--text-md);font-weight:600;margin:0}.cli-install-note{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin:0}.cli-download-cards{display:flex;gap:var(--s-3)}.cli-download-card{flex:1;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--bg-surface);border:var(--border);border-radius:var(--radius-2);text-decoration:none;color:var(--text);transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.cli-download-card:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-1)}.cli-download-card strong{display:block;font-size:var(--text-sm);font-weight:600}.cli-download-file{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.cli-code-block{background:var(--bg-page);border:var(--border);border-radius:var(--radius-2);padding:var(--s-4);font-size:var(--text-xs);line-height:1.7;overflow-x:auto;white-space:pre;color:var(--text)}.cli-factory-header{display:flex;align-items:center;gap:var(--s-3)}.cli-factory-section code{background:var(--bg-page);padding:1px 5px;border-radius:var(--radius-1);font-size:var(--text-xs)}.danger-text{color:var(--danger)}.list-view{flex:1;overflow-y:auto;padding:var(--s-4)}.list-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-6);color:var(--text-muted);font-size:var(--text-sm)}.list-rows{display:flex;flex-direction:column;gap:1px;background:var(--border-color, var(--gray-4));border-radius:var(--radius-2);overflow:hidden}.list-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-surface);cursor:grab;transition:background var(--duration-fast) var(--ease-out);user-select:none;-webkit-user-select:none}.list-row:hover{background:var(--bg-surface-hover)}.list-row-ghost{background:var(--bg-elevated);box-shadow:var(--shadow-2);border-radius:var(--radius-1);opacity:.95}.list-drag-handle{flex:none;display:flex;align-items:center;color:var(--text-subtle);cursor:grab;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.list-row:hover .list-drag-handle{opacity:1}.list-row-content{flex:1;display:flex;align-items:center;gap:var(--s-3);min-width:0}.list-row-primary{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.list-row-title{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-description{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-meta{display:flex;align-items:center;gap:var(--s-2);flex:none}.list-row-labels{display:flex;gap:4px}.list-row-labels .label-chip{font-size:10px;padding:1px 6px}.list-row-assignees{display:flex}.status-pill-wrapper{position:relative}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--s-2);border-radius:var(--radius-1);background:color-mix(in srgb,var(--pill-color, #868e96) 15%,transparent);border:none;font-size:var(--text-xs);font-weight:600;color:var(--pill-color, var(--text-muted));cursor:pointer;white-space:nowrap;min-width:100px;text-align:center;transition:background var(--duration-fast) var(--ease-out)}.status-pill:hover{background:color-mix(in srgb,var(--pill-color, #868e96) 25%,transparent)}.status-pill-readonly{cursor:default}.status-pill-readonly:hover{background:color-mix(in srgb,var(--pill-color, #868e96) 15%,transparent)}.status-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-elevated);border-radius:var(--radius-2);box-shadow:var(--shadow-2);padding:var(--s-1);z-index:20;min-width:140px}.status-dropdown-item{display:block;width:100%;text-align:left;padding:var(--s-1) var(--s-2);border:none;background:transparent;border-radius:var(--radius-1);font-size:var(--text-sm);color:var(--text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.status-dropdown-item:hover{background:var(--bg-surface-hover)}.status-dropdown-item.active{color:var(--accent);font-weight:600}.list-add-card-btn{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3);margin-bottom:var(--s-2);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-1);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.list-add-card-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.list-add-card-form{display:flex;gap:var(--s-2);margin-bottom:var(--s-2);align-items:center}.list-add-card-form input{flex:1}@media (max-width: 599px){.list-row-meta{flex-wrap:wrap}.list-row-content{flex-direction:column;align-items:flex-start}}.toast-container{position:fixed;bottom:var(--s-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s-2);z-index:100;pointer-events:none}.toast{padding:var(--s-2) var(--s-4);border-radius:var(--radius-2);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-2);animation:toast-in .2s var(--ease-out);white-space:nowrap}.toast-success{background:var(--bg-elevated);color:var(--text);border:var(--border)}.toast-error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}