.calendar-shell{width:min(1080px,100%);margin:auto;padding:24px 16px 70px}.calendar-shell>header{text-align:center;padding:45px 10px 25px}.calendar-shell>header>span{color:var(--gold);letter-spacing:.18em}.calendar-shell h1{font-family:Georgia,serif;font-size:clamp(34px,8vw,58px);margin:.25em}.calendar-shell header p{color:var(--muted);line-height:1.8}
.calendar-form{display:grid;grid-template-columns:1fr .5fr auto;gap:14px;align-items:end}.month-nav{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.month-nav h2{margin:0}.month-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.month-summary small,.month-summary strong{display:block}.month-summary strong{font-size:25px;color:var(--gold);margin-top:5px}
.weekday-row,.mirai-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;min-width:0}.weekday-row{text-align:center;color:var(--muted);font-size:12px;margin-bottom:7px}.calendar-spacer{min-height:1px}.mirai-day{min-width:0;min-height:126px;overflow:hidden;border:1px solid #392c46;background:#100c16;color:var(--text);border-radius:13px;padding:8px;text-align:left}.mirai-day b,.mirai-day span,.mirai-day small{display:block}.mirai-day b{font-size:18px}.mirai-day span{color:var(--gold);font-size:12px;margin:6px 0}.mirai-day small{color:#b8a9c4;overflow-wrap:anywhere}.mirai-day[data-level="level1"]{border-color:#766d50}.mirai-day[data-level="level2"]{border-color:#735981}.mirai-day[data-level="level3"]{border-color:#8b5969}.mirai-day.has-event{box-shadow:inset 0 0 0 1px #e3c67a}
.day-detail{margin:14px 0}.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.important-days,.recommended-days{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.important-days button,.recommended-days button{border:1px solid #493658;background:#110c17;color:#eee;border-radius:13px;padding:11px;text-align:left}.important-days b,.recommended-days b{display:block;color:var(--gold)}
.month-bars{height:230px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:6px}.month-bar{display:grid;grid-template-rows:1fr auto auto;min-width:0;height:100%;align-items:end;text-align:center}.month-bar i{display:block;background:linear-gradient(#f0c879,#7b5790);border-radius:8px 8px 2px 2px;min-height:5px}.month-bar small{font-size:9px;color:#a99ab8}.three-year{width:1800px;grid-template-columns:repeat(36,1fr)}.graph-scroll{max-width:100%;overflow-x:auto}
@media(max-width:700px){.calendar-form,.month-summary,.detail-columns{grid-template-columns:1fr 1fr}.calendar-form button{grid-column:1/-1}.mirai-month-grid,.weekday-row{gap:3px}.mirai-day{min-height:116px;padding:3px}.mirai-day small{font-size:8px;line-height:1.25}.important-days,.recommended-days{grid-template-columns:1fr 1fr}.detail-columns{display:block}}