/* legacy inline rules below — colors now resolve via aliases above */ * { box-sizing: border-box; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, sans-serif; background: var(--light); color: var(--ink); line-height: 1.6; } header { background: var(--ink); color: white; padding: 16px 24px; } .logo { font-weight: 800; color: var(--cherry); letter-spacing: 2px; font-size: 14px; text-decoration: none; } main { max-width: 760px; margin: 0 auto; padding: 32px 20px; } h1 { font-size: 36px; font-weight: 800; margin: 0 0 6px; } .lead { color: var(--ash); font-size: 16px; margin-bottom: 36px; } .day { margin-bottom: 32px; padding: 20px 24px; background: white; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); } .day-header { font-size: 12px; color: var(--ash); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; margin-bottom: 14px; } .item { display: flex; align-items: flex-start; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--cream); } .item:last-child { border-bottom: none; } .pill { font-size: 10px; padding: 3px 8px; border-radius: 999px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; flex-shrink: 0; min-width: 50px; text-align: center; } .pill.feat { background: #E8F5EE; color: var(--green); } .pill.fix { background: #FEF3E2; color: var(--amber); } .pill.docs { background: #E0E7FF; color: var(--steel); } .pill.other,.pill.chore,.pill.refactor,.pill.sprint { background: #F3F4F6; color: var(--ash); } .item-text { font-size: 14px; flex: 1; } .footer { margin-top: 60px; text-align: center; font-size: 12px; color: var(--ash); } .footer a { color: var(--cherry); text-decoration: none; } .loading { text-align: center; padding: 60px; color: var(--ash); }