:root{font-family:Inter,Segoe UI,sans-serif;color:#111827;background:#f3f6fb;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100vh}body{background:radial-gradient(circle at top,rgba(148,163,184,.12),transparent 30%),#f3f6fb}button{font:inherit}.app-shell{max-width:1200px;margin:0 auto;padding:32px 20px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.topbar-status{display:flex;align-items:center;gap:12px}.sync-pill{border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#e2e8f0;color:#334155}.sync-pill.saving{background:#dbeafe;color:#1d4ed8}.sync-pill.saved{background:#dcfce7;color:#166534}.sync-pill.error{background:#fee2e2;color:#b91c1c}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:700}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.06em}h2{font-size:clamp(1.8rem,2vw,2.5rem);letter-spacing:-.05em;margin-bottom:0}h3{font-size:1.35rem;margin-bottom:12px}h4{margin-bottom:8px;font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.panel{grid-column:span 4;background:#ffffffbf;border:1px solid rgba(148,163,184,.18);box-shadow:0 10px 30px #0f172a0a;border-radius:24px;padding:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-wide{grid-column:span 8}.welcome-panel{display:flex;align-items:end;justify-content:space-between;gap:18px}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{border-radius:999px;background:#e2e8f0;color:#0f172a;padding:8px 12px;font-size:.78rem;font-weight:600}.pill.muted{background:#f8fafc;color:#475569}.ghost-button{background:transparent;border:1px solid rgba(148,163,184,.4);color:#0f172a;border-radius:999px;padding:10px 16px;cursor:pointer}.muted{color:#64748b}.goal-meta,.project-meta,.task-meta,.section-heading,.project-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.goal-meta{margin-top:18px}.status-badge,.tiny-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:700;font-size:.68rem;padding:6px 10px}.tiny-badge{background:#e2e8f0;color:#334155}.task-text{font-size:1.03rem;color:#1f2937;margin-bottom:16px}.progress-bar,.mini-bar{width:100%;height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-bar span,.mini-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f172a,#2563eb)}.progress-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px}.day-pill{background:#f8fafc;border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:10px 8px;text-align:center}.day-pill.done{background:#dfeafc;border-color:#2563eb59}.day-pill span{display:block;font-weight:700;margin-bottom:4px}.day-pill small{color:#475569}.stacked-list,.skill-list,.completed-list{display:grid;gap:12px}.project-card,.completed-item,.skill-item{border:1px solid rgba(148,163,184,.2);background:#f8fafc;border-radius:16px;padding:14px 16px}.project-card{display:grid;gap:10px}.skill-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.completed-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.field-group{display:grid;gap:8px;color:#334155;font-size:.9rem;font-weight:600}.field-group input,.field-group textarea,.field-group select{width:100%;border:1px solid rgba(148,163,184,.35);background:#fff;border-radius:12px;padding:10px 12px;font:inherit;color:#0f172a}.field-group textarea{resize:vertical;min-height:90px}.field-span-2{grid-column:span 2}.range-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.35);background:#fff;border-radius:12px;padding:8px 12px}.range-wrap input[type=range]{border:none;padding:0;background:transparent}.range-wrap strong{min-width:44px;text-align:right;color:#0f172a}@media (max-width: 900px){.panel,.panel-wide{grid-column:span 12}.welcome-panel{flex-direction:column;align-items:flex-start}}@media (max-width: 560px){.app-shell{padding-left:14px;padding-right:14px}.topbar,.progress-days,.skill-item,.completed-item,.project-header,.goal-meta,.project-meta,.task-meta,.section-heading{flex-direction:column;align-items:flex-start}.progress-days{grid-template-columns:repeat(2,minmax(0,1fr))}}
