[data-fragment=ProjectList]{font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;gap:18px;display:flex}[data-fragment=ProjectList] [class$=-hero]{background:var(--bg-secondary);border:1.5px dashed var(--ui-line-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 32px;display:flex}[data-fragment=ProjectList] [class$=-hero]:hover{background:rgba(var(--brand-rgb), .04);border-color:var(--brand)}[data-fragment=ProjectList] [class$=-hero-plus]{background:var(--brand);width:64px;height:64px;color:var(--ink-text-on-brand);border-radius:50%;place-items:center;display:inline-grid}[data-fragment=ProjectList] [class$=-hero-title]{letter-spacing:-.4px;text-wrap:balance;margin:0;font-size:22px;font-weight:700}[data-fragment=ProjectList] [class$=-hero-sub]{color:var(--text-secondary);max-width:380px;margin:0;font-size:13.5px}[data-fragment=ProjectList] [class$=-hero-cta]{border-radius:var(--radius-md);background:var(--brand);color:var(--ink-text-on-brand);cursor:pointer;border:0;align-items:center;gap:6px;min-height:44px;margin-top:4px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}[data-fragment=ProjectList] [class$=-grid]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}[data-fragment=ProjectList] [class$=-grid-list]{grid-template-columns:1fr}[data-fragment=ProjectList] [class$=-card]{background:var(--bg-primary);border:1px solid var(--ui-line);border-radius:var(--radius-lg);cursor:pointer;min-height:280px;transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}[data-fragment=ProjectList] [class$=-card]:hover{border-color:var(--brand);box-shadow:var(--shadow-soft,0 8px 24px #0000000f);transform:translateY(-2px)}[data-fragment=ProjectList] .card-new{background:var(--bg-secondary);border:1.5px dashed var(--ui-line-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;padding:24px;display:flex}[data-fragment=ProjectList] .card-new:hover{background:rgba(var(--brand-rgb), .04)}[data-fragment=ProjectList] .card-new-plus{background:var(--brand);width:44px;height:44px;color:var(--ink-text-on-brand);border-radius:50%;place-items:center;display:inline-grid}[data-fragment=ProjectList] .card-new-title{color:var(--text-primary);font-size:14px;font-weight:700}[data-fragment=ProjectList] .card-new-sub{color:var(--text-secondary);margin:0;font-size:12px}[data-fragment=ProjectList] .card-top{background:linear-gradient(135deg, var(--brand), var(--accent));flex:1;min-height:140px;position:relative;overflow:hidden}[data-fragment=ProjectList] .card-shade{pointer-events:none;background:linear-gradient(#0000 50%,#00000059);position:absolute;inset:0}[data-fragment=ProjectList] .card-preview{color:var(--ink-text-on-brand);flex-direction:column;justify-content:center;gap:6px;padding:18px;display:flex;position:absolute;inset:0}[data-fragment=ProjectList] .card-preview-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;opacity:.75;font-size:10.5px;font-weight:600}[data-fragment=ProjectList] .card-preview-title{letter-spacing:-.3px;font-size:18px;font-weight:700}[data-fragment=ProjectList] .card-preview-tagline{opacity:.85;font-size:12px}[data-fragment=ProjectList] .card-preview-blocks{gap:4px;margin-top:6px;display:flex}[data-fragment=ProjectList] .card-preview-block{opacity:.35;border-radius:var(--radius-full);background:currentColor;width:24px;height:4px;display:inline-block}[data-fragment=ProjectList] .card-preview-block-hi{opacity:.7;width:36px}[data-fragment=ProjectList] .card-pin{background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}[data-fragment=ProjectList] .card-pin-dot{background:var(--success);border-radius:50%;width:6px;height:6px}[data-fragment=ProjectList] .card-pin-build .card-pin-dot{background:var(--warning)}[data-fragment=ProjectList] .card-pin-fail .card-pin-dot{background:var(--error)}[data-fragment=ProjectList] .card-pin-draft .card-pin-dot{background:var(--text-tertiary)}[data-fragment=ProjectList] .card-hover-actions{opacity:0;transition:opacity var(--duration-base) var(--ease-out);gap:4px;display:flex;position:absolute;top:8px;right:8px}[data-fragment=ProjectList] [class$=-card]:hover .card-hover-actions{opacity:1}[data-fragment=ProjectList] .card-hover-action{border-radius:var(--radius-sm);background:var(--bg-primary);width:26px;height:26px;color:var(--text-primary);cursor:pointer;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=ProjectList] .card-hover-action:hover{background:var(--bg-secondary)}[data-fragment=ProjectList] .card-hover-action-delete:hover{color:var(--error)}[data-fragment=ProjectList] .card-body{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}[data-fragment=ProjectList] .card-head{align-items:center;gap:10px;display:flex}[data-fragment=ProjectList] .card-fav{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--ink-text-on-brand);place-items:center;font-size:12.5px;font-weight:700;display:inline-grid}[data-fragment=ProjectList] .card-title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}[data-fragment=ProjectList] .card-title :is(h1,h2,h3){letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}[data-fragment=ProjectList] .card-domain{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}[data-fragment=ProjectList] .card-stack{background:var(--bg-secondary);border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:8px 10px;display:flex}[data-fragment=ProjectList] .card-track{align-items:center;gap:8px;font-size:11.5px;display:flex}[data-fragment=ProjectList] .track-tag{font-family:var(--font-mono);letter-spacing:.06em;background:var(--bg-primary);color:var(--text-secondary);border-radius:4px;align-items:center;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-flex}[data-fragment=ProjectList] .track-tag-front{color:var(--brand)}[data-fragment=ProjectList] .track-tag-back{color:var(--accent-3)}[data-fragment=ProjectList] .track-tech{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}[data-fragment=ProjectList] .track-tech-sep{opacity:.5}[data-fragment=ProjectList] .track-pill{border-radius:var(--radius-full);background:var(--bg-primary);align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}[data-fragment=ProjectList] .track-pill-dot{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}[data-fragment=ProjectList] .track-pill-live{color:var(--success)}[data-fragment=ProjectList] .track-pill-build{color:var(--warning)}[data-fragment=ProjectList] .track-pill-fail{color:var(--error)}[data-fragment=ProjectList] .track-pill-off{color:var(--text-tertiary)}[data-fragment=ProjectList] .card-meta{justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;display:flex}[data-fragment=ProjectList] .card-meta-left{align-items:center;gap:8px;min-width:0;display:flex}[data-fragment=ProjectList] .card-avatars{display:inline-flex}[data-fragment=ProjectList] .card-avatar{border:2px solid var(--bg-primary);width:22px;height:22px;color:var(--ink-text-on-brand);border-radius:50%;place-items:center;margin-left:-6px;font-size:9.5px;font-weight:700;display:inline-grid}[data-fragment=ProjectList] .card-avatar:first-child{margin-left:0}[data-fragment=ProjectList] .card-action{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-fragment=ProjectList] .card-action-who{color:var(--text-primary);font-weight:600}[data-fragment=ProjectList] .card-action-sep{opacity:.5}[data-fragment=ProjectList] .card-action-quote{font-style:italic}[data-fragment=ProjectList] .card-ago{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;margin-left:auto}[data-fragment=ProjectList] .card-layer{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}[data-fragment=ProjectList] .card-workspace{color:var(--text-secondary);background:rgba(var(--accent-rgb), .1);border:.5px solid rgba(var(--accent-rgb), .25);border-radius:4px;padding:1px 6px;font-size:10.5px}[data-fragment=ProjectList] .card-editing{cursor:default;flex-direction:column;gap:8px;padding:16px;display:flex}[data-fragment=ProjectList] .card-editing input{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);border:1px solid #0000;padding:8px 10px;font-family:inherit;font-size:13px}[data-fragment=ProjectList] .card-editing input:focus{background:var(--bg-primary);border-color:var(--brand);outline:none}[data-fragment=ProjectList] .card-edit-actions{gap:6px;display:flex}[data-fragment=ProjectList] .card-edit-save,[data-fragment=ProjectList] .card-edit-cancel{border-radius:var(--radius-sm);cursor:pointer;border:0;align-items:center;gap:4px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}[data-fragment=ProjectList] .card-edit-save{background:var(--brand);color:var(--ink-text-on-brand)}[data-fragment=ProjectList] .card-edit-cancel{background:var(--bg-secondary);color:var(--text-secondary)}[data-fragment=ProjectList] .card-confirming{border-color:var(--error)}[data-fragment=ProjectList] .card-confirm-delete{border-top:1px solid var(--ui-line);background:rgba(var(--error-rgb), .04);flex-direction:column;gap:10px;padding:14px 16px;display:flex}[data-fragment=ProjectList] .card-confirm-text{color:var(--text-primary);margin:0;font-size:12.5px}[data-fragment=ProjectList] .card-confirm-actions{gap:6px;display:flex}[data-fragment=ProjectList] .card-confirm-yes,[data-fragment=ProjectList] .card-confirm-no{border-radius:var(--radius-sm);cursor:pointer;border:0;flex:1;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600}[data-fragment=ProjectList] .card-confirm-yes{background:var(--error);color:var(--ink-text-on-brand)}[data-fragment=ProjectList] .card-confirm-no{background:var(--bg-secondary);color:var(--text-secondary)}[data-fragment=ProjectList] [class$=-pagination]{justify-content:center;align-items:center;gap:12px;padding:12px 0;display:flex}[data-fragment=ProjectList] .pagination-prev,[data-fragment=ProjectList] .pagination-next{border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;align-items:center;gap:4px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}[data-fragment=ProjectList] .pagination-prev:disabled,[data-fragment=ProjectList] .pagination-next:disabled{opacity:.4;cursor:not-allowed}[data-fragment=ProjectList] .pagination-info{color:var(--text-secondary);font-size:12px}[data-fragment=ProjectList] .k-mono{font-family:var(--font-mono)}[data-fragment=ProjectList] [class$=-toolbar]{justify-content:flex-end;display:flex}[data-fragment=ProjectList] [class$=-hero],[data-fragment=ProjectList] [class$=-hero-cta],[data-fragment=ProjectList] [class$=-card],[data-fragment=ProjectList] .card-new,[data-fragment=ProjectList] .card-hover-action,[data-fragment=ProjectList] .card-edit-save,[data-fragment=ProjectList] .card-edit-cancel,[data-fragment=ProjectList] .card-confirm-yes,[data-fragment=ProjectList] .card-confirm-no,[data-fragment=ProjectList] .pagination-prev,[data-fragment=ProjectList] .pagination-next{cursor:pointer}[data-fragment=ProjectList] [class$=-hero]:focus-visible,[data-fragment=ProjectList] [class$=-hero-cta]:focus-visible,[data-fragment=ProjectList] [class$=-card]:focus-visible,[data-fragment=ProjectList] .card-new:focus-visible,[data-fragment=ProjectList] .card-hover-action:focus-visible,[data-fragment=ProjectList] .card-edit-save:focus-visible,[data-fragment=ProjectList] .card-edit-cancel:focus-visible,[data-fragment=ProjectList] .card-confirm-yes:focus-visible,[data-fragment=ProjectList] .card-confirm-no:focus-visible,[data-fragment=ProjectList] .pagination-prev:focus-visible,[data-fragment=ProjectList] .pagination-next:focus-visible,[data-fragment=ProjectList] .card-editing input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){[data-fragment=ProjectList] [class$=-hero],[data-fragment=ProjectList] [class$=-card],[data-fragment=ProjectList] .card-hover-actions{transition:none}[data-fragment=ProjectList] [class$=-card]:hover{transform:none}}