:root{--bg:#fff;--surface:#f9fafb;--text:#111827;--muted:#4b5563;--border:#e5e7eb;--link:#374151;--code-bg:#f3f4f6;--code-text:#1f2937;--button-bg:#111827;--button-text:#fff;--button-border:#111827}:root[data-theme=dark]{--bg:#111827;--surface:#1f2937;--text:#f3f4f6;--muted:#d1d5db;--border:#374151;--link:#e5e7eb;--code-bg:#0f172a;--code-text:#e5e7eb;--button-bg:#e5e7eb;--button-text:#111827;--button-border:#e5e7eb}body{color:var(--text);background-color:var(--bg);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.container{width:min(1040px,100% - 2rem);margin:0 auto}.app-header{border-bottom:1px solid var(--border);background:var(--surface)}.participant-entry-form{flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:0 0 1rem;display:flex}.entry-field-group{flex:176px;gap:.5rem;min-width:176px;display:grid}.entry-field-group label{color:var(--muted);font-size:.875rem;font-weight:500}.entry-field-group input,.entry-field-group textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:.5rem;padding:.5rem .75rem}.participant-entry-form button,.project-card button,.session-clear-button,.create-project-form button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);cursor:pointer;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.participant-entry-form button:hover,.project-card button:hover,.session-clear-button:hover,.create-project-form button:hover{opacity:.9}.entry-error-text{color:#b91c1c;width:100%;margin:0;font-size:.875rem}.participant-session-banner{justify-content:space-between;align-items:center;gap:.5rem;padding:0 0 1rem;display:flex}.app-header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.brand{color:var(--text);font-size:1.125rem;font-weight:700;text-decoration:none}.header-controls{align-items:center;gap:1rem;display:flex}.nav-list{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--link);font-weight:500;text-decoration:none}.nav-list a:hover{text-decoration:underline}.app-main{padding:1.5rem 0 2rem}.app-main h1{margin:0;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.2}.app-main p{color:var(--muted);margin:0}.app-main code{background:var(--code-bg);color:var(--code-text);border-radius:.25rem;padding:.15rem .35rem}.app-footer{border-top:1px solid var(--border);color:var(--muted);background:var(--surface);padding:1rem 0}.page-stack{gap:1rem;display:grid}.page-hero{gap:.5rem;display:grid}.hero-subtitle{max-width:70ch}.surface-panel{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.surface-panel h2{margin:0;font-size:1.125rem;line-height:1.3}.muted-text,.status-message{color:var(--muted);font-size:.9375rem}.helper-text{color:var(--muted);margin:0;font-size:.875rem}.create-project-form{gap:.75rem;display:grid}.create-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.project-results{gap:.75rem;display:grid}.project-results-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.project-results-header h2{margin:0;font-size:1.125rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.project-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.project-card h3{margin:0;font-size:1.125rem;line-height:1.3}.project-description{color:var(--text)}.project-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:0;display:grid}.project-metadata div{gap:.125rem;display:grid}.project-metadata dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.project-metadata dd{color:var(--text);margin:0;font-weight:500}.project-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.project-details-link{color:var(--link);font-weight:500;text-decoration:none}.project-details-link:hover{text-decoration:underline}.button-secondary{color:var(--text)!important;border-color:var(--border)!important;background:0 0!important}.project-card button:disabled{cursor:not-allowed;opacity:.65}.status-badge{text-transform:capitalize;border:1px solid var(--border);border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.status-active{color:#166534;background:#dcfce7}.status-completed{color:#374151;background:#e5e7eb}.theme-toggle{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);cursor:pointer;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.theme-toggle:hover{opacity:.9}.participant-entry-form button:focus-visible,.project-card button:focus-visible,.session-clear-button:focus-visible,.theme-toggle:focus-visible,.nav-list a:focus-visible,.project-details-link:focus-visible,.entry-field-group input:focus-visible,.entry-field-group textarea:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width<=700px){.app-header-inner{flex-direction:column;align-items:flex-start;min-height:auto;padding:.75rem 0}.nav-list{flex-wrap:wrap}.header-controls{justify-content:space-between;width:100%}.participant-session-banner{flex-direction:column;align-items:flex-start}.create-form-row,.project-metadata{grid-template-columns:1fr}.project-results-header{flex-direction:column;align-items:flex-start;gap:.5rem}}