:root{--bg:#f5f7fb;--bg-deep:#e9eef6;--surface:#fff;--surface-2:#f0f3f9;--ink:#19243b;--ink-2:#44526a;--muted:#5e6d84;--line:#dce3ee;--line-strong:#bbc7d9;--accent:#3658d6;--accent-ink:#2845b1;--accent-soft:#e8edff;--accent-ring:#4264ed3d;--action:#3658d6;--action-hover:#2945b3;--danger:#b42e42;--danger-soft:#fce9ed;--warn:#805309;--warn-soft:#fff2d6;--success-soft:#e6f1ed;--sidebar:#fff;--scrim:#0e172a66;--toast:#24304a;--toast-error:#923447;--hero:linear-gradient(135deg, #eef2ff, #f9fbff 70%);--radius:14px;--radius-sm:9px;--shadow-sm:0 2px 4px #18274b09;--shadow:0 8px 24px #18274b12;--shadow-lg:0 24px 70px #0e172a38;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font);--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sidebar-w:268px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d121c;--bg-deep:#1d283a;--surface:#171f2e;--surface-2:#131b29;--ink:#e8edf7;--ink-2:#bcc8dc;--muted:#94a4bc;--line:#29354a;--line-strong:#4b5e7d;--accent:#a3b7ff;--accent-ink:#becdff;--accent-soft:#253352;--accent-ring:#93adff47;--action:#4161da;--action-hover:#4c6ded;--danger:#ff9ca9;--danger-soft:#40232e;--warn:#edca83;--warn-soft:#352d20;--success-soft:#1a302d;--sidebar:#111824;--scrim:#00040cad;--toast:#293c5d;--toast-error:#923447;--hero:linear-gradient(135deg, #1b2742, #121a28 70%);--shadow-sm:0 2px 4px #0000001a;--shadow:0 8px 24px #0000002e;--shadow-lg:0 24px 70px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0d121c;--bg-deep:#1d283a;--surface:#171f2e;--surface-2:#131b29;--ink:#e8edf7;--ink-2:#bcc8dc;--muted:#94a4bc;--line:#29354a;--line-strong:#4b5e7d;--accent:#a3b7ff;--accent-ink:#becdff;--accent-soft:#253352;--accent-ring:#93adff47;--action:#4161da;--action-hover:#4c6ded;--danger:#ff9ca9;--danger-soft:#40232e;--warn:#edca83;--warn-soft:#352d20;--success-soft:#1a302d;--sidebar:#111824;--scrim:#00040cad;--toast:#293c5d;--toast-error:#923447;--hero:linear-gradient(135deg, #1b2742, #121a28 70%);--shadow-sm:0 2px 4px #0000001a;--shadow:0 8px 24px #0000002e;--shadow-lg:0 24px 70px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{margin:0;line-height:1.2}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}code{font-family:var(--font-mono);background:var(--bg-deep);border-radius:4px;padding:.05em .35em;font-size:.88em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--muted)}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:38px;color:var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--action);border-color:var(--action);color:#fff}.button-primary:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}.button-ghost{color:var(--accent);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){background:var(--accent-soft);border-color:#0000}.button-small{min-height:32px;padding:0 12px;font-size:13.5px}.icon-button{width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--bg-deep);color:var(--ink)}.icon-button:disabled{opacity:.5;cursor:default}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:13.5px;font-weight:600}.link-button:hover{background:var(--accent-soft)}input[type=text],input[type=search],input[type=password],input[type=date],input:not([type]),select,textarea{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}textarea{resize:vertical;line-height:1.45}.field{gap:6px;display:grid}.field-label{font-size:13.5px;font-weight:600}.field-help{color:var(--muted);font-size:12.5px}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin:0;padding:8px 12px;font-size:14px}.notice{background:var(--warn-soft);color:var(--warn);border-radius:var(--radius-sm);margin:0 0 18px;padding:10px 14px}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-mark{background:var(--action);color:#fff;width:30px;height:30px;font-size:17px;font-family:var(--font-display);border-radius:9px;place-items:center;display:grid}.demo-badge{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.login{background:radial-gradient(ellipse at 12% 10%, var(--accent-soft), transparent 65%), var(--bg);place-items:center;min-height:100%;padding:clamp(20px,4vw,64px);display:grid}.login-shell{background:var(--surface);border:1px solid var(--line);width:min(1180px,100%);min-height:680px;box-shadow:var(--shadow-lg);border-radius:28px;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.login-story{isolation:isolate;color:#fff;background:#1d3473;padding:44px 48px;position:relative;overflow:hidden}.login-brand{letter-spacing:-.03em;align-items:center;gap:12px;font-size:17px;font-weight:650;display:flex}.login-brand-mark{border:1px solid #8197d1;border-radius:10px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.login-story-copy{z-index:1;margin-top:68px;position:relative}.login-eyebrow{color:#b9caff;letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:650}.login-story h1{letter-spacing:-.055em;font-size:clamp(40px,4.6vw,62px);font-weight:600;line-height:1.06}.login-story-copy>p:last-child{color:#d6e0fa;margin:24px 0 0;font-size:15px;line-height:1.7}.login-landscape{z-index:0;pointer-events:none;width:100%;height:auto;position:absolute;bottom:0;left:0}.login-welcome{place-items:center;padding:64px 48px 96px;display:grid;position:relative}.login-content{text-align:left;width:min(100%,340px)}.login-welcome-mark{border:1px solid var(--line);width:48px;height:48px;color:var(--accent);background:var(--bg);border-radius:15px;place-items:center;margin-bottom:28px;display:grid}.login-welcome-mark svg{width:28px;height:28px}.login-content h2{letter-spacing:-.045em;font-size:34px;font-weight:650}.login-intro{color:var(--ink-2);margin:12px 0 32px;line-height:1.7}.login-button{width:100%;min-height:54px;box-shadow:0 5px 12px var(--accent-ring);border-radius:12px;justify-content:space-between;gap:16px;padding:14px 18px}.login-button svg{flex-shrink:0;width:20px;height:20px}.login-caption{color:var(--muted);margin:20px 0 0;font-size:12px;line-height:1.7}.login-content .form-error,.login-content .notice{overflow-wrap:anywhere;margin:20px 0 0}.login-footer{color:var(--muted);text-align:center;letter-spacing:.02em;margin:0;font-size:11px;position:absolute;bottom:28px;left:24px;right:24px}@media (width<=900px){.login-story{padding:36px 32px}.login-welcome{padding:48px 32px 88px}.login-story-copy{margin-top:56px}.login-desktop-break{display:none}}@media (width<=680px){.login{padding:16px}.login-shell{border-radius:22px;grid-template-columns:1fr;min-height:0}.login-story{padding:26px 28px 32px}.login-brand{font-size:15px}.login-brand-mark{border-radius:9px;width:30px;height:30px;font-size:17px}.login-story-copy{margin-top:30px}.login-eyebrow{display:none}.login-story h1{font-size:40px}.login-story-copy>p:last-child{max-width:265px;margin-top:16px;font-size:13px}.login-landscape{opacity:.24;width:75%;left:auto;right:-26%}.login-welcome{padding:32px 28px}.login-welcome-mark,.login-footer{display:none}.login-content h2{font-size:28px}.login-intro{margin:8px 0 24px;font-size:14px}.login-caption{margin-top:16px}}.lede{color:var(--ink-2);max-width:34em;margin:0 0 28px;font-size:17px}.workspace{flex-direction:column;height:100%;display:flex}.demo-banner{background:var(--warn-soft);color:var(--warn);text-align:center;flex:none;padding:6px 12px;font-size:13.5px}.workspace-body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;flex:none;min-height:0;display:flex}.sidebar-top{justify-content:space-between;align-items:center;padding:18px 16px 12px 18px;display:flex}.sidebar-close{display:none}.search{color:var(--muted);align-items:center;margin:4px 14px 10px;display:flex;position:relative}.search svg{pointer-events:none;position:absolute;left:11px}.search input{border-radius:var(--radius-sm);background:var(--surface-2);padding-left:34px}.sidebar-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);justify-content:space-between;align-items:center;padding:2px 10px 2px 18px;font-size:12px;font-weight:700;display:flex}.project-list{flex:1;padding:4px 8px 12px;overflow-y:auto}.project-group+.project-group{margin-top:10px}.project-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:8px 10px 4px;font-size:11.5px;font-weight:700}.project-group ul{margin:0;padding:0;list-style:none}.project-link{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px;display:flex}.project-link:hover{background:var(--bg-deep);color:var(--ink)}.project-link.is-active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.project-initial{background:var(--surface);border:1px solid var(--line);width:24px;height:24px;color:var(--accent);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.project-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.project-tools{color:var(--muted);flex:none;gap:4px;display:flex}.sidebar-message{color:var(--muted);padding:12px 10px;font-size:14px}.sidebar-message p{margin:0 0 8px}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 12px 12px 16px;display:flex}.sidebar-user{flex:1;min-width:0;line-height:1.25;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user span{color:var(--muted);font-size:12.5px}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.mobile-bar,.nav-scrim{display:none}.avatar{color:#fff;letter-spacing:.02em;box-shadow:0 0 0 2px var(--surface);-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar{margin-left:-6px}.avatar-extra{background:var(--line-strong);color:var(--ink-2)}.chip{color:var(--ink-2);background:var(--bg-deep);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.chip-overdue{background:var(--danger-soft);color:var(--danger)}.chip-soon{background:var(--warn-soft);color:var(--warn)}.chip-done{background:var(--accent-soft);color:var(--accent)}.person-chip{background:var(--bg-deep);border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 3px;font-size:13.5px;display:inline-flex}.live-badge{color:var(--muted);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:var(--line-strong);border-radius:999px;width:8px;height:8px}.live-ok{color:var(--accent)}.live-ok .live-dot{background:#2f8a57;animation:2.4s infinite pulse;box-shadow:0 0 #2f8a5780}.live-warn{color:var(--warn);background:var(--warn-soft);border-color:#0000}.live-warn .live-dot{background:var(--warn)}@keyframes pulse{0%{box-shadow:0 0 #2f8a5773}70%{box-shadow:0 0 0 6px #2f8a5700}to{box-shadow:0 0 #2f8a5700}}.welcome{max-width:1040px;padding:clamp(24px,6vw,72px);overflow-y:auto}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:700}.welcome h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(28px,3.6vw,40px)}.welcome-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px;display:grid}.welcome-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;gap:6px;padding:18px;transition:box-shadow .15s,border-color .15s,transform .15s;display:grid}.welcome-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-1px)}.welcome-tools{color:var(--accent);gap:12px;margin-top:4px;font-size:12.5px;font-weight:600;display:flex}.welcome-tools span{align-items:center;gap:4px;display:inline-flex}.home{flex:1;min-width:0;min-height:0}.home-content{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;width:min(100%,1920px);margin-inline:auto;display:grid}.home-content>*{min-width:0}@media (width>=1500px){.home-content{grid-template-columns:minmax(0,1fr) 380px}.home-projects{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:24px}.home-projects .welcome-grid{grid-template-columns:minmax(0,1fr)}}.recent-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.recent-heading h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.6vw,40px)}.recent-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recent-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 18px;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .15s;display:grid}.recent-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-1px)}.recent-card-main{gap:4px;min-width:0;display:grid}.recent-context{min-width:0;color:var(--accent);gap:6px;font-size:12.5px;font-weight:600;display:flex}.recent-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-title{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:16px;font-weight:650;display:flex}.recent-card.is-completed .recent-title{color:var(--ink-2)}.recent-preview{color:var(--ink-2);overflow-wrap:anywhere;font-size:14px}.recent-updates{border-top:1px dashed var(--line);gap:6px;margin:6px 0 0;padding:8px 0 0;list-style:none;display:grid}.recent-update{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;font-size:13.5px;display:grid}.recent-update-text{-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--ink-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recent-update-meta time{color:var(--muted);font-size:12.5px}.recent-card-side{text-align:right;align-content:start;justify-items:end;gap:8px;display:grid}.recent-visited{color:var(--muted);white-space:nowrap;font-size:12.5px}.recent-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.recent-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--accent);align-items:flex-start;gap:14px;padding:18px;display:flex}.recent-empty strong{color:var(--ink)}.recent-empty p{margin:2px 0 0}.recent-message{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.recent-message p{margin:0}.recent-message-inline{background:var(--warn-soft);color:var(--warn);justify-content:flex-start;margin:0 0 10px;font-size:13.5px}.recent-unavailable{margin:10px 0 0}.skeleton-recent{border-radius:var(--radius);height:96px}.home-projects h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:24px}@media (width<=640px){.home-content{gap:28px}.recent-card{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 14px}.recent-card-side{text-align:left;grid-auto-flow:column;justify-content:start;place-items:center start}.recent-chips{justify-content:flex-start}}.empty-state{text-align:center;justify-items:center;gap:10px;max-width:460px;margin:auto;padding:48px 24px;display:grid}.empty-state h2{font-family:var(--font-display);font-size:22px}.empty-state p{color:var(--muted);margin:0}.project{flex-direction:column;flex:1;min-height:0;display:flex}.project-header{border-bottom:1px solid var(--line);background:var(--bg);padding:24px 28px 0}.project-heading{align-items:center;gap:8px;display:flex}.project-heading h1{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(24px,2.8vw,32px);font-weight:700}.project-description{color:var(--muted);max-width:60em;margin:6px 0 0}.tabs{scrollbar-width:none;gap:4px;margin-top:16px;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:9px 14px 11px;font-weight:600;display:inline-flex}.tab:hover{color:var(--ink)}.tab.is-active{color:var(--accent-ink);border-bottom-color:var(--accent)}.project-content,.board-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.board-toolbar,.campfire-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 28px;display:flex}.board-summary{color:var(--muted);font-size:13px;font-weight:600}.board{scroll-snap-type:x proximity;flex:1;align-items:flex-start;gap:14px;min-height:0;margin:0;padding:2px 28px 24px;scroll-padding-inline:28px;list-style:none;display:flex;overflow:auto hidden}.column{background:var(--bg-deep);border-radius:var(--radius);scroll-snap-align:start;border:1px solid #0000;flex-direction:column;flex:0 0 292px;max-height:100%;padding:10px;transition:border-color .12s,background .12s;display:flex}.column.is-drop-target{border-color:var(--accent);background:var(--accent-soft)}.column-done{background:var(--success-soft)}.column-not_now{background:var(--surface-2)}.column-header{align-items:center;gap:8px;padding:4px 6px 10px;display:flex}.column-swatch{background:var(--column-color);border-radius:3px;flex:none;width:10px;height:10px}.column-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.column-count{color:var(--muted);background:var(--surface);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.column-cards{gap:8px;min-height:8px;margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.column-cards li{position:relative}.drop-before:before,.drop-end{content:"";background:var(--action);border-radius:3px;height:3px;display:block}.drop-before:before{position:absolute;top:-6px;left:0;right:0}.column-empty{color:var(--muted);margin:4px 6px 8px;font-size:13px}.card-tile{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:10px;gap:8px;padding:11px 12px;transition:box-shadow .15s,border-color .15s,transform .1s;display:grid}.card-tile:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.card-tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card-tile.is-dragging{opacity:.45;transform:rotate(1deg)}.card-tile.is-completed .card-title{color:var(--muted)}.card-title{overflow-wrap:anywhere;font-size:14.5px;font-weight:600;line-height:1.35}.card-done-icon{color:var(--accent);vertical-align:-2px;margin-right:4px}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-meta:empty{display:none}.card-meta-spacer{flex:1}.add-card-button{width:100%;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:8px;padding:8px;font-size:13.5px;font-weight:600;display:flex}.add-card-button:hover{background:var(--surface);color:var(--accent)}.add-card-form{gap:8px;margin-top:8px;display:grid}.add-card-actions,.inline-actions{flex-wrap:wrap;gap:6px;display:flex}.skeleton{background:linear-gradient(90deg, var(--bg-deep) 0%, var(--surface) 50%, var(--bg-deep) 100%);background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}.board-skeleton .column .skeleton-card{background-color:var(--surface)}.skeleton-title{width:50%;height:18px;margin:4px 6px 12px}.skeleton-card{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface) 50%, var(--surface-2) 100%);background-size:200% 100%;height:72px;margin-bottom:8px}.skeleton-row{height:30px;margin:6px 4px}.skeleton-block{height:90px;margin:12px 0}.skeleton-line{height:16px;margin:14px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawer-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;justify-content:center;align-items:center;padding:clamp(40px,5vh,80px) clamp(40px,5vw,120px);animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.drawer{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;height:100%;box-shadow:var(--shadow-lg);border-radius:18px;outline:none;flex-direction:column;animation:.15s ease-out fade;display:flex;overflow:hidden}@keyframes fade{0%{opacity:0}}.drawer-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 12px 24px;display:flex}.drawer-heading{align-items:center;gap:12px;min-width:0;display:flex}.drawer-heading .column-pill{flex-shrink:0}.drawer-heading-title{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.drawer-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.column-pill{color:var(--ink-2);background:var(--bg);border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 10px;font-size:13px;font-weight:700;display:inline-flex}.drawer-body{overflow-anchor:none;flex:1;min-height:0;padding:22px 24px 28px;overflow-y:auto}.card-content{max-width:1040px;margin:0 auto}.drawer-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-weight:700}.title-button{font:inherit;letter-spacing:inherit;text-align:left;cursor:text;overflow-wrap:anywhere;background:0 0;border:0;border-radius:8px;margin:-2px -6px;padding:2px 6px}.title-button:hover{background:var(--bg)}.title-form{gap:8px;display:grid}.title-input{font-family:var(--font-display);font-size:22px;font-weight:700}.card-status-row{align-items:center;gap:12px;margin:14px 0 18px;display:flex}.status-done{color:var(--accent);align-items:center;gap:6px;font-weight:700;display:inline-flex}.card-fields{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:14px 18px;margin:0 0 8px;padding:16px;display:grid}.card-field{gap:6px;min-width:0;display:grid}.card-field-wide{grid-column:1/-1}.card-field dt{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:12px;font-weight:700}.card-field dd{margin:0}.due-editor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.due-editor input{flex:1;width:auto;min-width:140px}.assignees{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.assignee-picker{border:0;gap:10px;margin:0;padding:0;display:grid}.assignee-options{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;display:grid}.assignee-option{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.assignee-option input{accent-color:var(--accent)}.drawer-section{margin-top:26px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.count{background:var(--bg-deep);letter-spacing:0;border-radius:999px;padding:1px 8px;font-size:11.5px}.notes-input{margin-bottom:8px}.rich-text{overflow-wrap:anywhere;line-height:1.55}.rich-text>:first-child{margin-top:0}.rich-text>:last-child{margin-bottom:0}.rich-text h1,.rich-text h2,.rich-text h3{font-family:var(--font-display);margin:.6em 0 .3em;font-size:1.2em}.rich-text ul,.rich-text ol{margin:.4em 0;padding-left:1.4em}.rich-text blockquote{border-left:3px solid var(--line-strong);color:var(--ink-2);margin:.5em 0;padding:2px 0 2px 12px}.rich-text pre{background:var(--bg-deep);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:10px 12px;font-size:13px;overflow-x:auto}.rt-mention{color:var(--accent);font-weight:600}.rt-attachment{background:var(--bg-deep);color:var(--ink-2);border-radius:6px;padding:0 6px;font-size:13px;display:inline-block}.attachment-list{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.attachment{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;width:min(100%,340px);min-width:0;display:flex;overflow:hidden}.attachment-preview{background:var(--bg-deep);place-items:center;width:100%;min-height:96px;max-height:260px;display:grid;overflow:hidden}.attachment-image-link{width:100%;height:100%;display:block}.attachment-image-link img{object-fit:contain;width:100%;height:100%;max-height:260px;display:block}.attachment-image-link:focus-visible{outline:3px solid var(--accent-ring);outline-offset:-3px}.attachment-placeholder{background:linear-gradient(90deg, var(--bg-deep), var(--surface-2), var(--bg-deep));background-size:200% 100%;width:100%;height:100%;min-height:96px;animation:1.4s ease-in-out infinite shimmer}.attachment-fallback{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px;font-size:13px;display:flex}.attachment-meta{align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 10px;display:flex}.attachment-icon{color:var(--muted);flex:none}.attachment-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.attachment-detail,.attachment-error{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.attachment-error{color:var(--danger)}.attachment-action{cursor:pointer;flex:none;text-decoration:none}.attachment-action[aria-busy=true]{opacity:.7}@media (width<=640px){.attachment{width:100%}}.comment-list{grid-template-columns:minmax(0,1fr);gap:16px;margin:0 0 16px;padding:0;list-style:none;display:grid}.comment{gap:12px;display:flex}.comment-body{flex:1;min-width:0}.comment-meta{align-items:baseline;gap:8px;margin-bottom:2px;font-size:14px;display:flex}.comment-meta time{color:var(--muted);font-size:12.5px}.composer{gap:8px;margin-top:12px;display:grid}.composer-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.composer-actions .field-help{margin-right:auto}.mention-composer{gap:6px;display:grid;position:relative}.mention-menu{z-index:30;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);max-height:min(280px,45vh);box-shadow:var(--shadow);padding:4px;position:absolute;left:0;right:0;overflow-y:auto}.mention-menu-below{top:calc(100% + 4px)}.mention-menu-above{bottom:calc(100% + 4px)}.mention-options{margin:0;padding:0;list-style:none}.mention-option{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:6px 8px;font-size:14px;display:flex}.mention-option.is-active{background:var(--accent-soft);color:var(--accent-ink)}.mention-option.is-disabled{cursor:not-allowed;opacity:.6}.mention-option-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mention-option-title{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12.5px}.mention-status{color:var(--muted);align-items:center;gap:8px;padding:8px;font-size:13.5px;display:flex}.mention-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mention-chip{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;align-items:center;gap:4px;padding:1px 3px 1px 9px;font-size:13px;font-weight:600;display:inline-flex}.mention-chip-detail{color:var(--muted);font-weight:400}.mention-chip-remove{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.mention-chip-remove:hover{background:var(--accent-soft)}@media (pointer:coarse){.mention-option{min-height:44px}.mention-chip-remove{width:32px;height:32px}}.campfire{--chat-gutter:max(28px, calc((100% - 1120px) / 2));flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative}.campfire-scroll{min-height:0;padding:4px var(--chat-gutter) 16px;overscroll-behavior:contain;flex:1;overflow-y:auto}.campfire-toolbar{padding-inline:var(--chat-gutter)}.campfire-scroll:focus-visible{outline-offset:-2px}.history-edge{justify-content:center;min-height:40px;padding:8px 0 4px;font-size:13px;display:flex}.day-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:12px;margin:18px 0 10px;font-size:12px;font-weight:700;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.chat-group{border-radius:var(--radius);gap:12px;margin:0 -10px;padding:8px 10px;display:flex}.chat-group:hover{background:var(--surface-2)}.chat-group-body{flex:1;min-width:0}.chat-line+.chat-line{margin-top:4px}.campfire-composer{padding:12px var(--chat-gutter) 18px;border-top:1px solid var(--line);background:var(--bg);margin:0}.new-messages{background:var(--action);color:#fff;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.campfire-loading{padding:12px 0}.toasts{z-index:60;gap:8px;width:min(460px,100% - 24px);display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--toast);color:#fff;box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 16px;font-size:14px;animation:.15s ease-out fade;display:flex}.toast .icon-button{color:#fff}.toast .icon-button:hover{color:#fff;background:#ffffff1f}.toast-error{background:var(--toast-error)}.toast-success{background:var(--action)}.sidebar-global{padding:0 8px 6px}.pings{flex:1;grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-height:0;display:grid}.pings-list{border-right:1px solid var(--line);background:var(--surface-2);flex-direction:column;min-height:0;display:flex}.pings-header{border-bottom:1px solid var(--line);padding:20px 18px 12px}.pings-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pings-title-row h1{font-family:var(--font-display);font-size:26px;font-weight:700}.pings-note{color:var(--muted);margin:6px 0 0;font-size:13px}.pings-note a{align-items:center;gap:4px;font-weight:600;display:inline-flex}.pings-scroll{flex:1;min-height:0;padding:8px;overflow-y:auto}.ping-threads{margin:0;padding:0;list-style:none}.ping-link{border-radius:var(--radius-sm);color:var(--ink-2);align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.ping-link:hover{background:var(--bg-deep);color:var(--ink)}.ping-link.is-active{background:var(--accent-soft);color:var(--accent-ink)}.ping-link.is-unread .ping-link-title{color:var(--ink);font-weight:700}.ping-avatars{flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.ping-avatars.is-group .avatar{position:absolute;top:0;left:0}.ping-avatars.is-group .avatar+.avatar{box-shadow:0 0 0 2px var(--surface-2);inset:auto 0 0 auto}.ping-link-body{flex:1;min-width:0;line-height:1.3;display:grid}.ping-link-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ping-link-meta{color:var(--muted);font-size:12.5px}.ping-unread{background:var(--action);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.pings-more{text-align:center;justify-items:center;gap:6px;padding:10px;font-size:13px;display:grid}.pings-more .form-error{margin:0}.pings-chat{flex-direction:column;min-width:0;min-height:0;display:flex}.ping-toolbar{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ping-toolbar-title{flex:1;min-width:0;line-height:1.3;display:grid}.ping-toolbar-title strong,.ping-toolbar-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ping-toolbar-title span{font-size:12.5px}.ping-toolbar .button{flex:none;align-items:center;gap:5px;display:inline-flex}.ping-back{text-decoration:none;display:none!important}@media (width<=820px){.pings{grid-template-columns:minmax(0,1fr)}.pings.has-selection .pings-list,.pings:not(.has-selection) .pings-chat{display:none}.pings-list{border-right:0}.pings-header{padding:14px 16px 10px}.ping-back{display:inline-flex!important}.sidebar{z-index:50;width:min(320px,86vw);box-shadow:var(--shadow-lg);transition:transform .2s ease-out;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.nav-open .sidebar{transform:none}.sidebar-close{display:inline-grid}.nav-scrim{background:var(--scrim);z-index:45;display:block;position:fixed;inset:0}.mobile-bar{border-bottom:1px solid var(--line);background:var(--surface-2);z-index:5;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.mobile-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.project-header{padding:16px 16px 0}.board-toolbar,.campfire-toolbar{padding:10px 16px}.board{scroll-snap-type:x mandatory;gap:10px;padding:2px 16px 16px;scroll-padding-inline:16px}.column{flex-basis:min(300px,84vw)}.campfire-scroll{padding:4px 16px 12px}.campfire-composer{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.composer-actions .field-help{display:none}.drawer-backdrop{padding:0}.drawer{border:0;border-radius:0;width:100%}.drawer-heading{gap:8px}.drawer-heading .column-pill{display:none}.drawer-body{padding:18px 16px 24px}.drawer-header{padding:10px 8px 10px 16px}.card-fields{grid-template-columns:1fr}.welcome{padding:24px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.column-more{justify-items:center;gap:6px;padding:10px;display:grid}.inline-embed{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;width:100%;max-width:640px;margin:12px 0;overflow:hidden}.inline-embed-player{aspect-ratio:16/9;background:#151b18;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;max-width:100%;min-height:200px;display:grid}.inline-embed iframe{border:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:200px;display:block}.inline-embed figcaption{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.inline-embed figcaption button{color:var(--muted);font-size:inherit;padding:0}body{font-size:14px}h1,h2,h3,.brand{letter-spacing:-.035em}.brand{letter-spacing:-.025em;gap:10px;font-size:17px}.brand-mark{width:34px;height:34px;box-shadow:0 3px 8px var(--accent-ring);border-radius:10px}.brand-large{font-size:21px}.brand-large .brand-mark{width:40px;height:40px}.sidebar-top{padding:24px 18px}.sidebar-global{padding-bottom:18px}.sidebar-global .project-link{min-height:42px}.project-link{margin:2px 0;padding:9px 10px}.project-link.is-active .project-initial{color:var(--accent);background:0 0;border-color:#0000}.sidebar-footer{background:var(--surface-2);padding-block:16px}.sidebar-user strong{font-size:13px}.sidebar-user span{margin-top:3px;font-size:11px}.sidebar-heading,.project-group-label{letter-spacing:.12em;font-size:10px}.search input{font-size:12px}.home{width:100%;max-width:none;padding:36px clamp(20px,4vw,56px)}.recent-heading{background:var(--hero);border:1px solid var(--line);border-radius:18px;margin-bottom:24px;padding:24px 26px}.recent-heading h1{letter-spacing:-.045em;font-size:clamp(24px,2.5vw,34px);font-weight:700}.recent-card{box-shadow:none;padding:20px 22px}.recent-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.recent-context{letter-spacing:.01em;font-size:11px}.recent-title{margin-top:4px;font-size:16px}.recent-preview{color:var(--muted);margin-top:2px;font-size:13px}.recent-updates{border-top-style:solid;margin-top:10px;padding-top:12px}.home-projects h2{font-size:19px}.home-projects .lede{color:var(--muted);margin:8px 0 18px;font-size:13px}.welcome-card{box-shadow:none;padding:20px}.welcome-card strong{font-size:14px}.project-header{background:var(--surface)}.project-heading h1{letter-spacing:-.04em;font-size:clamp(23px,2.6vw,30px)}.project-description{font-size:13px}.column{border-color:var(--line);padding:10px}.column-header{padding-bottom:16px}.column-header h2{letter-spacing:0;font-size:12px}.card{box-shadow:var(--shadow-sm)}.drawer{box-shadow:var(--shadow-lg)}.appearance{border-top:1px solid var(--line);flex:none;padding:16px}.appearance-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:650;display:flex}.appearance-label>span{color:var(--muted);font-size:10px;font-weight:400}.theme-options{background:var(--bg-deep);border:1px solid var(--line);border-radius:10px;gap:3px;padding:4px;display:flex}.theme-options button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 3px;font-size:11px;font-weight:600;display:flex}.theme-options button:hover:not(:disabled){color:var(--ink)}.theme-options button[aria-pressed=true]{background:var(--surface);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.theme-options button:disabled{cursor:wait;opacity:.65}.appearance-status{color:var(--muted);min-height:14px;margin:9px 0 0;font-size:10px;line-height:1.4}.appearance-status.is-error{color:var(--danger)}.appearance-status .link-button{font-size:inherit}@media (width<=820px){.home{gap:28px;padding:20px 16px}.recent-heading{margin-bottom:16px;padding:20px}.recent-heading h1{font-size:26px}.recent-card{padding:16px}.sidebar-top{padding:18px 16px}.sidebar-global{padding-bottom:8px}.sidebar .appearance{padding:12px 16px}.theme-options button{min-height:40px}.sidebar-footer{padding-block:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.upload-picker{min-width:0;margin-top:8px}.upload-picker-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.upload-picker-actions .field-help{font-size:11px}.upload-queue{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.upload-queue li{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.upload-queue li>div{gap:2px;min-width:0;display:grid}.upload-queue strong{overflow-wrap:anywhere;font-size:12px}.upload-queue .link-button{flex-shrink:0}.boosts{min-width:0;margin:8px 0}.boost-summary{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.boost-chip,.boost-add{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:6px;max-width:100%;padding:3px 8px;font-size:12px;display:inline-flex}.boost-chip>span:first-child{overflow-wrap:anywhere;min-width:0}.boost-chip.is-mine{border-color:var(--accent)}.boost-count{flex-shrink:0;font-size:11px}.boost-add{color:var(--accent);background:0 0}.boost-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:440px;margin-top:8px;padding:12px}.boost-panel .section-heading{margin-bottom:8px;font-size:13px}.boost-people{gap:8px;max-height:180px;margin:8px 0 12px;padding:0;list-style:none;display:grid;overflow:auto}.boost-people li{align-items:flex-start;gap:8px;font-size:12px;display:flex}.boost-content{overflow-wrap:anywhere;white-space:pre-wrap;display:block}.boost-emoji{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.boost-emoji button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:8px;width:38px;height:38px;font-size:20px}.boost-custom{align-items:center;gap:8px;display:flex}.boost-custom input{flex:1;min-width:0}@media (width<=640px){.boost-add,.boost-chip{min-height:34px}.boost-emoji button{width:40px;height:40px}}.nav-count{background:var(--action);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.notifications{flex:1;min-width:0;min-height:0;padding:36px clamp(20px,4vw,56px);overflow-y:auto}.notifications-content{gap:22px;width:min(100%,880px);margin-inline:auto;display:grid}.notifications-header{background:var(--hero);border:1px solid var(--line);border-radius:18px;min-width:0;padding:24px 26px}.notifications-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.notifications-title-row h1{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(24px,2.5vw,34px);font-weight:700}.notifications-note{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}.notifications-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.alerts-toggle{border:1px solid var(--line-strong);background:var(--surface);min-height:32px;color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:13px;font-weight:600;display:inline-flex}.alerts-toggle:hover{border-color:var(--muted);color:var(--ink)}.alerts-switch{background:var(--line-strong);border-radius:999px;flex:none;width:28px;height:16px;transition:background .15s;position:relative}.alerts-switch:after{content:"";width:12px;height:12px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.alerts-toggle.is-on{border-color:var(--accent);color:var(--accent-ink)}.alerts-toggle.is-on .alerts-switch{background:var(--action)}.alerts-toggle.is-on .alerts-switch:after{transform:translate(12px)}.notification-group{min-width:0}.notification-group h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 8px;padding:0 4px;font-size:11px;font-weight:700}.notification-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.notification-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-width:0;color:var(--ink-2);text-align:left;font:inherit;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}button.notification-row{cursor:pointer}a.notification-row:hover,button.notification-row:hover{border-color:var(--accent);color:var(--ink);box-shadow:var(--shadow)}.notification-row.is-unread{background:var(--accent-soft);border-color:#0000}.notification-row.is-unread .notification-title{color:var(--ink);font-weight:700}.notification-row[aria-busy=true]{cursor:progress}.notification-body{flex:1;gap:2px;min-width:0;line-height:1.35;display:grid}.notification-title{overflow-wrap:anywhere}.notification-meta{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.notification-excerpt{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.notification-external{color:var(--muted);flex:none;margin-top:3px}.notification-dot{background:var(--action);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}@media (width<=820px){.notifications{padding:20px 16px}.notifications-header{padding:20px}.notifications-title-row h1{font-size:26px}}@media (width<=640px){.notification-row{gap:10px;padding:12px}.notifications-actions .button,.alerts-toggle{min-height:40px}}