:root{--color-bg: #ffffff;--color-text: #1f2933;--color-text-secondary: #6b7280;--color-accent: #2563eb;--color-accent-soft: #eff6ff;--color-border: #e5e7eb;--font-size-title: 1.5rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-badge: .75rem;--space-page: 1.5rem;--space-card: 1rem;--space-gap: .75rem;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--font-size-body);line-height:1.5}#app{max-width:480px;margin:0 auto;padding:var(--space-page)}.page-header{padding:.5rem 0 1.25rem}.page-header h1{margin:0;font-size:var(--font-size-title)}.week-range{margin:.375rem 0 0;color:var(--color-text-secondary);font-size:var(--font-size-small)}.roster{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap)}.duty-day{display:flex;align-items:center;gap:var(--space-gap);padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius)}.day-name{font-weight:600;min-width:3em}.day-date{color:var(--color-text-secondary);font-size:var(--font-size-small)}.person{margin-left:auto;font-weight:600}.duty-day.today{border-color:var(--color-accent);background:var(--color-accent-soft)}.duty-day.today .person{color:var(--color-accent)}.today-badge{flex:none;font-size:var(--font-size-badge);color:var(--color-bg);background:var(--color-accent);border-radius:999px;padding:.125rem .5rem}