:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--month-bg: #333;--header-bg: #444;--border-color: #555;--weekend-bg: #888;--weekday-bg: white;--empty-bg: transparent;--legend-border: #444;--holiday-bg: #9c27b0}[data-theme=light]{--bg-color: #ffffff;--text-color: #213547;--month-bg: #f5f5f5;--header-bg: #e0e0e0;--border-color: #ccc;--weekend-bg: #ccc;--weekday-bg: #fff;--empty-bg: transparent;--legend-border: #ccc;--holiday-bg: #BA68C8}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.calendar-container{display:flex;flex-direction:column;gap:20px;overflow-x:auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-table{display:grid;grid-template-columns:100px repeat(31,1fr);gap:2px;border-collapse:collapse}.header-row{display:contents;font-weight:700}.month-row{display:contents}.month-label{text-align:left;padding:5px;background-color:var(--month-bg);color:var(--text-color);position:sticky;left:0;z-index:1}.day-header{padding:5px;background-color:var(--header-bg);color:var(--text-color)}.day-cell{width:30px;height:30px;border:1px solid var(--border-color);box-sizing:border-box;cursor:pointer;position:relative;transition:transform .1s ease}.day-cell:hover{transform:scale(1.1);z-index:5}.day-cell.today{border:2px solid #ffcc00!important;box-shadow:inset 0 0 8px #fc0c,0 0 12px #fc06;animation:today-pulse 2s infinite ease-in-out;z-index:3}@keyframes today-pulse{0%{transform:scale(1);box-shadow:inset 0 0 4px #ffcc0080}50%{transform:scale(1.1);box-shadow:inset 0 0 12px #ffcc00e6,0 0 15px #fc09}to{transform:scale(1);box-shadow:inset 0 0 4px #ffcc0080}}.day-cell.weekend,.day-cell.month-end{background-color:var(--weekend-bg)}.day-cell.holiday{background-color:var(--holiday-bg)}.day-cell.weekday{background-color:var(--weekday-bg)}.day-cell.empty{background-color:var(--empty-bg);border:none}.legend{display:flex;gap:20px;justify-content:center;padding:10px;margin-top:20px;border-top:1px solid var(--legend-border)}.legend-item{display:flex;align-items:center;gap:5px}.color-box{width:20px;height:20px;margin-right:10px;border:1px solid var(--border-color)}.theme-toggle{padding:8px 16px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--month-bg);color:var(--text-color);cursor:pointer;font-size:1rem;margin-right:10px}.theme-toggle:hover{filter:brightness(1.1)}.user-info{display:flex;align-items:center;gap:12px;color:var(--text-color)}.auth-button{padding:8px 16px;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;font-size:.9rem;transition:all .2s}.auth-button.login{background-color:#4285f4;color:#fff;border:none}.auth-button.save{background-color:#34a853;color:#fff;border:none}.auth-button.save:disabled{background-color:#ccc;cursor:not-allowed}.auth-button.logout{background-color:transparent;color:var(--text-color)}.auth-button:hover{filter:brightness(1.1)}.custom-legend-controls{margin:20px 0;padding:15px;border:1px solid var(--border-color);background-color:var(--month-bg);text-align:left}.custom-legend-controls h3{margin-top:0;margin-bottom:15px;font-size:1.2rem}.add-category{display:flex;gap:10px;margin-bottom:15px}.add-category input[type=text]{padding:8px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:4px}.add-category button{padding:8px 16px;cursor:pointer;background-color:var(--header-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px}.category-list{display:flex;flex-wrap:wrap;gap:10px}.category-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;background-color:var(--bg-color)}.category-item.selected{outline:2px solid var(--text-color);background-color:var(--header-bg)}.category-item:hover{filter:brightness(.9)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--month-bg);padding:20px;border-radius:8px;border:1px solid var(--border-color);width:300px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 6px #0000004d}.modal-content h3{margin:0;color:var(--text-color)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:8px 16px;cursor:pointer;border:1px solid var(--border-color);border-radius:4px}.btn-primary{background-color:var(--header-bg);color:var(--text-color)}.btn-secondary{background-color:transparent;color:var(--text-color)}