:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#f8f9fa;margin:0;padding:0}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center;background-color:#f8f9fa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa}.app h1{color:#333;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.header-section{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin-bottom:1rem;gap:20px}.header-section h1{margin:0;flex:1}.reload-button{display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4285f44d;width:44px;height:44px;min-width:unset}.reload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4285f466;background:linear-gradient(135deg,#3367d6,#2d8f47)}.reload-button:active:not(:disabled){transform:translateY(0)}.reload-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.reload-icon,.reload-spinner{font-size:16px}.reload-spinner{animation:spin 1s linear infinite}.auto-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:8px 16px;background:#4285f41a;border-radius:20px;font-size:14px;color:#4285f4;font-weight:500}.refresh-spinner{animation:spin 1s linear infinite}.refresh-text{font-size:13px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{display:flex;gap:20px;width:100%;max-width:1400px;align-items:flex-start}.game-filter-sidebar{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;width:280px;flex-shrink:0;position:sticky;top:20px}.filter-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8eaed}.filter-title{margin:0;font-size:18px;font-weight:600;color:#333;text-align:center}.filter-actions{display:flex;gap:8px;justify-content:center}.filter-action-btn{padding:6px 12px;border:1px solid #dadce0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#fff}.select-all-btn{color:#1a73e8;border-color:#1a73e8}.select-all-btn:hover{background-color:#1a73e8;color:#fff}.deselect-all-btn{color:#5f6368;border-color:#dadce0}.deselect-all-btn:hover{background-color:#5f6368;color:#fff}.filter-checkboxes{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.filter-checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.filter-color-indicator{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.filter-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#1a73e8}.filter-checkbox-label{font-size:14px;color:#333;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-checkbox-item:hover .filter-checkbox-label{color:#1a73e8}.filter-status{display:flex;justify-content:center;padding-top:12px;border-top:1px solid #e8eaed}.filter-status-text{font-size:12px;color:#5f6368;font-weight:500;padding:6px 12px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e8eaed;text-align:center}.api-status{margin-top:16px;padding-top:16px;border-top:1px solid #e8eaed}.api-status h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#333;text-align:left}.api-status p{margin:0;font-size:12px;color:#5f6368;text-align:left}.calendar-container{flex:1;background:#e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:1rem}.fc{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fc-toolbar{margin-bottom:1rem!important}.fc-button{background-color:#007bff!important;border-color:#007bff!important;border-radius:6px!important;font-weight:500!important;transition:all .2s ease!important;margin:0 2px!important}.fc-button:hover{background-color:#0056b3!important;border-color:#0056b3!important;transform:translateY(-1px)}.fc-button:active{transform:translateY(0)}.fc-toolbar-title{color:#000!important;font-weight:600!important}.fc-button-primary:not(:disabled).fc-button-active,.fc-button-primary:not(:disabled):active{background-color:#0056b3!important;border-color:#0056b3!important}.fc-daygrid-day:hover{background-color:#f8f9fa!important}.fc-event{border-radius:4px!important;border:none!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;padding:2px 4px!important}.fc-event:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026!important}.custom-event-content{padding:4px 6px!important;border-radius:4px!important;font-size:12px!important;line-height:1.2!important;position:relative!important;overflow:hidden!important}.event-title{font-weight:600!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.event-time{font-size:10px!important;opacity:.9!important;margin-bottom:2px!important}.event-game-badge{position:absolute!important;top:2px!important;right:2px!important;background:#fff3!important;border-radius:2px!important;padding:1px 3px!important;font-size:8px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.gcal-event{background-color:#4285f4!important;border-color:#4285f4!important;color:#fff!important}.gcal-event:hover{background-color:#3367d6!important;border-color:#3367d6!important}.event-game-steam{background-color:#1b2838!important;border-color:#1b2838!important;color:#fff!important}.event-game-valorant{background-color:#ff4655!important;border-color:#ff4655!important;color:#fff!important}.event-game-roblox{background-color:#00a2ff!important;border-color:#00a2ff!important;color:#fff!important}.event-game-xbox{background-color:#107c10!important;border-color:#107c10!important;color:#fff!important}.event-game-psn{background-color:#003791!important;border-color:#003791!important;color:#fff!important}.event-game-dota{background-color:#ff6b35!important;border-color:#ff6b35!important;color:#fff!important}.event-game-league{background-color:#c89b3c!important;border-color:#c89b3c!important;color:#fff!important}.event-game-csgo{background-color:#f7931e!important;border-color:#f7931e!important;color:#fff!important}.event-game-minecraft{background-color:#62b47a!important;border-color:#62b47a!important;color:#fff!important}.event-game-fortnite{background-color:#ff6b35!important;border-color:#ff6b35!important;color:#fff!important}.event-game-apex{background-color:#da2929!important;border-color:#da2929!important;color:#fff!important}.event-game-overwatch{background-color:#ff9c00!important;border-color:#ff9c00!important;color:#fff!important}.event-game-gaming{background-color:#8e44ad!important;border-color:#8e44ad!important;color:#fff!important}.event-game-default{background-color:#5f6368!important;border-color:#5f6368!important;color:#fff!important}.fc-day-today{background-color:#e3f2fd!important}.fc-col-header-cell{background-color:#f8f9fa!important;font-weight:600!important}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:1200px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;border:none;background:#f1f3f4;color:#5f6368;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close:hover{background:#e8eaed;color:#202124}.modal-header{padding:32px 32px 24px;border-bottom:1px solid #e8eaed;position:relative}.event-game-indicator{position:absolute;top:24px;left:32px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.modal-header h2{margin:0 0 12px;font-size:32px;font-weight:600;color:#202124;line-height:1.3;padding-right:60px}.event-date{margin:0;color:#5f6368;font-size:16px;font-weight:500}.modal-body{padding:32px}.modal-content-layout{display:flex;gap:32px;align-items:center}.modal-content-layout.no-image{flex-direction:column;gap:16px}.modal-description-section{flex:1;min-width:0}.modal-image-section{flex-shrink:0;width:600px}.event-image-container{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#f8f9fa}.event-image{width:100%;height:auto;display:block;transition:transform .3s ease}.event-image:hover{transform:scale(1.05)}.event-location{display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#5f6368;font-size:16px}.location-icon{margin-right:10px;font-size:18px}.event-description{margin-bottom:20px;color:#202124;font-size:16px;line-height:1.6}.modal-actions{padding:24px 32px 32px;display:flex;gap:16px;border-top:1px solid #e8eaed;flex-wrap:wrap}.btn-copy-calendar{flex:1;min-width:200px;padding:16px 20px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#202124;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-copy-calendar:hover{background:#f8f9fa;border-color:#c6c8ca}.btn-copy-calendar:active{background:#f1f3f4}.btn-event-link{flex:1;min-width:200px;padding:16px 20px;border:1px solid #4285f4;border-radius:8px;background:#4285f4;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-event-link:hover{background:#3367d6;border-color:#3367d6}.btn-event-link:active{background:#2a56c6}.btn-icon{font-size:18px}.calendar-container{padding:clamp(1rem,2vw,3rem);width:100%;max-width:100%}.fc-toolbar-title{font-size:1.8rem!important;font-weight:600!important}.fc-daygrid-day{min-height:clamp(60px,8vh,120px)!important}.fc-event{padding:clamp(2px,.5vw,6px) clamp(4px,1vw,12px)!important;font-size:12px!important;border-radius:clamp(3px,.5vw,6px)!important;line-height:1.2!important}.fc-button{padding:clamp(6px,1vw,12px) clamp(8px,1.5vw,16px)!important;font-size:13px!important;border-radius:clamp(4px,.5vw,6px)!important}.fc-col-header-cell{font-size:13px!important;padding:clamp(4px,.8vw,8px)!important;font-weight:600!important}.fc-daygrid-day-number{font-size:14px!important;font-weight:500!important}.main-content{display:flex;gap:clamp(1rem,2vw,2rem);width:100%;max-width:100%}.game-filter-sidebar{width:clamp(200px,20vw,300px);min-width:200px;flex-shrink:0}.calendar-container{flex:1;min-width:0}.filter-title{font-size:16px!important}.filter-checkbox-label{font-size:13px!important}.filter-action-btn{padding:clamp(4px,.8vw,8px) clamp(8px,1.2vw,12px)!important;font-size:11px!important}.app{width:100%;max-width:100vw;padding:clamp(.5rem,1vw,1rem)}.nav-header{padding:clamp(.5rem,1vw,1rem) 0}.nav-title{font-size:2rem!important}@media (max-width: 1024px){.main-content{flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.game-filter-sidebar{width:100%;order:-1}.filter-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(.5rem,1vw,1rem)}}@media (max-width: 768px){.fc-toolbar{flex-direction:column!important;gap:.5rem!important}.fc-toolbar-chunk{display:flex!important;justify-content:center!important}.fc-daygrid-day{min-height:clamp(50px,6vh,80px)!important}.fc-event{font-size:11px!important;padding:clamp(1px,.3vw,4px) clamp(2px,.8vw,8px)!important}.filter-checkboxes{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 768px){.modal-content{max-width:95vw;margin:.5rem}.modal-content-layout{flex-direction:column;gap:24px}.modal-image-section{width:100%;max-width:600px;margin:0 auto}.event-image-container{max-width:100%}.modal-header h2{font-size:28px}.modal-header{padding:24px 24px 20px}.modal-body{padding:24px}.modal-actions{padding:20px 24px 24px}}@media (max-width: 768px){#root{padding:.5rem}.app h1{font-size:2rem;margin-bottom:1rem}.calendar-container{padding:.5rem}.fc-toolbar{flex-direction:column;gap:.5rem}.fc-toolbar-chunk{display:flex;justify-content:center}.event-legend,.cache-status{padding:12px 16px;margin-bottom:.5rem}.cache-info{flex-direction:column;gap:12px;align-items:stretch}.refresh-btn{width:100%}.legend-items{gap:12px}.modal-content{margin:1rem;max-height:90vh}.modal-header{padding:20px 20px 12px}.modal-header h2{font-size:20px}.modal-body{padding:16px 20px}.modal-actions{padding:12px 20px 20px}.btn-copy-calendar,.btn-event-link{width:100%}}.main-app{min-height:100vh;background-color:#f8f9fa}.nav-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 0;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;border-radius:16px;margin:0 0 rem 2rem 0rem}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.nav-title{margin:0;font-size:1.8rem;font-weight:600;color:#fff}.nav-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.nav-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.nav-button.active{background:#ffffffe6;color:#333;border-color:#ffffffe6;box-shadow:0 4px 15px #0003}.nav-button.active:hover{background:#fff;transform:translateY(-2px)}@media (max-width: 768px){.nav-container{flex-direction:column;text-align:center}.nav-title{font-size:1.5rem}.nav-buttons{justify-content:center}.nav-button{padding:.6rem 1.2rem;font-size:.9rem}}.event-link{margin-top:1rem}.event-link h4{margin:0 0 .5rem;color:#333;font-size:1rem;font-weight:600}.event-link-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.event-link-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66;color:#fff;text-decoration:none}.event-link-button:active{transform:translateY(0)}.link-icon{font-size:1rem}.config-message{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.config-content{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:2rem;max-width:600px;text-align:center}.config-content h2{color:#495057;margin-bottom:1rem;font-size:1.5rem}.config-content p{color:#6c757d;margin-bottom:1rem;line-height:1.6}.config-content ol,.config-content ul{text-align:left;margin:1rem 0;padding-left:1.5rem}.config-content li{color:#495057;margin-bottom:.5rem;line-height:1.5}.config-content code{background:#e9ecef;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#e83e8c;font-size:.9rem}.config-content strong{color:#495057}@media (max-width: 768px){.event-link-button{width:100%;justify-content:center;padding:.8rem 1.5rem}.config-content{padding:1.5rem;margin:1rem}}