body{font-family:'Yusei Magic', -apple-system, sans-serif;

background:linear-gradient(135deg, #FEF9F3 0%, #E8C5D8 50%, #D4B5D4 100%);

}

h1{text-align:center;color:#6B5B95;font-size:28px;margin-bottom:10px}
.nav{text-align:center;margin-bottom:15px}
.nav a{display:inline-block;padding:8px 16px;margin:0 4px;border-radius:12px;background:rgba(255,255,255,0.7);border:1px solid #E0D5E8;color:#666;text-decoration:none;font-weight:500;backdrop-filter:blur(10px);transition:all 0.3s}
.nav a:hover{background:rgba(255,255,255,0.9)}
.nav a.active{background:#D4C5E2;color:#6B5B95;border-color:#C9B8D8}
.month-nav{text-align:center;margin-bottom:15px;font-size:13px}

.month-nav a{display:inline-block;padding:0;margin:0 12px;background:none;border:none;text-decoration:none;border-radius:0;color:#A292B8;font-size:13px;transition:all 0.3s}
.month-nav a:hover{color:#6B5B95}

.grid{display:grid;gap:2px;background:transparent}
.week{grid-template-columns:repeat(7,1fr)}
.month{grid-template-columns:repeat(7,1fr)}
.day{background:rgba(255,255,255,0.65);padding:16px 8px;min-height:90px;border:none;display:flex;flex-direction:column;transition:all 0.3s;backdrop-filter:blur(5px)}
.day:hover{background:rgba(255,255,255,0.8)}
.day-header{font-weight:700;font-size:20px;text-align:center;margin-bottom:10px;line-height:1}


.day:nth-child(7n+1) .day-header{color:#8B8B8B}  /* 月曜 */
.day:nth-child(7n+2) .day-header{color:#8B8B8B}  /* 火曜 */
.day:nth-child(7n+3) .day-header{color:#8B8B8B}  /* 水曜 */
.day:nth-child(7n+4) .day-header{color:#8B8B8B}  /* 木曜 */
.day:nth-child(7n+5) .day-header{color:#8B8B8B}  /* 金曜 */
.day:nth-child(7n+6) .day-header{color:#6B9FD4}  /* 土曜 */
.day:nth-child(7n) .day-header{color:#C27555}    /* 日曜 */


.day-off{background:transparent}
.today{background:rgba(255,250,200,0.4);box-shadow:inset 0 0 8px rgba(255,217,102,0.3)}
.card{background:rgba(245,230,240,0.85);border-left:3px solid;border-radius:4px;padding:4px 6px;margin-bottom:4px;font-size:11px;transition:all 0.2s}
.card:hover{transform:translateX(1px);box-shadow:0 1px 4px rgba(107,91,149,0.2)}
.card-time{font-weight:600;color:#6B5B95;font-size:9px}
.card-t{font-weight:500;color:#6B5B95;margin-top:1px}
.card.done .card-t{opacity:0.35;color:#999}
.empty{color:#D4C5E2;text-align:center;font-size:12px;padding:12px 0;flex-grow:1;display:flex;align-items:center;justify-content:center}
.work{background:rgba(220,220,220,0.5);color:#888;padding:4px 6px;border-radius:4px;margin-bottom:4px;font-size:9px;border-left:3px solid #C0C0C0;font-weight:600}


.scenario-section{margin-top:100px;padding-top:80px;padding-bottom:100px;border-top:2px solid;border-image:linear-gradient(to right, rgba(107,91,149,0.2), rgba(107,91,149,0.05)) 1;background:transparent}
.scenario-section h2{color:#6B5B95;margin-bottom:20px;font-size:15px;font-weight:600;letter-spacing:0.5px}
#scenarioList{font-size:14px;line-height:1.0;color:#6B5B95;margin-bottom:250px}
#scenarioList>div{padding:1px 0}


h1{text-align:left;color:#A292B8;font-size:15px;margin-bottom:40px;font-weight:600;letter-spacing:0.5px}
.header-section{display:flex;align-items:flex-end;justify-content:center;margin-bottom:50px;gap:40px}
.month-display{text-align:center}
.month-display .year{font-size:24px;font-weight:600;color:#A292B8;line-height:1}
.month-display .month{font-size:56px;font-weight:700;color:#6B5B95;margin-top:5px}
.header-nav{text-align:left;display:flex;gap:20px;margin-bottom:10px}
.header-nav a{color:#A292B8;text-decoration:none;font-size:13px;border-bottom:1px solid #A292B8;padding-bottom:2px;transition:all 0.3s}
.header-nav a.active{color:#6B5B95;border-bottom:2px solid #6B5B95}

#scenarioList>div{padding:2px 0;border-bottom:none}



/* カレンダーのキラキラ背景 */
.grid::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:radial-gradient(circle at 20% 50%, rgba(255,255,255,0.3) 1px, transparent 1px),
             radial-gradient(circle at 80% 80%, rgba(255,255,255,0.2) 1px, transparent 1px),
             radial-gradient(circle at 40% 20%, rgba(255,255,255,0.25) 1px, transparent 1px);
  background-size:200px 200px, 300px 300px, 250px 250px;
  pointer-events:none;
}

.grid{position:relative}

/* ページ全体のキラキラ */
body::before {
  content:'';
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:radial-gradient(circle at 10% 20%, rgba(255,255,255,0.15) 0%, transparent 50%),
             radial-gradient(circle at 90% 80%, rgba(212,197,226,0.1) 0%, transparent 50%);
  pointer-events:none;
  z-index:-1;
}

.scenario-list li{
  border-bottom: none !important;
}