:root{
  --bg:#fbfbff;
  --text:#243047;
  --muted:#6a7898;
  --line: rgba(36,48,71,.10);
  --accent:#7aa7ff;
  --ok:#67d9b7;
  --warn:#ffd27a;
  --bad:#ff8fb0;
  --shadow: 0 12px 30px rgba(36,48,71,.10);
  --radius: 18px;
  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:
    radial-gradient(900px 520px at 10% 0%, rgba(255, 184, 208,.55), transparent 60%),
    radial-gradient(900px 520px at 90% 10%, rgba(186, 224, 255,.60), transparent 60%),
    radial-gradient(900px 520px at 20% 90%, rgba(200, 255, 226,.55), transparent 60%),
    radial-gradient(900px 520px at 80% 95%, rgba(255, 240, 188,.55), transparent 60%),
    var(--bg);
}
.wrap{max-width:1100px; margin:0 auto; padding:28px 16px 50px;}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.75));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  backdrop-filter: blur(10px);
}
.muted{color:var(--muted)}
.badge,.chip{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; border:1px solid rgba(36,48,71,.10); background: rgba(255,255,255,.70); font-size:12px}
.dot{width:8px;height:8px;border-radius:50%}
.status-public .dot{background:var(--ok)}
.status-private .dot{background:var(--bad)}
.status-wip .dot{background:var(--warn)}
.calendarIcon{width:12px; height:12px; flex:0 0 auto}