@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Playfair+Display:wght@600;700&display=swap";:root{--bg-primary: #0f1419;--bg-secondary: #1a1f25;--bg-elevated: #24292f;--color-core: rgba(63, 185, 80, .12);--color-extended: rgba(210, 153, 34, .12);--color-outside: transparent;--color-selection: rgba(88, 166, 255, .15);--color-selection-border: rgba(88, 166, 255, .6);--color-grid-border: rgba(255, 255, 255, .06);--color-grid-header-bg: rgba(255, 255, 255, .03);--color-grid-today-bg: rgba(88, 166, 255, .06);--color-text-primary: #f0f6fc;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-tz-primary-border: #58a6ff;--color-tz-primary-bg: rgba(88, 166, 255, .08);--color-btn-primary: #58a6ff;--color-btn-primary-hover: #79c0ff;--color-btn-secondary: rgba(255, 255, 255, .06);--color-btn-secondary-hover: rgba(255, 255, 255, .1);--spacing-cell-height: 36px;--spacing-time-axis-width: 56px;--spacing-tz-header-width: 120px}.calendar-container{--row-header-width: 150px;--row-h: 48px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow-x:auto;box-shadow:var(--shadow-md)}.grid-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.date-nav{display:flex;align-items:center;gap:.375rem}.btn--nav{padding:.25rem .625rem;font-size:1.125rem;line-height:1}.date-input{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.8125rem;padding:.375rem .5rem;color-scheme:dark}.date-display{font-weight:600;font-size:.9375rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.today-pill{font-size:.625rem;font-weight:700;letter-spacing:.1em;color:var(--color-accent-blue);background:#58a6ff1a;padding:.125rem .5rem;border-radius:999px}.btn--today{margin-left:auto}.tz-axis-row{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);min-width:760px}.tz-corner{width:var(--row-header-width);min-width:var(--row-header-width);display:flex;align-items:center;padding:0 .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-right:1px solid var(--border-subtle)}.hour-axis{flex:1;display:grid;grid-template-columns:repeat(24,minmax(26px,1fr))}.hour-label{text-align:center;padding:.5rem 0;font-size:.6875rem;font-family:SF Mono,monospace;color:var(--color-text-muted);border-right:1px solid var(--border-subtle)}.hour-label:last-child{border-right:none}.tz-body{display:flex;position:relative;min-width:760px}.tz-row-headers{width:var(--row-header-width);min-width:var(--row-header-width);border-right:1px solid var(--border-subtle);background:var(--bg-elevated)}.tz-row-header{position:relative;height:var(--row-h);display:flex;flex-direction:column;justify-content:center;padding:0 .75rem;border-bottom:1px solid var(--border-subtle)}.tz-row-header--primary{background:var(--color-tz-primary-bg);border-left:3px solid var(--color-tz-primary-border)}.tz-head-name{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.tz-head-offset{font-size:.6875rem;color:var(--color-text-muted);font-family:SF Mono,monospace}.tz-head-actions{position:absolute;top:50%;right:.4rem;transform:translateY(-50%);display:flex;gap:.125rem;opacity:0;transition:opacity .15s ease}.tz-row-header:hover .tz-head-actions,.tz-col-header:hover .tz-head-actions{opacity:1}.icon-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--color-text-secondary);cursor:pointer;padding:.125rem .3rem;border-radius:4px;font-size:.6875rem;line-height:1}.icon-btn:hover{color:var(--color-text-primary);border-color:var(--border-strong)}.icon-btn--danger:hover{color:var(--color-accent-red);border-color:var(--color-accent-red)}.tz-cells{flex:1;position:relative;cursor:crosshair}.tz-cell-row{display:grid;grid-template-columns:repeat(24,minmax(26px,1fr))}.tz-cell{height:var(--row-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);font-size:.6875rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;transition:background .15s ease}.tz-cell:last-child{border-right:none}.tz-cell--core{background:var(--color-core)}.tz-cell--extended{background:var(--color-extended)}.tz-cell--outside{background:var(--color-outside)}.tz-cell:hover{background:#ffffff0f}.tz-cell--selected{background:var(--color-selection)!important;outline:1px solid var(--color-selection-border);outline-offset:-1px}.cell-time{white-space:nowrap}.cell-day{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.cell-day--rolled{color:var(--color-accent-yellow)}.calendar-container--vertical{overflow-x:hidden}.v-head-row{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.v-corner{width:var(--hour-axis-width, 56px);min-width:var(--hour-axis-width, 56px);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-right:1px solid var(--border-subtle)}.v-tz-headers{flex:1;display:grid}.tz-col-header{position:relative;padding:.625rem .5rem .75rem;text-align:center;border-right:1px solid var(--border-subtle)}.tz-col-header:last-child{border-right:none}.tz-col-header--primary{background:var(--color-tz-primary-bg);border-bottom:2px solid var(--color-tz-primary-border)}.tz-col-header .tz-head-actions{position:static;transform:none;justify-content:center;margin-top:.375rem;opacity:1}.v-body{display:flex;position:relative}.v-hour-axis{width:var(--hour-axis-width, 56px);min-width:var(--hour-axis-width, 56px);border-right:1px solid var(--border-subtle);background:var(--bg-elevated)}.v-hour-label{height:var(--row-h);display:flex;align-items:center;justify-content:flex-end;padding-right:.625rem;font-size:.6875rem;font-family:SF Mono,monospace;color:var(--color-text-muted);border-bottom:1px solid var(--border-subtle)}.v-cells{flex:1;position:relative;display:grid;cursor:crosshair}.app-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:.5rem}.btn--icon{padding:.5rem;width:2.25rem;height:2.25rem;justify-content:center;font-size:1rem}.picker-text{display:flex;flex-direction:column;align-items:flex-start;gap:.0625rem}.picker-country{font-size:.6875rem;color:var(--color-text-muted)}.timezone-row{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.timezone-spacer{width:var(--spacing-time-axis-width);min-width:var(--spacing-time-axis-width)}.day-group{flex:1;display:flex}.timezone-header{flex:1;padding:.75rem .5rem;text-align:center;border-right:1px solid var(--border-subtle);position:relative;transition:background .2s ease}.timezone-header:last-child{border-right:none}.timezone-header--primary{background:var(--color-tz-primary-bg);border-bottom:2px solid var(--color-tz-primary-border)}.timezone-label{font-weight:600;font-size:.875rem;color:var(--color-text-primary);margin-bottom:.125rem}.timezone-offset{font-size:.75rem;color:var(--color-text-muted);font-family:SF Mono,monospace}.swap-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:4px;font-size:.75rem;opacity:0;transition:all .2s ease}.timezone-header:hover .swap-btn{opacity:1}.swap-btn:hover{background:var(--color-btn-secondary-hover);color:var(--color-text-primary)}.day-row{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.day-spacer{width:var(--spacing-time-axis-width);min-width:var(--spacing-time-axis-width)}.day-wrapper{flex:1;padding:.5rem;text-align:center}.day-header{display:flex;flex-direction:column;align-items:center;gap:.125rem}.day-header--today{background:var(--color-grid-today-bg);border-radius:8px;padding:.5rem}.day-weekday{font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.day-date{font-size:.875rem;color:var(--color-text-muted)}.day-badge{font-size:.625rem;font-weight:700;color:var(--color-accent-blue);background:#58a6ff1a;padding:.125rem .5rem;border-radius:999px;margin-top:.25rem;letter-spacing:.1em}.grid-body{display:flex;position:relative;cursor:crosshair}.time-axis{width:var(--spacing-time-axis-width);min-width:var(--spacing-time-axis-width);border-right:1px solid var(--border-subtle);background:var(--bg-elevated)}.time-slot{height:var(--spacing-cell-height);display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem;font-size:.75rem;color:var(--color-text-muted);font-family:SF Mono,monospace;border-bottom:1px solid var(--border-subtle)}.cells-container{flex:1;position:relative}.hour-row{display:flex}.cell-group{flex:1;display:flex}.grid-cell{flex:1;height:var(--spacing-cell-height);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.grid-cell:last-child{border-right:none}.grid-cell--core{background:var(--color-core)}.grid-cell--extended{background:var(--color-extended)}.grid-cell--outside{background:var(--color-outside)}.grid-cell:hover{background:#ffffff0a}.grid-cell--selected{background:var(--color-selection)!important;outline:1px solid var(--color-selection-border)}.selection-overlay{position:absolute;background:var(--color-selection);border:2px solid var(--color-selection-border);border-radius:4px;pointer-events:none;z-index:10;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.selection-panel{margin-top:1.5rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-md);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selection-info{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.selection-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.625rem}.selection-heading{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.btn--copy{padding:.3rem .6rem;font-size:.75rem}.subject-field{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.subject-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.subject-input{flex:1;max-width:28rem;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.875rem;padding:.4rem .625rem}.subject-input:focus{outline:none;border-color:var(--color-btn-primary)}.selection-times{list-style:none;display:flex;flex-direction:column;gap:.25rem}.selection-row{display:grid;grid-template-columns:130px 130px 1fr;gap:.75rem;align-items:baseline;font-size:.875rem;padding:.25rem .5rem;border-radius:6px;color:var(--color-text-secondary)}.selection-row--primary{background:var(--color-tz-primary-bg)}.selection-zone{font-weight:600;color:var(--color-text-primary)}.selection-date{color:var(--color-text-muted)}.selection-range{font-family:SF Mono,monospace;font-size:.8125rem}.selection-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-elevated);color:var(--color-text-primary);cursor:pointer;text-decoration:none;transition:all .2s ease}.btn:hover{background:var(--bg-secondary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--primary{background:var(--color-btn-primary);border-color:var(--color-btn-primary);color:#fff}.btn--primary:hover{background:var(--color-btn-primary-hover)}.btn--google{color:#ea4335;border-color:#ea43354d}.btn--gmail{color:#fbbc04;border-color:#fbbc044d}.btn--office{color:#0078d4;border-color:#0078d44d}.btn--clear{color:var(--color-text-muted);border-color:var(--border-subtle)}.btn--clear:hover{color:var(--color-text-primary);border-color:var(--border-medium)}.btn--add{background:var(--color-btn-secondary);border-color:var(--border-medium)}.btn--add:hover{background:var(--color-btn-secondary-hover)}.btn--share{background:var(--color-btn-secondary);border-color:var(--border-medium)}.btn--share:hover{background:var(--color-btn-secondary-hover)}.btn--copied{background:#3fb9501a;border-color:#3fb9504d;color:var(--color-accent-green)}.timezone-picker{position:relative}.picker-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:12px;box-shadow:var(--shadow-lg);z-index:100;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.picker-input{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;outline:none}.picker-input::placeholder{color:var(--color-text-muted)}.picker-list{max-height:240px;overflow-y:auto;padding:.5rem}.picker-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.8125rem;cursor:pointer;transition:background .15s ease}.picker-item:hover{background:var(--color-btn-secondary-hover)}.picker-label{font-weight:500}.picker-code{font-size:.75rem;color:var(--color-text-muted);font-family:SF Mono,monospace}.picker-empty{padding:1rem;text-align:center;color:var(--color-text-muted);font-size:.8125rem}.picker-list::-webkit-scrollbar{width:6px}.picker-list::-webkit-scrollbar-track{background:transparent}.picker-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.picker-list::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.spinner-ring{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--color-btn-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:var(--color-text-muted);font-size:.875rem}@media(max-width:768px){.app{padding:1rem}.app-header{flex-direction:column;gap:1rem}.header-controls{flex-direction:column;gap:.75rem}.selection-actions{flex-direction:column}.btn{width:100%;justify-content:center}.timezone-row,.grid-body{overflow-x:auto}}:root{--bg-primary: #0f1419;--bg-secondary: #1a1f25;--bg-elevated: #24292f;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-yellow: #d29922;--accent-red: #f85149;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.app-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.app-title{display:flex;flex-direction:column;gap:.15rem;font-weight:700}.app-title-brand{font-family:Playfair Display,Georgia,serif;font-size:2.5rem;letter-spacing:-.02em;line-height:1.05;background:linear-gradient(to right,var(--text-primary),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-title-desc{font-size:1.05rem;font-weight:500;color:var(--text-secondary)}.tagline{color:var(--text-secondary);font-size:.95rem;margin-top:.4rem;max-width:60ch}.app-main{display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md)}button{font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:all .2s ease}button:hover{background:var(--bg-secondary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}code{font-family:SF Mono,Fira Code,monospace;font-size:.875em;background:var(--bg-elevated);padding:.2em .4em;border-radius:4px;border:1px solid var(--border-subtle)}