@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600;800&display=swap";@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);--danger: #ef6a6a;--danger-soft: rgba(239, 106, 106, .15);--success: #3dd68c;--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}.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;height:100dvh;overflow:hidden}.app-canvas{min-width:0;display:flex;flex-direction:column;height:100vh;height:100dvh;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}}.verify-email-banner{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--accent-soft);border-bottom:var(--border);color:var(--text);font-size:var(--text-sm)}.verify-email-banner-text{flex:1;min-width:0}.verify-email-banner-resend{background:transparent;border:none;color:var(--accent);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0}.verify-email-banner-resend:hover:not(:disabled){text-decoration:underline}.verify-email-banner-resend:disabled{opacity:.6;cursor:default}.verify-email-banner-dismiss{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--s-1);border-radius:var(--radius-1)}.verify-email-banner-dismiss:hover{background:var(--bg-surface-hover);color:var(--text)}.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;height:100dvh;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-icon-btn{width:28px;height:28px;display:grid;place-items:center;flex:none;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-icon-btn: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}.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}.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)}.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}.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)}.invite-divider{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-3) 0;color:var(--text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.invite-divider:before,.invite-divider:after{content:"";flex:1;height:1px;background:var(--gray-5)}.invite-link-btn{width:100%}@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;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.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}.topbar{height:48px;gap:var(--s-2);padding-left:max(var(--s-4),env(safe-area-inset-left));padding-right:max(var(--s-4),env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.view-toggle-btn span{display:none}.topbar-breadcrumb{flex:1;min-width:0}.topbar-title{min-width:0}.topbar .role-badge,.topbar-presence{display:none}}.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}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}}.form-success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);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(--success) 20%,transparent);animation:error-in var(--duration-base) var(--ease-out)}.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)}.toast-container{position:fixed;bottom:calc(var(--s-4) + env(safe-area-inset-bottom));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)}}.landing{min-height:100vh;min-height:100dvh;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-signin-forgot{position:absolute;top:100%;left:0;margin-top:6px;font-size:11px;color:var(--text-muted);white-space:nowrap}.landing-signin-forgot:hover{color:var(--text);text-decoration:underline}.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}.demo-phase-building,.demo-phase-done{display:none}.demo-phase-todo{animation:demo-card-fade .6s var(--ease-out) forwards}.demo-journey-1{animation-delay:.2s}.demo-journey-2{animation-delay:.4s}@keyframes demo-card-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-board-container{padding:var(--s-3)}.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;min-height:100dvh;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}.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}.filter-bar{flex:none;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-bottom:var(--border);background:var(--bg-surface)}.filter-toggle-btn{display:inline-flex;align-items:center;gap:var(--s-1);flex:none;padding:5px var(--s-2);border-radius:var(--radius-1);border:var(--border);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.filter-toggle-btn:hover,.filter-toggle-btn[aria-expanded=true]{background:var(--bg-surface-hover);color:var(--text)}.filter-chips{display:flex;align-items:center;gap:var(--s-2);overflow-x:auto;min-width:0;flex:1;scrollbar-width:thin}.filter-chip{display:inline-flex;align-items:center;gap:var(--s-1);flex:none;padding:3px var(--s-2);border-radius:var(--radius-pill);border:1px solid var(--gray-5);background:var(--bg-surface);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.filter-chip:hover{border-color:var(--gray-7);color:var(--text)}.filter-chip[aria-pressed=true]{border-color:transparent;background:var(--accent);color:#fff}.filter-chip-label[aria-pressed=true]{background:var(--chip-color);box-shadow:inset 0 1px #ffffff2e}.filter-chip-blocked[aria-pressed=true]{background:var(--red-text, #e03131)}.filter-chip-avatar{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:9px;font-weight:700;flex:none}.filter-clear-chip{display:inline-flex;align-items:center;gap:2px;flex:none;padding:3px var(--s-2);border-radius:var(--radius-pill);border:none;background:var(--gray-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.filter-clear-chip:hover{background:var(--gray-4);color:var(--text)}.filter-count{flex:none;font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap;margin-left:auto;padding-left:var(--s-2)}.shortcuts-list{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-1) 0}.shortcuts-list li{display:flex;align-items:center;gap:var(--s-3)}.shortcuts-list kbd{flex:none;min-width:28px;text-align:center;padding:2px var(--s-2);border-radius:var(--radius-1);border:1px solid var(--gray-6);background:var(--gray-3);color:var(--text);font-family:inherit;font-size:var(--text-xs);font-weight:600}.shortcuts-list span{font-size:var(--text-sm);color:var(--text-muted)}.card[data-editor=false],.card[data-editor=false] .card-body,.card[data-editor=false]:active,.card[data-editor=false] .card-body:active{cursor:pointer}.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;gap:var(--s-1);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-move-btn,.column-edit-btn{display:inline-flex;align-items:center;justify-content:center;flex:none}.column-move-btn:disabled{visibility:hidden}.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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);margin-left:auto;flex:none}.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);flex-shrink:0;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:var(--text-xs);font-weight:600;line-height:1;padding:3px var(--s-2);border-radius:var(--radius-1);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);white-space:nowrap}.card .blocked-badge{margin:0 var(--s-3) var(--s-2)}.blocked-toggle-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s-2);height:32px;padding:0 var(--s-3);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-1);border:1px solid var(--gray-5);background:transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.blocked-toggle-btn:hover{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.blocked-toggle-btn.is-blocked{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent);font-weight:600}.card-blocked-section .text-muted{font-size:var(--text-sm);color:var(--text-muted)}.card-move-column{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);max-width:280px}.card-move-column .move-column-label{font-size:var(--text-sm);color:var(--text-muted)}.card-move-column .status-pill-wrapper{flex:none}.card-archived-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3);margin-bottom:var(--s-3);border-radius:var(--radius-1);background:var(--gray-3, rgba(134, 142, 150, .12))}.card-archived-banner .ghost-btn{display:inline-flex;align-items:center;gap:var(--s-2)}.archived-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;line-height:1;padding:2px 6px;border-radius:4px;background:var(--gray-4, rgba(134, 142, 150, .2));color:var(--text-muted);white-space:nowrap}.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-right{display:inline-flex;align-items:center;gap:var(--s-2);min-height:24px}.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}.checklist-chip{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);background:var(--gray-3);border-radius:var(--radius-pill);padding:2px var(--s-2);white-space:nowrap}.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) scale(1.03);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}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.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{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: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)}.overlay-card.card-detail-modal{width:min(960px,100%);max-height:min(90vh,700px);padding:0;gap:0;overflow:hidden}.card-detail-modal>.card-archived-banner{flex:none;margin:var(--s-3) var(--s-5) 0}.card-detail-modal>header{flex:none;flex-direction:column;align-items:stretch;gap:var(--s-2);padding:var(--s-4) var(--s-5) var(--s-3);border-bottom:var(--border)}.overlay-crumbs{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.overlay-crumb-trail{display:flex;align-items:center;gap:var(--s-1);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-xs);color:var(--text-subtle)}.overlay-crumb-current{color:var(--text-muted);font-weight:600}.overlay-close-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:-6px;border-radius:var(--radius-1);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.overlay-close-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.overlay-title-row{display:flex;align-items:flex-start;gap:var(--s-3)}.card-detail-modal .overlay-title-row .card-title{margin:0 0 0 calc(-1 * (var(--s-2) + 1px));font-size:var(--text-lg);line-height:var(--text-lg-lh);letter-spacing:-.018em}.autosave-indicator{flex:none;align-self:center;display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);white-space:nowrap}.autosave-indicator[data-state=saved]{color:var(--success)}.autosave-indicator svg{width:13px;height:13px}.overlay-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 312px}.overlay-main{--focus-ring: 0 0 0 2px var(--bg-elevated), 0 0 0 4px var(--accent);min-height:0;overflow-y:auto;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-5)}.overlay-rail{--focus-ring: 0 0 0 2px var(--bg-sidebar), 0 0 0 4px var(--accent);min-height:0;overflow-y:auto;background:var(--bg-sidebar);border-left:var(--border);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}.overlay-rail>section+section{padding-top:var(--s-4);border-top:var(--border)}.card-detail-modal input[type=text],.card-detail-modal .ghost-btn,.card-detail-modal .danger-btn,.card-detail-modal .primary-btn,.card-detail-modal .attachment-upload-btn{height:32px}.card-detail-modal input[type=text]{padding:0 var(--s-3)}.comment-item{display:flex;gap:var(--s-3);align-items:flex-start}.comment-item .comment-main{flex:1;min-width:0}.comment-item .comment-body{margin-top:2px}.comments-section{flex-grow:1}.composer{flex:none;margin-top:auto;position:sticky;bottom:0;background:var(--bg-elevated);padding:var(--s-4) 0 0;border-top:var(--border);display:flex;gap:var(--s-3);align-items:flex-start}.composer-input-wrap{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:var(--bg-surface);border:1px solid var(--gray-5);border-radius:var(--radius-2);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.composer-input-wrap:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.composer-input-wrap textarea{border:none;background:transparent;padding:var(--s-2) var(--s-3);min-height:62px;resize:none;overflow-y:auto}.composer-input-wrap textarea:focus{outline:none;border-color:transparent;box-shadow:none}.composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3);padding:0 var(--s-2) var(--s-2)}.composer-hint{font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap}.mention-suggestions{position:absolute;bottom:calc(100% + var(--s-2));left:0;right:0;z-index:5;margin:0;padding:var(--s-1);list-style:none;max-height:240px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--gray-5);border-radius:var(--radius-2);box-shadow:var(--shadow-3)}.mention-option{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2);border:none;background:transparent;border-radius:var(--radius-1);text-align:left;cursor:pointer;color:var(--text)}.mention-option.is-active{background:var(--gray-3)}.mention-option-name{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-option-email{margin-left:auto;padding-left:var(--s-2);font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention{padding:0 3px;border-radius:var(--radius-1);background:var(--accent-soft);color:var(--accent);font-weight:550;white-space:nowrap}.mention-self{background:var(--accent);color:#fff}.card-description-rendered,.comment-body{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--text)}.card-description-rendered>:first-child,.comment-body>:first-child{margin-top:0}.card-description-rendered>:last-child,.comment-body>:last-child{margin-bottom:0}.card-description-rendered p,.comment-body p{margin:var(--s-2) 0;overflow-wrap:anywhere}.card-description-rendered h1,.card-description-rendered h2,.card-description-rendered h3,.card-description-rendered h4,.card-description-rendered h5,.card-description-rendered h6,.comment-body h1,.comment-body h2,.comment-body h3,.comment-body h4,.comment-body h5,.comment-body h6{margin:var(--s-3) 0 var(--s-1);font-size:var(--text-base);line-height:var(--text-base-lh)}.card-description-rendered ul,.card-description-rendered ol,.comment-body ul,.comment-body ol{list-style:revert;padding-left:var(--s-5);margin:var(--s-2) 0}.card-description-rendered li,.comment-body li{margin:var(--s-1) 0}.md-task-item{list-style:none;display:flex;align-items:flex-start;gap:var(--s-1)}.md-task-checkbox{flex:none;color:var(--text-muted)}.card-description-rendered blockquote,.comment-body blockquote{margin:var(--s-2) 0;padding:var(--s-1) var(--s-3);border-left:3px solid var(--gray-6);color:var(--text-muted)}.card-description-rendered code,.comment-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--gray-3);padding:1px 4px;border-radius:var(--radius-1)}.md-code-block{margin:var(--s-2) 0;padding:var(--s-2) var(--s-3);background:var(--gray-3);border:var(--border);border-radius:var(--radius-2);overflow-x:auto}.md-code-block code{background:none;padding:0;font-size:var(--text-xs);line-height:var(--text-xs-lh)}.card-description-rendered,.card-description-editor{padding:var(--s-2) var(--s-3);margin:0 calc(-1 * var(--s-3));width:auto;border:1px solid transparent;border-radius:var(--radius-2)}.card-description-rendered{position:relative;min-height:32px}.card-description-editor{background:var(--bg-surface);border-color:var(--gray-5)}.card-description-rendered[data-editable=true]{cursor:pointer}.card-description-rendered[data-editable=true]:hover{background:var(--bg-surface-hover)}.card-description-rendered[data-editable=true]:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.description-edit-btn{position:absolute;top:var(--s-1);right:var(--s-1);display:inline-flex;align-items:center;gap:var(--s-1);height:24px;padding:0 var(--s-2);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);background:var(--bg-elevated);border:var(--border);border-radius:var(--radius-1);box-shadow:var(--shadow-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.card-description-rendered:hover .description-edit-btn,.card-description-rendered:focus-visible .description-edit-btn,.description-edit-btn:focus-visible{opacity:1}.description-edit-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.comments{display:flex;flex-direction:column;gap:var(--s-4)}.comments strong{font-size:var(--text-sm);font-weight:600;color:var(--text)}.comments small{font-size:var(--text-xs);color:var(--text-subtle)}.comment-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);min-height:22px}.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%}.attachment-list{display:flex;flex-direction:column;gap:var(--s-1)}.attachment-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);background:var(--bg-surface);border:var(--border);border-radius:var(--radius-2);font-size:var(--text-sm)}.attachment-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.attachment-identity a{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-identity small{font-size:var(--text-xs);color:var(--text-subtle)}.attachment-delete-btn{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:none;border-radius:var(--radius-1);background:transparent;color:var(--text-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.attachment-delete-btn:hover{background:var(--danger-soft);color:var(--danger)}.attachment-upload-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--s-1);width:fit-content;height:28px;padding:0 var(--s-3);border-radius:var(--radius-1);border:1px solid var(--gray-5);background:transparent;color:var(--text);font-size:var(--text-sm);font-weight:500;letter-spacing:normal;text-transform:none;cursor:pointer}.attachment-upload-btn:hover{background:var(--bg-surface-hover);border-color:var(--gray-6)}.attachment-upload-btn:focus-within{box-shadow:var(--focus-ring)}.attachments-dropzone{border-radius:var(--radius-2);transition:background-color .15s ease}.attachments-dropzone[data-active=true]{outline:2px dashed var(--accent);outline-offset:4px;background:var(--accent-soft)}.attachments-dropzone-hint{margin:0 0 var(--s-2);color:var(--accent);font-size:var(--text-sm);font-weight:500}.attachments-uploading{margin:var(--s-2) 0 0;color:var(--text-subtle);font-size:var(--text-sm)}.label-toggles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.label-toggle-chip{display:inline-block;padding:3px 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{display:inline-flex;align-items:center;gap:var(--s-1);height:24px;padding:0 var(--s-2);background:transparent;border:none;color:var(--text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;border-radius:var(--radius-1);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.manage-labels-btn:hover,.manage-labels-btn[aria-expanded=true]{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)}.checklist-progress{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-1)}.checklist-progress-bar{flex:1;height:4px;border-radius:var(--radius-pill);background:var(--gray-4);overflow:hidden}.checklist-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width var(--duration-fast) var(--ease-out)}.checklist-progress-label{font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);white-space:nowrap}.checklist-items{display:flex;flex-direction:column;gap:2px}.checklist-item{display:flex;align-items:center;gap:var(--s-3);min-height:30px;padding:2px var(--s-2);margin:0 calc(-1 * var(--s-2));border-radius:var(--radius-1);transition:background var(--duration-fast) var(--ease-out)}.checklist-item:hover{background:var(--bg-surface-hover)}.checklist-item input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;display:grid;place-content:center;width:16px;height:16px;margin:0;padding:0;border:1.5px solid var(--gray-7);border-radius:var(--radius-1);background:var(--bg-surface);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.checklist-item input[type=checkbox]:hover:not(:disabled){border-color:var(--accent)}.checklist-item input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checklist-item input[type=checkbox]:checked:after{content:"";width:4px;height:7px;margin-top:-2px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checklist-item input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.checklist-item input[type=checkbox]:disabled{cursor:default;opacity:.6}.checklist-item-label{display:flex;flex-direction:row;align-items:center;gap:var(--s-2);flex:1;min-width:0;cursor:pointer;font-size:var(--text-sm);font-weight:400;letter-spacing:normal;text-transform:none;color:var(--text)}.checklist-item-title{font-size:var(--text-sm);color:var(--text);overflow-wrap:anywhere}.checklist-item-title.is-done{color:var(--text-subtle);text-decoration:line-through}.checklist-item-actions{display:inline-flex;align-items:center;gap:var(--s-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.checklist-item:hover .checklist-item-actions{opacity:1}.checklist-move-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}.checklist-move-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text)}.checklist-move-btn:disabled{opacity:.35;cursor:default}.checklist-delete-btn:hover:not(:disabled){color:var(--danger)}.checklist-add-form{display:flex;gap:var(--s-2);align-items:center;margin-top:var(--s-1)}.checklist-add-form input{flex:1;min-width:0}.checklist-add-form .ghost-btn{flex:none}[data-readonly=true].card-checklist-section .checklist-item-label{cursor:default}.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);max-width:100%;min-width:0;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;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{position:absolute;top:100%;left:0;right:0;z-index:30;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{--focus-ring: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--accent);margin-top:var(--s-3);padding:var(--s-3);background:var(--bg-surface);border:var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:var(--s-3);max-height:min(60vh,360px);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;flex-direction:column;gap:var(--s-2);padding-bottom:var(--s-3);border-bottom:1px solid var(--gray-4)}.new-label-row{display:flex;align-items:center;gap:var(--s-2)}.new-label-row input[type=text]{flex:1;min-width:0}.new-label-row .ghost-btn{flex:none}.label-manager-list{display:flex;flex-direction:column;gap:var(--s-1)}.label-manager-row{display:flex;align-items:center;gap:var(--s-2)}.label-manager-row input[type=text]{flex:1;min-width:0}.label-row-color{flex:none;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #0f111524}.label-row-color::-webkit-color-swatch-wrapper{padding:0}.label-row-color::-webkit-color-swatch{border:none;border-radius:50%}.label-row-color::-moz-color-swatch{border:none;border-radius:50%}.label-row-save{flex:none}.card-detail-modal .label-row-delete{flex:none;width:30px;padding:0;justify-content:center}.color-picker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-4)}.color-picker>input[type=color]{flex:none;width:24px;height:24px;padding:0;border:1px solid var(--gray-5);border-radius:var(--radius-1);background:transparent;cursor:pointer}.color-picker>input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker>input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.color-palette{display:flex;flex-wrap:wrap;gap:var(--s-2)}.color-swatch{width:20px;height:20px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0f11151f;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.color-swatch:hover:not(:disabled){transform:scale(1.12)}.color-swatch[data-active=true]{box-shadow:inset 0 0 0 1px #0f11151f,0 0 0 2px var(--bg-surface),0 0 0 3px 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{margin-top:auto}.card-delete-section .danger-btn{gap:var(--s-2);width:fit-content}.card-delete-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.card-delete-actions .ghost-btn{display:inline-flex;align-items:center;gap:var(--s-2)}.card-delete-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--text-muted)}.archived-cards-section{padding:var(--s-2) var(--s-4);border-top:var(--border)}.archived-cards-toggle{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) 0;font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer}.archived-cards-toggle:hover{color:var(--text)}.archived-cards-list{max-width:480px}.archived-card-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-1) 0}.archived-card-title{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.archived-card-title:hover{color:var(--text);text-decoration:underline}.archived-card-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}.archived-card-restore-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.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}.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}.column-title-group{display:inline-flex;align-items:center;gap:var(--s-1);min-width:0}.column-done-icon{flex:none;color:var(--text-subtle)}.done-toggle-row{display:flex;flex-direction:row;align-items:center;gap:var(--s-2);text-transform:none;letter-spacing:normal;font-size:var(--text-sm);font-weight:500;color:var(--text);cursor:pointer}.done-toggle-row input[type=checkbox]{margin:0}.done-toggle-hint{font-size:var(--text-xs);color:var(--text-muted)}.column-danger-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.column-archive-action{display:flex;flex-direction:column;gap:var(--s-1)}.column-archive-action .ghost-btn{display:inline-flex;align-items:center;gap:var(--s-2);width:fit-content}.column-archive-hint{font-size:var(--text-xs);color:var(--text-subtle)}.label-chip[data-archived=true],.label-toggle-chip[data-archived=true]{opacity:.55;filter:saturate(.5)}.label-toggle-chip[data-archived=true]{border-style:dashed}.board-progress{display:inline-flex;align-items:center;gap:var(--s-2);margin-left:var(--s-3)}.board-progress-bar{width:56px;height:4px;border-radius:var(--radius-pill);background:var(--gray-4);overflow:hidden}.board-progress-fill{display:block;height:100%;background:var(--success);border-radius:var(--radius-pill);transition:width var(--duration-base) var(--ease-out)}.board-progress-text{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}@media (hover: none){.column-move-btn{opacity:1}.list-drag-handle{opacity:.5}}@media (max-width: 799px){.overlay-card.card-detail-modal{max-height:min(92vh,820px)}.overlay-body{grid-template-columns:minmax(0,1fr);overflow-y:auto}.overlay-main,.overlay-rail{overflow:visible;min-height:auto}.overlay-rail{order:-1;border-left:none;border-bottom:var(--border)}.card-delete-section{margin-top:0}.composer{position:static;bottom:auto;padding-bottom:0}}@media (max-width: 599px){.columns{padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom));scroll-snap-type:x mandatory;scroll-padding-left:var(--s-4);position:relative}.column{width:calc(100vw - 56px);scroll-snap-align:start;scroll-snap-stop:always}.columns[data-dragging=true]{scroll-snap-type:none}.add-column-btn,.new-column-form{scroll-snap-align:start}.columns[data-dragging=true]:before,.columns[data-dragging=true]:after{content:"";position:fixed;top:0;bottom:0;width:28px;pointer-events:none;z-index:5}.columns[data-dragging=true]:before{left:0;background:linear-gradient(to right,var(--accent-soft),transparent)}.columns[data-dragging=true]:after{right:0;background:linear-gradient(to left,var(--accent-soft),transparent)}.list-view{padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom))}.card .card-body{padding:var(--s-3)}.add-column-btn,.new-column-form{width:180px}.members-btn-label{display:none}.list-row{padding:var(--s-3) var(--s-2);min-height:44px}.list-row-meta{flex-wrap:wrap}.list-row-content{flex-direction:column;align-items:flex-start}.list-drag-handle{width:20px;opacity:.5}.list-drag-handle svg{width:18px;height:18px}.list-drag-handle{opacity:.4}.overlay{padding:0;place-items:stretch}.overlay-card{width:100%;max-height:none;height:100vh;height:100dvh;border-radius:0;box-shadow:none;gap:var(--s-4);padding:0 var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom));overscroll-behavior:contain;animation:sheet-in var(--duration-slow) var(--ease-out)}.overlay-card>header{position:sticky;top:0;z-index:2;align-items:center;margin:0 calc(-1 * var(--s-4));padding:calc(var(--s-2) + env(safe-area-inset-top)) var(--s-4) var(--s-2);background:var(--bg-elevated);border-bottom:1px solid var(--border-color, var(--gray-4))}.overlay-card.card-detail-modal{width:100%;max-height:none;padding:0;gap:0;overflow-y:auto}.card-detail-modal>.card-archived-banner{margin:var(--s-3) var(--s-4) 0}.card-detail-modal>header{margin:0;padding:calc(var(--s-2) + env(safe-area-inset-top)) var(--s-4) var(--s-2);align-items:stretch}.overlay-body{grid-template-columns:1fr;overflow-y:visible}.overlay-main,.overlay-rail{overflow:visible;min-height:auto;padding:var(--s-4)}.overlay-rail{order:-1;border-left:none;border-bottom:var(--border)}.composer{position:static;bottom:auto;margin-top:var(--s-4)}.column-tabbar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4) 0;overflow-x:auto;scrollbar-width:none}.column-tabbar::-webkit-scrollbar{display:none}.column-tab{flex:none;display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-3);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer}.column-tab[aria-current=true]{color:var(--text);font-weight:600;border-bottom-color:var(--tab-color, var(--accent))}.column-tab-count{font-size:var(--text-xs);color:var(--text-subtle);padding:1px var(--s-2);background:var(--gray-3);border-radius:var(--radius-pill)}.column-tab-add{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;background:transparent;border:1px dashed var(--gray-5);border-radius:var(--radius-2);color:var(--text-subtle);cursor:pointer}}@media (hover: none){.card-body:active{transform:scale(.985);transition:transform .12s var(--ease-out) 80ms}}.activity-backdrop{position:fixed;inset:0;background:#0f111552;display:flex;justify-content:flex-end;z-index:60;animation:activity-backdrop-in var(--duration-base) var(--ease-out)}@keyframes activity-backdrop-in{0%{opacity:0}to{opacity:1}}.activity-drawer{width:360px;max-width:100vw;height:100%;background:var(--bg-surface);border-left:var(--border);box-shadow:var(--shadow-3);display:flex;flex-direction:column;animation:activity-drawer-in var(--duration-base) var(--ease-out)}@keyframes activity-drawer-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.activity-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-4);border-bottom:var(--border);flex:none}.activity-drawer-title{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:600;color:var(--text)}.activity-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-2);color:var(--text-muted);background:transparent;border:none}.activity-drawer-close:hover{background:var(--bg-surface-hover);color:var(--text)}.activity-drawer-error{margin:var(--s-3) var(--s-4) 0;padding:var(--s-2) var(--s-3);border-radius:var(--radius-2);background:var(--danger-soft);color:var(--danger);font-size:var(--text-xs)}.activity-drawer-empty{padding:var(--s-5) var(--s-4);color:var(--text-subtle);font-size:var(--text-sm);text-align:center}.activity-list{flex:1;overflow-y:auto;padding:var(--s-2) 0}.activity-item{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--border-soft)}.activity-item-text{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--text)}.activity-item-actor{font-weight:600}.activity-item-time{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--text-subtle)}.activity-load-more{flex:none;margin:var(--s-3) var(--s-4);justify-content:center}.activity-btn{display:inline-flex;align-items:center;justify-content:center}@media (max-width: 599px){.activity-btn{display:none}.activity-drawer{width:100%}}.account-page{max-width:480px;width:100%;margin:0 auto;padding:var(--s-5) var(--s-4);flex:1;min-width:0;overflow-y:auto;box-sizing:border-box}.account-header{margin-bottom:var(--s-5)}.account-header h1{font-size:var(--text-lg);font-weight:650;line-height:var(--text-lg-lh);color:var(--text)}.account-section h2{font-size:var(--text-md);font-weight:600;margin-bottom:var(--s-3);color:var(--text)}.account-form{display:flex;flex-direction:column;gap:var(--s-3)}.account-form button[type=submit]{margin-top:var(--s-2);height:36px;align-self:flex-start}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:var(--s-2);cursor:pointer;color:var(--text)}.checkbox-label input[type=checkbox]{flex:none;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:default}.admin-page{max-width:960px;width:100%;margin:0 auto;padding:var(--s-5) var(--s-4);flex:1;min-width:0;overflow-y:auto;box-sizing:border-box}.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;width:100%;margin:0 auto;padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-5);min-width:0;overflow-y:auto;flex:1;box-sizing:border-box}.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);min-width:0}.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);max-width:100%}.cli-install-section code{background:var(--bg-page);padding:1px 5px;border-radius:var(--radius-1);font-size:var(--text-xs)}.danger-text{color:var(--danger)}.labels-page{max-width:960px;margin:0 auto;padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-6);min-width:0}.labels-header{display:flex;flex-direction:column;gap:var(--s-3)}.labels-back-link{display:inline-flex;align-items:center;gap:var(--s-1);width:fit-content;font-size:var(--text-sm);color:var(--text-muted)}.labels-back-link:hover{color:var(--text);text-decoration:none}.labels-title-row{display:flex;align-items:center;gap:var(--s-3);color:var(--text)}.labels-title-row h1{font-size:var(--text-lg);font-weight:650;line-height:var(--text-lg-lh)}.labels-board-context{font-size:var(--text-sm);color:var(--text-muted)}.labels-new-form{padding:var(--s-3) var(--s-4);background:var(--bg-surface);border:var(--border);border-radius:var(--radius-2)}.labels-new-form-row{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.labels-new-form-row input[type=text]{flex:1;min-width:160px}.labels-new-form-row .primary-btn{flex:none;white-space:nowrap}.labels-section h2{font-size:var(--text-md);font-weight:600;margin-bottom:var(--s-1);color:var(--text)}.labels-section-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--s-3)}.labels-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--s-3) 0}.labels-table-scroll{overflow-x:auto}.labels-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.labels-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);white-space:nowrap}.labels-table td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--gray-3);color:var(--text);vertical-align:middle}.labels-row{cursor:pointer}.labels-row:hover td{background:var(--gray-2)}.labels-row[data-expanded=true] td{background:var(--gray-3)}.labels-expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-1);color:var(--text-muted);cursor:pointer}.labels-expand-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.labels-name-cell{display:flex;align-items:center;gap:var(--s-2);min-width:180px}.labels-name-input{flex:1;min-width:100px;border:1px solid transparent;background:transparent;padding:var(--s-1) var(--s-2);border-radius:var(--radius-1);font-size:var(--text-sm);color:var(--text)}.labels-name-input:hover:not(:disabled){border-color:var(--gray-5);background:var(--bg-surface)}.labels-name-input:focus{outline:none;border-color:var(--accent);background:var(--bg-surface);box-shadow:var(--focus-ring)}.labels-name-input:disabled{color:var(--text-muted)}.labels-progress-bar{display:flex;align-items:stretch;width:140px;height:8px;border-radius:var(--radius-pill);overflow:hidden;background:var(--gray-4)}.labels-progress-segment{display:block;height:100%}.labels-count{white-space:nowrap;color:var(--text-muted);font-size:var(--text-sm)}.labels-row-actions{display:flex;align-items:center;gap:var(--s-2)}.labels-row-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--text-muted);max-width:360px}.labels-row-confirm-actions{display:flex;gap:var(--s-2);flex:none}.labels-accordion-row td{padding:0;border-bottom:1px solid var(--gray-3)}.labels-accordion{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);background:var(--gray-2)}.labels-column-breakdown{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);font-size:var(--text-sm);color:var(--text)}.labels-column-breakdown li{display:flex;align-items:center;gap:var(--s-2)}.labels-column-dot{width:8px;height:8px;border-radius:50%;flex:none}.labels-bulk-panel{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--gray-4)}.labels-bulk-panel h3{font-size:var(--text-sm);font-weight:600;color:var(--text)}.labels-bulk-filter{max-width:320px}.labels-bulk-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;background:var(--bg-surface);border:var(--border);border-radius:var(--radius-2);padding:var(--s-2)}.labels-bulk-item{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--radius-1)}.labels-bulk-item:hover{background:var(--gray-3)}.labels-bulk-item-label{display:flex;flex:1;align-items:baseline;justify-content:space-between;gap:var(--s-3);min-width:0;cursor:pointer;text-transform:none;letter-spacing:normal;font-weight:400;font-size:var(--text-sm);color:var(--text)}.labels-bulk-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.labels-bulk-item-column{flex:none;font-size:var(--text-xs);color:var(--text-subtle)}.labels-bulk-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.labels-unused-list{display:flex;flex-direction:column;gap:var(--s-1)}.labels-unused-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--bg-surface);border:var(--border);border-radius:var(--radius-2);flex-wrap:wrap}.labels-archived-toggle{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) 0;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer}.labels-archived-toggle:hover{color:var(--text)}.labels-archived-list{display:flex;flex-direction:column;gap:var(--s-1);margin-top:var(--s-2);opacity:.85}.labels-archived-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--radius-2)}.labels-archived-row:hover{background:var(--gray-2)}.labels-archived-swatch{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0f111524}.labels-archived-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--text)}.labels-archived-date{flex:none;font-size:var(--text-xs);color:var(--text-subtle)}.labels-restore-btn{flex:none}@media (max-width: 599px){.labels-table thead{display:none}.labels-table,.labels-table tbody,.labels-table tr,.labels-table td{display:block;width:100%}.labels-row{margin-bottom:var(--s-3);border:var(--border);border-radius:var(--radius-2);overflow:hidden}.labels-table td{border-bottom:none;padding:var(--s-2) var(--s-3)}.labels-table td[data-label]:not([data-label=""]):before{content:attr(data-label);display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s-1)}.labels-progress-bar{width:100%}.labels-accordion-row td{padding:0}.labels-unused-row{flex-direction:column;align-items:stretch}}@media (pointer: coarse){input[type=text],input[type=email],input[type=password],input[type=search],input:not([type]),textarea,select{font-size:16px}.search-input input,.mobile-search-bar input{font-size:16px}.tap-target{position:relative}.tap-target:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.status-pill{min-height:32px}.status-dropdown-item{padding:var(--s-2) var(--s-3)}.card-detail-modal input[type=text],.card-detail-modal .ghost-btn,.card-detail-modal .danger-btn,.card-detail-modal .primary-btn,.card-detail-modal .attachment-upload-btn,.card-detail-modal .blocked-toggle-btn{height:40px}.card-detail-modal .label-row-delete{width:40px}.checklist-item-label{min-height:44px;align-items:center}.checklist-item-label input[type=checkbox]{width:18px;height:18px}}