:root{--brand-blue-950: #0a1b4f;--brand-petrol-500: #3b8fa2;--brand-petrol-400: #56a9ba;--brand-petrol-50: #f1fafa;--brand-mint-500: #17b28e;--brand-mint-400: #47d0ab;--brand-lime-500: #bde600;--brand-lime-400: #d8ff00;--brand-lime-200: #f6ff90;--brand-purple-500: #a680cc;--brand-purple-400: #bfa4dc;--brand-gray-warm-50: #FAF8F6;--brand-gray-warm-100: #F3F1EE;--brand-gray-warm-200: #E4E1DC;--brand-gray-warm-400: #B7B1AA;--brand-gray-warm-500: #9D968F;--brand-gray-warm-700: #6B6561;--bg-primary: var(--brand-gray-warm-50);--bg-secondary: #ffffff;--bg-tertiary: var(--brand-gray-warm-100);--text-primary: var(--brand-blue-950);--text-secondary: var(--brand-gray-warm-700);--text-muted: var(--brand-gray-warm-500);--accent: var(--brand-petrol-500);--accent-light: var(--brand-petrol-50);--border: var(--brand-gray-warm-200);--border-light: var(--brand-gray-warm-100);--shadow: rgba(10, 27, 79, .06);--shadow-lg: rgba(10, 27, 79, .12);--today-bg: var(--brand-lime-200);--weekend: var(--brand-gray-warm-100);--event-default: var(--brand-petrol-500);--event-meeting: var(--brand-purple-500);--event-personal: var(--brand-mint-500);--modal-overlay: rgba(10, 27, 79, .4);--time-indicator: #ef4444;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}@media(prefers-color-scheme:dark){:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: var(--brand-petrol-400);--accent-light: rgba(59, 143, 162, .15);--border: #30363d;--border-light: #21262d;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5);--today-bg: rgba(216, 255, 0, .15);--weekend: #1c2128;--event-default: var(--brand-petrol-400);--event-meeting: var(--brand-purple-400);--event-personal: var(--brand-mint-400);--modal-overlay: rgba(0, 0, 0, .7);--time-indicator: #f87171}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:Assistant,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#app{display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1.25rem 2rem}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px}.logo-icon svg{width:100%;height:100%}.url-form{display:flex;gap:.75rem;flex:1;max-width:600px}.url-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary)}.url-input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary)}.load-btn{padding:.75rem 1.5rem;background:var(--brand-blue-950);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem}@media(prefers-color-scheme:dark){.load-btn{background:var(--brand-petrol-500)}}.load-btn:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.main-content{flex:1;display:flex;flex-direction:column;padding:1rem 2rem 2rem;min-height:0}.loading-stages{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center}.stage-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.3}.stage.active{opacity:1}.stage.done{opacity:.6}.stage-dot{width:12px;height:12px;border-radius:50%;background:var(--border)}.stage.active .stage-dot{background:var(--brand-petrol-500);animation:pulse 1s infinite}.stage.done .stage-dot{background:var(--brand-mint-500)}.stage-connector{width:40px;height:2px;background:var(--border);margin-bottom:1.5rem}.stage-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.stage.active .stage-label{color:var(--brand-petrol-500);font-weight:600}.loading-status{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.loading-detail{font-size:.9rem;color:var(--text-secondary)}.loading-time{font-size:.8rem;color:var(--text-muted);margin-top:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2);opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}.calendar-nav{display:flex;align-items:center;margin-bottom:1rem;gap:.5rem;flex-wrap:wrap}.nav-arrows{display:flex;gap:.25rem}.nav-btn{position:relative;width:32px;height:32px;border:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem}.nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-badge{position:absolute;top:-5px;right:-5px;font-size:.55rem;min-width:14px;height:14px;line-height:14px;text-align:center;background:var(--brand-petrol-500);color:#fff;border-radius:7px;padding:0 3px}.search-box{position:relative;flex:1;min-width:120px}.search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-muted)}.search-input{width:100%;padding:.4rem 1.75rem .4rem 1.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-family:inherit;background:var(--bg-secondary);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--brand-petrol-500)}.search-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:18px;height:18px;border:none;background:var(--bg-tertiary);border-radius:50%;cursor:pointer;color:var(--text-muted);font-size:.75rem}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px;gap:2px}.view-btn{padding:.35rem .6rem;background:transparent;border:none;border-radius:4px;font-size:.75rem;font-family:inherit;font-weight:500;cursor:pointer;color:var(--text-secondary)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px var(--shadow)}.today-btn{padding:.35rem .6rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;font-family:inherit;cursor:pointer;color:var(--text-secondary)}.today-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-info{font-size:.75rem;color:var(--text-muted)}.date-info-month{font-weight:600;color:var(--text-secondary)}.tool-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted)}.tool-btn svg{width:18px;height:18px}.tool-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tool-refresh-status{font-size:.75rem;color:var(--text-muted);margin:0 0 1rem}.tool-section{margin-bottom:1.25rem}.tool-section:last-child{margin-bottom:0}.tool-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin:0 0 .6rem}.tool-links{display:flex;flex-direction:column;gap:.5rem}.tool-link{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent);text-decoration:none;font-size:.85rem}.tool-link:hover{text-decoration:underline}.tool-link-icon{width:16px;height:16px;flex-shrink:0}.tool-help-group{margin-bottom:.85rem}.tool-help-group:last-child{margin-bottom:0}.tool-help-subtitle{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0 0 .4rem}.tool-kbd-table{width:100%;font-size:.8rem;border-collapse:collapse}.tool-kbd-table td{padding:.25rem 0;color:var(--text-secondary)}.tool-kbd-table td:first-child{width:40%;color:var(--text-primary)}.tool-kbd-table kbd{display:inline-block;padding:.1rem .4rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:.75rem;color:var(--text-primary)}.tool-tips{margin:0;padding-left:1.2rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.tool-tips li{margin-bottom:.35rem}.tool-tips li:last-child{margin-bottom:0}.nav-logo{width:24px;height:24px}.nav-logo svg{width:100%;height:100%}.calendar-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;touch-action:pan-y}.pull-indicator{position:absolute;top:-40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-muted);opacity:0;transition:opacity .2s,top .2s;z-index:10}.pull-indicator.visible{opacity:1;top:.5rem}.pull-indicator.refreshing svg{animation:spin 1s linear infinite}.pull-indicator svg{width:16px;height:16px}.calendar-container{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 24px var(--shadow);min-height:0}.weekday-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.weekday-header.week-view{grid-template-columns:50px repeat(7,minmax(0,1fr))}.weekday-header.day-view{grid-template-columns:50px 1fr}.time-header{padding:.4rem .25rem;text-align:center;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.weekday{padding:.4rem .25rem;text-align:center;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:.3rem}.weekday .day-date{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:none}.weekday.today .day-date{background:var(--brand-lime-500);color:var(--brand-blue-950);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}@media(prefers-color-scheme:dark){.weekday.today .day-date{background:var(--brand-lime-400)}}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1;overflow-y:auto}.calendar-day{min-height:100px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:.4rem;background:var(--bg-secondary)}.calendar-grid:not(.weekdays-only)>.calendar-day:nth-child(7n){border-right:none}.calendar-grid.weekdays-only>.calendar-day:nth-child(5n){border-right:none}.calendar-day.weekend{background:var(--weekend)}.calendar-day.other-month{background:var(--bg-tertiary)}.calendar-day.other-month .day-number{color:var(--text-muted)}.calendar-day.today{background:var(--today-bg)}.calendar-day.today .day-number{background:var(--brand-lime-500);color:var(--brand-blue-950)}.calendar-day.has-match{background:var(--accent-light)}.day-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;color:var(--text-primary);border-radius:50%;margin-bottom:.2rem}.day-events{display:flex;flex-direction:column;gap:2px}.event-pill{padding:.2rem .4rem;background:var(--event-default);color:#fff;font-size:.65rem;font-weight:500;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.event-pill:hover{box-shadow:0 2px 8px var(--shadow-lg)}.event-pill.meeting{background:var(--event-meeting)}.event-pill.personal{background:var(--event-personal)}.event-pill.matched{background:var(--brand-lime-500);color:var(--brand-blue-950)}.event-pill.dimmed{opacity:.35}.more-events{font-size:.65rem;color:var(--text-muted);padding:.2rem .4rem;cursor:pointer}.time-grid{display:grid;grid-template-columns:50px repeat(7,1fr);overflow-y:auto;flex:1;position:relative;align-content:start}.time-grid.day-view{grid-template-columns:50px 1fr}.time-grid.fit-to-screen{overflow-y:hidden;align-content:stretch;grid-template-rows:repeat(var(--hour-count, 16),1fr)}.time-grid.fit-to-screen .time-slot,.time-grid.fit-to-screen .time-label{height:auto;min-height:20px}.time-slot{border-right:1px solid var(--border);border-bottom:1px solid var(--border);height:60px;position:relative}.time-slot:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--border-light)}.time-label{padding:.15rem .35rem;font-size:.65rem;color:var(--text-muted);text-align:right;border-bottom:1px solid var(--border);background:var(--bg-tertiary);height:60px;display:flex;align-items:flex-start;justify-content:flex-end;position:relative}.time-slot.weekend{background:var(--weekend)}.time-slot.today{background:var(--today-bg)}.current-time-line{position:absolute;left:0;right:0;height:2px;background:var(--time-indicator);z-index:10}.current-time-line:before{content:"";position:absolute;left:-4px;top:-4px;width:10px;height:10px;background:var(--time-indicator);border-radius:50%}.current-time-label{position:absolute;right:100%;top:50%;transform:translateY(-50%);background:var(--time-indicator);color:#fff;font-size:.6rem;font-weight:600;padding:.1rem .3rem;border-radius:3px;margin-right:4px;white-space:nowrap}.time-event{position:absolute;padding:.2rem .4rem;background:var(--event-default);color:#fff;font-size:.65rem;font-weight:500;border-radius:3px;cursor:pointer;overflow:hidden;z-index:1;border-left:3px solid rgba(0,0,0,.2)}.time-event:hover{box-shadow:0 2px 8px var(--shadow-lg);z-index:5}.time-event.meeting{background:var(--event-meeting)}.time-event.personal{background:var(--event-personal)}.time-event.matched{background:var(--brand-lime-500);color:var(--brand-blue-950)}.time-event.dimmed{opacity:.35}.time-event-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-event-time{font-size:.6rem;opacity:.9}.all-day-section{display:grid;grid-template-columns:50px repeat(7,1fr);border-bottom:1px solid var(--border);min-height:32px}.all-day-section.day-view{grid-template-columns:50px 1fr}.all-day-label{padding:.35rem;font-size:.65rem;color:var(--text-muted);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border)}.all-day-cell{padding:.2rem;border-right:1px solid var(--border);display:flex;flex-wrap:wrap;gap:2px}.all-day-cell:last-child{border-right:none}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 24px 48px var(--shadow-lg)}.modal-header{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal-title{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.close-btn{width:28px;height:28px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem;flex-shrink:0}.close-btn:hover{background:var(--accent);color:#fff}.modal-body{padding:1.25rem;overflow-y:auto;max-height:60vh}.event-detail{display:flex;gap:.65rem;margin-bottom:.85rem}.detail-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;margin-top:2px}.detail-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem}.detail-value{font-size:.9rem;color:var(--text-primary)}.detail-value a{color:var(--accent);text-decoration:none}.detail-value a:hover{text-decoration:underline}.description-content{background:var(--bg-tertiary);padding:.85rem;border-radius:var(--radius-sm);font-size:.85rem;white-space:pre-wrap;word-wrap:break-word}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.state-icon{width:64px;height:64px;margin-bottom:1.5rem;color:var(--text-muted)}.state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.state-text{font-size:.95rem;color:var(--text-secondary)}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:1rem}@media(prefers-color-scheme:dark){.error-message{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}}@media(max-width:768px){.header{padding:1rem}.header-content{flex-direction:column}.url-form{max-width:none;flex-direction:column}.main-content{padding:.75rem}.calendar-nav{gap:.5rem}}