:root{color-scheme:light;font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;background:#f7f8fb;color:#0f172a;--surface: #ffffff;--muted: #6b7280;--border: #e5e7eb;--accent: #0f172a;--accent-soft: #111827;--shadow: 0 18px 38px rgba(0, 0, 0, .06);--radius-lg: 22px;--radius-md: 14px}*{box-sizing:border-box}body{margin:0;background:#f0f2f7}.page{min-height:100vh;max-width:1200px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:18px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow)}.topbar__brand{font-weight:700;letter-spacing:.2px}.topbar__status{color:var(--muted);font-size:14px}.section{display:flex;flex-direction:column;gap:12px}.section__headline{font-weight:700;font-size:18px}.banner{background:linear-gradient(135deg,#0f172a,#1f2937);color:#fff;padding:18px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}.banner__title{font-size:18px;font-weight:700;margin-top:4px}.banner__copy{margin:6px 0 0;color:#ffffffc7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid--two{grid-template-columns:1fr}.stack{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.card--active{outline:2px solid #0f172a}.card__meta{display:flex;justify-content:space-between;align-items:center}.card__title{margin:0;font-size:17px}.progress{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:#0f172a}.progress-value{color:var(--muted);font-size:13px}.pill{padding:6px 10px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.pill--new{background:#e0f2fe;color:#0ea5e9}.pill--in-progress{background:#fef9c3;color:#a16207}.pill--done{background:#dcfce7;color:#15803d}.btn{border:none;border-radius:12px;padding:12px 16px;font-weight:600;font-size:15px;cursor:pointer;background:var(--accent);color:#fff;box-shadow:0 14px 28px #0f172a29}.btn--ghost{background:#0f172a0f;color:#0f172a;box-shadow:none}.btn--primary{position:sticky;bottom:10px}.task{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.task__media video,.task__media audio{width:100%;display:block;background:#0f172a}.task__body{padding:16px;display:flex;flex-direction:column;gap:10px}.task__actions{display:flex;justify-content:space-between;gap:10px}.eyebrow{color:var(--muted);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.task__title{margin:0;font-size:20px}.task__description{margin:0;color:var(--muted);line-height:1.6}.form__label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#0f172a;font-size:14px}.form__label input,.form__label textarea,.form__label select{border:1px solid var(--border);border-radius:12px;padding:12px;font-size:15px;font-family:inherit;background:#f9fafb}.form__label textarea{min-height:80px}.media-list{display:flex;flex-direction:column;gap:8px;background:#f9fafb;padding:10px;border-radius:12px;border:1px solid var(--border)}.media-item{display:flex;flex-direction:column;gap:4px}.media-item code{background:#111827;color:#f9fafb;padding:4px 6px;border-radius:6px;font-size:12px}@media (min-width: 768px){.page{padding:24px}.btn--primary{position:static}.task__actions{justify-content:flex-end}.grid--two{grid-template-columns:1fr 1fr}}