@font-face{font-family:TidalDigits;src:url('assets/tidal-digits.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
.calendar-numeral{font-family:TidalDigits,"Microsoft YaHei",sans-serif;font-weight:400;font-variant-numeric:tabular-nums}
.tidal-calendar{position:relative;padding:17px 13px 12px;border:1px solid #bcd5d9;border-radius:17px 7px 17px 7px;background:radial-gradient(ellipse at 100% 0,#dcedf9bb,transparent 60%),linear-gradient(145deg,#fffdf3,#f0f8f4);box-shadow:0 8px 23px #5d94b014;outline-offset:5px;overflow:hidden}
.calendar-kicker{display:flex;justify-content:space-between;align-items:center;margin:0 2px 11px;color:#769596;font-size:10px;letter-spacing:.14em}.calendar-kicker>span:first-child{color:#a78d52}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-bottom:12px;border-bottom:1px solid #c8d9d5}
.calendar-heading button{border:0;background:none;color:#486d87;border-radius:8px;padding:5px;line-height:1.2}.calendar-heading button:hover{background:#dfeeee}
#calendarMonthTitle{font-size:22px;color:#5379a1;word-spacing:2px;text-shadow:0 1px 0 #fff8d8;white-space:nowrap}
.calendar-arrow{width:27px;height:30px;font-size:19px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.calendar-weekdays{padding:12px 0 9px;font-size:10px;color:#95a8a7;text-align:center}.calendar-weekdays span:nth-last-child(-n+2){color:#b2957a}
.calendar-day{position:relative;min-width:0;min-height:37px;border:1px solid transparent;border-radius:10px 5px 10px 5px;background:transparent;color:#597b95;font-size:23px;line-height:1;padding:6px 0 5px;transition:background .18s,transform .18s}
.calendar-day:hover{background:#dfeef0;border-color:#bfd5d9;transform:translateY(-1px)}.calendar-day[data-weekend=true]{color:#8d9d80}.calendar-day[data-outside=true]{color:#bdc9c9}
.calendar-day[data-today=true]{color:#fff5c9;background:linear-gradient(135deg,#648fa8,#4c739c);border-color:#bba96d;box-shadow:0 2px 6px #466d9c29;text-shadow:0 1px #355a7f}
.calendar-day[data-memo=true]:after{content:'';position:absolute;bottom:1px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#bd9558}.calendar-day[data-today=true]:after{background:#ffe6a4}
.calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:12px;margin-top:9px;border-top:1px solid #c8d9d5}.calendar-foot p{font-size:9px;line-height:1.8;color:#8a9b96;margin:0;max-width:190px}
#calendarToday{flex-shrink:0;border:1px solid #bcd2d0;border-radius:10px;background:#ffffff80;padding:5px 9px;color:#64898a;font-size:10px}
.calendar-month-picker{position:absolute;left:10px;right:10px;top:91px;padding:13px;border:1px solid #b6cdd0;border-radius:12px;background:#fcfdf5f7;box-shadow:0 8px 25px #42687930;z-index:2;backdrop-filter:blur(8px)}
.calendar-year-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#577a95}.calendar-year-row button{background:none;border:0;color:#709696;padding:6px 9px}.calendar-year-row span{font-size:24px}
.calendar-months{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.calendar-month-choice{border:1px solid #d3e0d9;border-radius:8px;background:#fffdf6;padding:10px 3px;color:#68899b;font-size:20px}.calendar-month-choice[aria-pressed=true]{background:#5d87a2;color:#fff4c7;border-color:#bb9c65}
.intro-copy-view{cursor:pointer;border-radius:12px;outline-offset:7px;animation:calendarReveal .3s ease-out}.intro-copy-view .small-heading{color:#a88e58}.tidal-calendar{animation:calendarReveal .3s ease-out}
.memo-dialog{background:linear-gradient(130deg,#fffdf4,#edf6f3)}.memo-dialog #memoDate{font-size:24px;color:#668aa1}.memo-dialog .memo-status{min-height:18px;color:#a47a55;font-size:11px;line-height:1.7}.memo-dialog .memo-actions{gap:12px}.memo-dialog .memo-actions .primary-button{margin-left:auto}
@keyframes calendarReveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.calendar-day{min-height:42px;font-size:25px}.tidal-calendar{max-width:410px;margin:auto}.calendar-foot p{max-width:245px}}
@media(prefers-reduced-motion:reduce){.tidal-calendar,.intro-copy-view{animation:none}.calendar-day{transition:none}}