*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#ffffff;--surface:#f8f9fa;--text:#1a1a1a;--text-secondary:#6b7280;--border:#e5e7eb;--accent:#3b82f6;--accent-hover:#2563eb;--working:#60a5fa;--overlap:#10b981;--selected:#f97316;--shadow:0 1px 2px rgba(0, 0, 0, 0.05);--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--text-secondary:#94a3b8;--border:#334155;--accent:#60a5fa;--accent-hover:#3b82f6;--working:#3b82f6;--overlap:#10b981;--selected:#ea580c;--shadow:0 1px 2px rgba(0, 0, 0, 0.3)}body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:var(--transition);min-height:100vh;overflow-x:hidden}.top-navbar{position:fixed;top:0;left:0;right:0;height:52px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1000}.navbar-brand h1{font-size:.95rem;font-weight:500;margin:0;color:var(--text);letter-spacing:-.01em}.navbar-menu{display:flex;align-items:center;gap:.125rem}.navbar-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:0 0;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:inherit;transition:var(--transition)}.navbar-btn:hover{background:var(--surface);color:var(--text)}.navbar-btn svg{flex-shrink:0;opacity:.7}.navbar-btn:hover svg{opacity:1}.navbar-btn span{display:none}.navbar-divider{width:1px;height:20px;background:var(--border);margin:0 .375rem}@media (min-width:600px){.navbar-btn span{display:inline}.navbar-btn{padding:.5rem .75rem}}@media (min-width:769px){.top-navbar{height:56px;padding:0 1.5rem}.navbar-brand h1{font-size:1.05rem}.navbar-menu{gap:.25rem}.navbar-divider{margin:0 .5rem}}.language-selector{display:flex;align-items:center}#language-select,.language-selector select{padding:.5rem .625rem;border:none;border-radius:6px;font-size:.8rem;background:0 0;color:var(--text-secondary);font-family:inherit;transition:var(--transition);outline:0;cursor:pointer}#language-select:hover,.language-selector select:hover{background:var(--surface);color:var(--text)}#language-select:focus,.language-selector select:focus{background:var(--surface)}[data-theme=dark] select{background:0 0;color:var(--text-secondary)}[data-theme=dark] select:focus,[data-theme=dark] select:hover{background:var(--surface);color:var(--text)}main{max-width:1000px;margin:0 auto;padding:60px .5rem .5rem .5rem;min-height:calc(100vh - 52px);display:flex;flex-direction:column}@media (min-width:769px){main{padding:72px 1.5rem 1.5rem 1.5rem;min-height:calc(100vh - 56px)}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}.theme-toggle{width:36px;height:36px;border-radius:6px;background:0 0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0}.theme-toggle:hover{background:var(--surface)}.theme-toggle svg{color:var(--text-secondary);width:18px;height:18px;transition:var(--transition)}.theme-toggle:hover svg{color:var(--text)}.sun-icon{display:block}.moon-icon{display:none}[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}.settings-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}@media (min-width:769px){.settings-bar{gap:1.5rem;padding:.875rem 1rem;margin-bottom:1rem}}@media (max-width:599px){.settings-bar{padding:.25rem;gap:.25rem}.setting-group input{width:40px;padding:.3rem .25rem;font-size:.8rem}.setting-group input[type=date]{width:120px;padding:.3rem .35rem;font-size:.8rem}.setting-group label{font-size:.6rem;min-width:fit-content}.toggle-btn{padding:.15rem}.toggle-option{padding:.25rem .5rem;font-size:.7rem}.setting-group span{font-size:.75rem;margin:0 .125rem}}.setting-group{display:flex;align-items:center;flex-direction:row;gap:.5rem}.setting-group label{font-size:.7rem;color:var(--text-secondary);font-weight:500}@media (min-width:769px){.setting-group label{font-size:.8rem}}.setting-group input{width:50px;padding:.4rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.9rem;text-align:center;outline:0}.setting-group input[type=date]{width:auto;padding:.4rem .5rem;font-family:inherit;cursor:pointer}.setting-group input:focus{border-color:var(--accent)}.setting-group span{color:var(--text-secondary);font-size:.85rem}#timezones-container{display:flex;flex-direction:column}.timezone-item{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:.5rem}@media (min-width:600px){.timezone-item{grid-template-columns:1fr 1.5fr auto}.timezone-item>:nth-child(2){margin-left:.5rem}}@media (min-width:769px){.timezone-item{margin-bottom:.75rem}}.timezone-item .btn-remove{margin-left:.5rem}.timezone-item input,.timezone-item select,.tz-autocomplete-input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.85rem;background:var(--surface);color:var(--text);font-family:inherit;transition:var(--transition);outline:0}.tz-autocomplete-input{width:100%}.timezone-item input:focus,.timezone-item select:focus,.tz-autocomplete-input:focus{border-color:var(--accent)}.timezone-item .btn-remove{width:32px;height:32px;padding:0;background:0 0;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:1.25rem;line-height:1;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timezone-item .btn-remove:hover{background:var(--surface);color:var(--text);border-color:var(--accent)}.tz-autocomplete-wrapper{position:relative;flex:1}.tz-autocomplete-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow)}.tz-autocomplete-dropdown.active{display:block}.tz-dropdown-item{padding:.5rem .75rem;cursor:pointer;font-size:.8rem;color:var(--text);transition:var(--transition)}.tz-dropdown-item.highlighted,.tz-dropdown-item:hover{background:var(--surface)}.tz-dropdown-item:first-child{border-radius:6px 6px 0 0}.tz-dropdown-item:last-child{border-radius:0 0 6px 6px}.btn-add{width:100%;padding:.5rem;background:0 0;color:var(--text-secondary);border:1px dashed var(--border);border-radius:6px;cursor:pointer;font-size:1rem;font-family:inherit;transition:var(--transition);margin-bottom:1.5rem}@media (min-width:769px){.btn-add{padding:.625rem;margin-bottom:1.75rem}}.btn-add:hover{border-color:var(--accent);color:var(--accent)}.btn-add:disabled{opacity:.5;cursor:not-allowed}#timezone-grid{overflow-x:auto;margin-bottom:1.5rem}@media (min-width:769px){#timezone-grid{margin-bottom:1.75rem}}.grid-table{width:100%;border-collapse:separate;border-spacing:0}@media (min-width:600px){.grid-table td:nth-child(2),.grid-table th:nth-child(2){width:1%}}.grid-table th{padding:.5rem;text-align:left;font-weight:500;font-size:.75rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.grid-table tbody tr{position:relative}.grid-table tbody tr::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--border);pointer-events:none}.grid-table tbody tr:last-child::after{display:none}.grid-table td{padding:.5rem}.grid-table td:first-child{font-weight:500}.hour-cell{display:inline-block;width:2.5rem;height:2.5rem;margin:.125rem;border-radius:.5rem;text-align:center;line-height:2.5rem;font-size:.75rem;background:var(--surface);color:var(--text-secondary);transition:var(--transition);font-weight:500}@media (min-width:769px){.grid-table td:nth-child(2){display:grid;grid-template-columns:repeat(12,max-content);gap:.25rem;justify-content:start;align-content:start}.grid-table td:nth-child(2) .hour-cell{margin:0}.hour-cell{width:3.5rem;height:3.5rem;margin:.25rem;border-radius:.625rem;line-height:3.5rem;font-size:1rem}}.hour-cell:hover{transform:scale(1.1)}.hour-cell.working{background:var(--working);color:#fff}.hour-cell.overlap{background:var(--overlap);color:#fff}.hour-cell.selected{background:var(--selected);color:#fff}.hour-cell.current-hour{box-shadow:inset 0 0 0 2px var(--accent)}.hour-cell .ampm-suffix{font-size:.55em;font-weight:400;opacity:.85;margin-left:1px;vertical-align:super}.toggle-btn{display:flex;gap:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.2rem;cursor:pointer}.toggle-option{padding:.3rem .7rem;font-size:.75rem;color:var(--text-secondary);border-radius:4px;transition:var(--transition)}.toggle-option.active{background:var(--accent);color:#fff}.meeting-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--surface);border:2px solid var(--selected);border-radius:8px;flex-wrap:wrap}.meeting-panel[hidden]{display:none}.meeting-summary{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text);font-weight:500}.meeting-summary::before{content:'';display:inline-block;width:12px;height:12px;background:var(--selected);border-radius:3px;flex-shrink:0}.meeting-actions{display:flex;gap:.5rem}.meeting-actions .btn-action{padding:.5rem 1rem;font-size:.8rem}.meeting-actions .btn-action svg{margin-right:.25rem}@media (max-width:500px){.meeting-panel{flex-direction:column;align-items:stretch;text-align:center}.meeting-summary{justify-content:center}.meeting-actions{justify-content:center}}.actions{display:flex;gap:.75rem;justify-content:center;flex-direction:column}@media (min-width:769px){.actions{flex-direction:row;gap:1.25rem}}.btn-action{padding:.6rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-family:inherit;font-weight:500;transition:var(--transition);width:100%}@media (min-width:769px){.btn-action{width:auto}}.btn-action:hover{background:var(--accent-hover);transform:translateY(-1px)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:1000}.modal.active{display:flex}.modal-content{background:var(--bg);padding:2.5rem;border-radius:16px;border:1px solid var(--border);max-width:500px;width:90%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.modal-content h3{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;color:var(--text)}.modal-content input{width:100%;padding:.875rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface);color:var(--text);font-family:Monaco,'Courier New',monospace;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem}.modal-actions .btn-action{flex:1}.info-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:2000;overflow-y:auto;padding:1rem}.info-modal.active{display:flex;align-items:center;justify-content:center}.info-modal-content{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px rgba(0,0,0,.2)}.info-modal-content.faq-modal-large{max-width:600px}.info-modal-content h2{font-size:1.25rem;font-weight:500;margin:0 0 1rem 0;color:var(--text);padding-right:2rem}.info-modal-content p{font-size:.9rem;line-height:1.6;color:var(--text);margin:0}.info-modal-content ol{margin:0 0 1rem 1.25rem;padding:0}.info-modal-content li{margin-bottom:.625rem;font-size:.875rem;color:var(--text);line-height:1.5}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:0 0;color:var(--text-secondary);font-size:1.75rem;line-height:1;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{background:var(--surface);color:var(--text)}@media (min-width:769px){.info-modal{padding:2rem}.info-modal-content{padding:2rem}.info-modal-content h2{font-size:1.5rem}.info-modal-content p{font-size:.95rem}}.color-legend{background:var(--surface);padding:.75rem;border-radius:6px;margin-top:1rem}.color-legend h3{font-size:.875rem;font-weight:500;color:var(--text);margin:0 0 .625rem 0}.color-legend ul{list-style:none;margin:0;padding:0}.color-legend li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.color-legend li:last-child{margin-bottom:0}.legend-color{width:20px;height:20px;border-radius:4px;display:inline-block;flex-shrink:0}.legend-color.working{background:var(--working)}.legend-color.overlap{background:var(--overlap)}.legend-color.selected{background:var(--selected)}.faq-item{margin-bottom:1rem}.faq-item:last-child{margin-bottom:0}.faq-item h3{font-size:.925rem;font-weight:500;color:var(--text);margin:0 0 .375rem 0}.faq-item p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.site-footer{height:52px;background:var(--bg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:0 1rem;gap:.5rem}.footer-content{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.site-footer p{font-size:.8rem;color:var(--text-secondary);margin:0}.site-footer strong{color:var(--text);font-weight:500}.footer-links{display:flex;align-items:center;gap:.125rem}.footer-link{display:flex;align-items:center;padding:.5rem .625rem;background:0 0;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:inherit;text-decoration:none;transition:var(--transition)}.footer-link:hover{background:var(--surface);color:var(--text)}@media (min-width:769px){.site-footer{height:56px;padding:0 1.5rem}.footer-link{padding:.5rem .75rem}}.input-error{border-color:#ef4444!important}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--surface);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:3000;opacity:0;transition:transform .3s ease,opacity .3s ease;font-size:.875rem;color:var(--text)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.success{border-color:var(--overlap);background:rgba(16,185,129,.1)}.toast.error{border-color:#ef4444;background:rgba(239,68,68,.1)}.hour-detail-popup{display:none;position:fixed;z-index:2000;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:.75rem;min-width:180px;max-width:280px}.hour-detail-popup.active{display:block}.hour-detail-content{font-size:.8rem}#hour-detail-times{margin-bottom:.5rem}.hour-detail-time{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--border)}.hour-detail-time:last-child{border-bottom:none}.hour-detail-time .tz-name{color:var(--text-secondary);font-size:.75rem}.hour-detail-time .tz-hour{font-weight:500;color:var(--text)}.hour-detail-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn-action.small{padding:.375rem .75rem;font-size:.75rem;flex:1}.btn-action.secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-action.secondary:hover{background:var(--border);color:var(--text)}.feedback-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.form-group input,.form-group textarea{padding:.625rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;background:var(--surface);color:var(--text);font-family:inherit;transition:var(--transition);outline:0;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{min-height:100px}.form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.form-actions .btn-action{width:auto;padding:.5rem 1.25rem}.export-options{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.export-option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:var(--transition);text-align:left;width:100%}.export-option-btn:hover{border-color:var(--accent);background:var(--bg);transform:translateY(-1px)}.export-option-icon{flex-shrink:0;color:var(--accent)}.export-option-content h3{margin:0 0 .25rem 0;font-size:1rem;font-weight:600;color:var(--text)}.export-option-content p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}@media (max-width:500px){.export-options{gap:.75rem}.export-option-btn{padding:.875rem;gap:.75rem}}