.daily-page{position:relative;width:100%}.year-selector{display:flex;gap:1rem;overflow-x:auto;padding:2rem 0;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;flex-wrap:wrap}.year-selector::-webkit-scrollbar{display:none}.year-btn{flex-shrink:0;padding:.75rem 1.5rem;border:1px solid var(--sky-blue);background:rgba(0,0,0,0);color:var(--text-primary);border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);font-size:.95rem;letter-spacing:.05em}.year-btn:hover{background:rgba(74,144,184,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,144,184,.2)}.year-btn.active{background:var(--sky-blue);color:var(--moonlight);box-shadow:0 4px 12px rgba(74,144,184,.3)}.months-section{margin:3rem 0}.months-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;margin-bottom:3rem}.month-card{padding:.875rem;border:1px solid rgba(74,144,184,.2);background:var(--parchment);border-radius:8px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);position:relative;overflow:hidden;height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center}.month-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(74, 144, 184, 0.05), transparent);opacity:0;transition:opacity .4s ease}.month-card:hover::before{opacity:1}.month-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(74,144,184,.15);border-color:var(--sky-blue)}.month-card.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.month-card.active{background:var(--sky-blue);border-color:var(--sky-blue)}.month-card.active .month-name{color:var(--moonlight)}.month-card.active .month-indicator{color:var(--moonlight)}.month-name{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 .375rem 0;position:relative;z-index:1;transition:color .3s ease}.month-indicator{font-size:.75rem;color:var(--sky-blue);position:relative;z-index:1;margin:0;padding:0}.daily-content-wrapper{margin-top:3rem;min-height:400px}.daily-content{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(0.23, 1, 0.32, 1)}.daily-content.visible{opacity:1;transform:translateY(0)}.daily-content .markdown-body{padding:2rem;background:var(--parchment);border-radius:8px;border:1px solid rgba(74,144,184,.1)}.daily-content h2{font-size:1.5rem;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(74,144,184,.2)}.daily-content h2:first-child{margin-top:0}.daily-content p{line-height:1.8;color:var(--text-primary);margin-bottom:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.loading-state p{margin:0}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(74,144,184,.2);border-top-color:var(--sky-blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state svg{width:64px;height:64px;opacity:.3;margin-bottom:1rem}@media(max-width: 768px){.year-selector{display:grid;grid-template-columns:repeat(auto-fit, minmax(84px, max-content));justify-content:center;justify-items:center;gap:.75rem;overflow-x:visible}.months-grid{grid-template-columns:repeat(3, 1fr);gap:1rem}.month-card{padding:.625rem;height:64px}.month-name{font-size:.9rem;margin:0 0 .25rem 0}.loading-state{min-height:300px}.daily-content .markdown-body{padding:1.5rem}.daily-content h2{font-size:1.3rem}}@media(max-width: 480px){.months-grid{grid-template-columns:repeat(2, 1fr)}.month-card{padding:.5rem;height:56px}.month-name{font-size:.875rem;margin:0 0 .25rem 0}.year-btn{padding:.6rem 1.2rem;font-size:.875rem}}