.login-container header{display:flex;justify-content:center;align-items:center;background:linear-gradient(132deg,#f9ceb7,#add1f2);position:fixed;top:0;left:0;right:0;z-index:100;overflow:hidden}.login-container body{background-image:radial-gradient(circle,rgb(249,206,183) 1px,transparent 1px);background-size:20px 20px;margin-top:200px}.onboarding-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:95vh;background-color:#f4f5f7}.username-creator{max-width:500px;left:auto;position:relative;margin-bottom:10em;padding:.5em;border-radius:8px;border:2px solid #d0d0d0;display:flex;flex-direction:column;align-items:center}@media(max-width:900px){.username-creator{margin-bottom:0}}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:40px 20px;max-width:1200px;margin:0 auto}.column{background:#f4f5f7;padding:20px;border-radius:8px;border:2px solid #d0d0d0}.column h3{text-align:center}#auth{position:fixed;top:100px;left:0;right:0;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f4f5f7;height:120px;z-index:99}#loginBtn{flex:0 2 400px;padding:15px;font-size:clamp(14px,4vw,24px)}html,body,#root{margin:0;padding:0;height:auto;overflow:visible!important}#calendar-container{display:flex;flex-direction:column;gap:12px;min-height:100vh;width:100%;padding-bottom:30px;box-sizing:border-box}.calendar-grid-shell{background-color:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 4px 6px #0000001a}.calendar-grid{display:grid;grid-template-columns:80px repeat(7,1fr);width:100%;position:relative}.calendar-hero{flex-shrink:0;background-color:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px}.calendar-nav-btn{padding:9px 14px;min-width:110px;border:1px solid #d5d7da;border-radius:8px;background:#e5e5e5;color:#34333c;font-size:15px;line-height:1.2;box-shadow:none}.calendar-title-block{flex:1;min-width:0;text-align:center}.calendar-month-title{margin:0;color:#2f4f4f;font-size:1.7rem}.calendar-week-range{margin:4px 0 0;color:#6f6e76;font-size:.95rem}.availability-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 18px;flex-wrap:wrap;border-top:1px solid #e5e5e5}.availability-view-toggle{display:flex;gap:8px;flex-wrap:wrap}.availability-view-btn{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#e5e5e5;color:#34333c;font-size:.9rem;font-weight:600;box-shadow:none}.availability-view-btn-active{background:#2ecc71;border-color:#26aa5d;color:#fff;font-weight:700}.availability-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#f4f5f7;font-size:12px;color:#374151}.availability-legend-label{font-weight:600;color:#2f4f4f}.availability-legend-swatches{display:flex;align-items:center;gap:8px}.availability-legend-item{display:inline-flex;align-items:center;gap:4px}.availability-legend-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.availability-legend-count{min-width:10px;text-align:center}.availability-legend-note{color:#6b7280}.corner-cell{position:sticky;top:0;left:0;background-color:#f4f5f7;border-bottom:1px solid #d9dee6;border-right:1px solid #e5e5e5}.day-header{text-align:center;font-weight:700;position:sticky;top:0;padding:12px 8px;background-color:#f4f5f7;border-bottom:1px solid #d9dee6;color:#2f4f4f}.day-header.is-today{background-color:#e8f2ff;border-bottom:2px solid #3498db;color:#2a7ab0}.time-label{left:0;height:100%;box-sizing:border-box;text-align:right;padding:0 10px 0 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#fafafa;color:#6f6e76;font-size:12px}.calendar-cell{position:relative;height:40px;border:1px solid #e5e5e5;background-color:#fff}.calendar-cell.is-today{background-color:#f5f9ff}.calendar-event{position:absolute;width:90%;color:#fff;font-size:12px;line-height:1.25;padding:6px;box-sizing:border-box;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0000001f;border:1px solid #ffffff}.calendar-event:hover{border:2px solid #ffffff;padding:5px}.availability-tooltip{position:fixed;pointer-events:none;padding:7px 8px;border-radius:8px;background:#111827eb;color:#f9fafb;font-size:12px;line-height:1.2;white-space:nowrap;box-shadow:0 8px 18px #0f172a38}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.calendar-header{flex-wrap:wrap;justify-content:center}.calendar-title-block{order:-1;flex-basis:100%}.calendar-nav-btn{flex:1 1 160px;min-width:0}.availability-controls{padding:12px 14px 14px;align-items:flex-start}.availability-legend{width:100%}}.calendar-event.petition-event{font-weight:600}.calendar-event.petition-event.petition-open{background-color:#f4d35e;color:#1f1f1f}.calendar-event.petition-event.petition-failed{background-color:#9ea3a8;color:#1f1f1f}.calendar-event.petition-event.petition-accepted-all{background-color:#52b788;color:#fff}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.modal-shell{width:min(480px,100%);background:#fff;color:#222;border-radius:12px;box-shadow:0 12px 32px #0003;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 8px;border-bottom:1px solid #ececec}.modal-header h3{margin:0;font-size:1.1rem}.modal-body{padding:16px 18px}.modal-body p{margin:0 0 10px}.modal-inline-error{color:#b42318;font-size:.9rem;margin-top:10px}.modal-actions-row{display:flex;gap:10px;justify-content:flex-end;padding:0 18px 18px}.modal-actions-row button{border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}.modal-btn-success{background:#52b788;color:#fff}.modal-btn-danger{background:#bc4749;color:#fff}.modal-btn-muted{background:#6c757d;color:#fff}.modal-actions-row button:disabled{opacity:.6;cursor:not-allowed}.event-modal-field{margin-top:12px}.event-modal-select{width:100%;margin-top:6px;padding:8px;border:1px solid #ced4da;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{position:relative;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:min(560px,92vw);max-width:560px;max-height:80vh;overflow-y:auto}.modal-title{margin:0 0 14px;font-size:1.5rem;color:#1f2937}.modal-description{margin:4px 0 12px;color:#4b5563}.members-title{margin-top:16px}.member-list{margin:8px 0 12px;padding:0;list-style:none;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.member-list-item,.member-list-empty{padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#111827}.member-list-item:last-child,.member-list-empty:last-child{border-bottom:none}.member-list-empty{color:#6b7280}.modal-label{display:block;margin:14px 0 6px;font-weight:700;color:#374151}.group-name-input,.user-search{position:relative;width:100%;margin-bottom:12px}.user-search input{width:100%;padding:10px;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;font-family:inherit}.search-dropdown-menu{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px #00000026;margin:4px 0 0;padding:0;list-style:none}.search-dropdown-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f4f5f7;color:#2d3436;font-weight:500;transition:background-color .1s,color .1s}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background-color:#f0fdf4;color:#00b894}.search-loading-text{position:absolute;top:100%;left:0;margin-top:4px;font-size:.85rem;color:#6f6e76}.invite-link-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff}.group-name-input:focus,.user-search input:focus,.invite-link-input:focus{outline:2px solid #93c5fd;outline-offset:1px;border-color:#60a5fa}#users-container{margin-top:12px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#f9fafb}.user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.user-display{font-weight:600;color:#111827}.modal-error{margin-top:12px;color:#b42318;font-size:.88rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700}.secondary-btn{background:#e5e7eb;color:#1f2937}.primary-btn{background-color:#28a745;color:#fff}.invite-link-container{display:flex;align-items:center;gap:10px;margin:16px 0}.invite-copy-btn{min-width:92px}.remove-user-btn{background:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer;padding:6px 10px}@media(max-width:700px){.modal-content{padding:20px;width:min(96vw,560px)}.invite-link-container{flex-direction:column;align-items:stretch}.invite-copy-btn{width:100%}}#groups{width:90%;padding:10px;margin:10px;font-family:Courier New,Courier,monospace;background-color:#f9f9fb;border-radius:12px;box-shadow:0 4px 6px #0000000d}.group-row{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:15px 20px;margin-bottom:10px;border-radius:8px;border:1px solid #e5e5e5;transition:transform .2s,box-shadow .2s}.group-row:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.group-row span{font-weight:600;color:#2d3436;font-size:1.1rem;min-width:0;flex:1;white-space:normal;overflow-wrap:anywhere}.group-row div{display:flex;flex-direction:column;gap:10px;border-radius:6px;overflow:hidden}button:active{transform:scale(.98)}#groups>button{background-color:#00b894;color:#fff;margin-bottom:20px;width:100%;font-size:1rem}#leaveBtn{background-color:#fab1a0;color:#d63031}#leaveBtn:hover{background-color:#ff7675;color:#fff}#viewBtn{background-color:#2ecc71;color:#fff}#infoBtn{background-color:#3498db;color:#fff}#petitonBtn{background-color:#ffa963;color:#fff}.group-row{font-weight:700;font-size:20px}.suggestion{cursor:pointer}.suggestion:hover{opacity:.7}@media(max-width:900px){.group-row{display:flex;align-items:center;background-color:#fff;padding:15px 20px;margin-bottom:10px;border-radius:8px;border:1px solid #e5e5e5;transition:transform .2s,box-shadow .2s}}.event-sidebar-container{width:90%;margin:10px;padding:10px;font-family:Courier New,Courier,monospace;background-color:#f9f9fb;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column}.event-sidebar-container h2{margin-top:5px;margin-bottom:15px}.event-sidebar-container label{font-weight:700;margin-top:10px;margin-bottom:5px;color:#2d3436}.event-sidebar-container input[type=text],.event-sidebar-container input[type=date],.event-sidebar-container input[type=time],.event-sidebar-container select{width:100%;box-sizing:border-box;padding:10px;border-radius:6px;border:1px solid #e5e5e5;font-family:inherit}.mode-toggle{display:flex;font-size:10px;justify-content:space-between;gap:10px;margin-bottom:15px;width:90%;align-self:center}.mode-toggle button{flex:1;padding:8px;font-size:1rem}#blockingBtn{background-color:#6f6e76;color:#fff}#petitionBtn{background-color:#ffa963;color:#fff}#timeEntry{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.submit-btn{background-color:#00b894;color:#fff;width:100%;font-size:1rem;padding:12px;border-radius:8px;border:none;margin-top:20px;cursor:pointer;transition:transform .2s}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.preflight-message{min-height:18px;margin:6px 0 4px;font-size:.85rem;color:#4b5563}.preflight-error{color:#d63031;font-weight:600}body{font-family:Courier New,Courier,monospace;background-color:#f4f5f7}header{display:flex;justify-content:center;align-items:center;padding:10px;min-height:60px;flex-wrap:wrap;overflow-y:hidden}button{padding:10px 20px;background-color:#e5e5e5;font-size:20px;border:none;border-radius:5px;cursor:pointer;transition:opacity .3s;font-family:Courier New,Courier,monospace}#groupsBtn{background-color:#3498db;color:#fff;width:37%;max-width:450px;border-radius:10px;box-shadow:0 4px 6px #0000001a}#eventBtn{background-color:#2ecc71;color:#fff;width:37%;max-width:450px;border-radius:10px;box-shadow:0 4px 6px #0000001a}#eventBtn:active{background-color:#26aa5d}#groupsBtn:active{background-color:#2a7ab0}#help-question{background-color:#fff;text-align:left;font-size:18px}#manButtons{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:10px;padding:10px 16px;min-height:52px;white-space:nowrap;overflow-x:auto}#manButtons p,#manButtons button{flex:0 0 auto}#manButtons p{margin:0;font-size:16px;line-height:1.2}#manButtons button{padding:9px 14px;min-height:38px;border:1px solid #d5d7da;border-radius:8px;background-color:#e5e5e5;color:#34333c;font-size:16px;line-height:1.2;box-shadow:0 1px 2px #00000014}#sidebarToggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 10px}button:hover{opacity:.8}#beta{margin:.5em;color:#6495ed;font-weight:bolder;font-size:clamp(14px,5vw,24px);white-space:nowrap}#logo{margin:.5em;color:#2f4f4f;font-weight:bolder;font-size:clamp(20px,8vw,40px);white-space:nowrap}#app-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-layout{display:flex;flex-grow:1;overflow:hidden}.main-sidebar{width:35%;background-color:#fff;border-right:1px solid #e5e5e5;overflow-y:auto;padding:12px;flex-shrink:0;transition:width .3s ease}.calendar-main{display:flex;flex-grow:1;overflow-y:auto;min-width:0;padding:0 16px 16px;background-color:#f4f5f7}.calendar-home-panel{display:flex;flex:1;height:100%;min-width:0;min-height:0}.cancel-btn{border:none;background:transparent;font-size:1.3rem;cursor:pointer}@media(max-width:900px){#beta{display:none}.main-layout{position:relative}button{font-size:14px}#manButtons{flex-wrap:nowrap;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 6px;gap:8px;min-height:44px}#manButtons button{font-size:clamp(12px,3.2vw,14px);line-height:1.2;padding:8px 10px;min-height:36px}#manButtons p{font-size:clamp(11px,3vw,13px);line-height:1.2}#groupsBtn,#eventBtn{width:100%;max-width:none}.calendar-main{padding:0 12px 12px}.main-sidebar{top:0;left:0;width:60%;height:100%;background-color:var(--your-background-color, #ffffff);box-shadow:0 4px 10px #0000004d;overflow-y:auto}}@media(max-width:550px){#sidebarToggle{flex-wrap:wrap;padding:0 12px 10px}#help-button{font-size:14px}}.resize-handle{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;transition:background-color .2s}.resize-handle-right{right:-5px}.resize-handle-left{left:-5px}.resize-handle:hover,.resize-handle:active{background-color:#00b8944d}.calendar-event{z-index:1}.calendar-event:hover{z-index:59!important}.availability-tooltip{z-index:70}.time-label{z-index:100}.day-header{z-index:150}.corner-cell{z-index:200}.resize-handle{z-index:500}.main-sidebar{z-index:600}.modal-backdrop,.calendar-modal-overlay,.modal-overlay{z-index:1000}.search-dropdown-menu{z-index:1100}.calendar-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.calendar-modal-content{position:relative;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px;max-height:80vh;overflow-y:auto}.calendar-modal-content h2{margin-top:0;margin-bottom:15px}.calendar-modal-description{color:#666;margin-bottom:20px}.calendar-items-container{margin:20px 0;border-top:1px solid #ccc;padding-top:20px}.calendar-item{margin-bottom:10px}.calendar-item label{display:flex;align-items:center;cursor:pointer}.calendar-item input[type=checkbox]{margin-right:10px}.calendar-item label span{margin-left:10px}.calendar-modal-errors{margin-top:10px}.calendar-modal-errors p{color:#d63031;margin:8px 0;font-size:14px}.calendar-modal-buttons{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.calendar-modal-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:opacity .2s}.calendar-modal-buttons button:disabled{cursor:not-allowed;opacity:.6}.calendar-modal-buttons button:hover:not(:disabled){opacity:.8}.calendar-modal-btn-back{background-color:#e5e5e5;color:#333}.calendar-modal-btn-confirm{background-color:#2ecc71;color:#fff}@media(max-width:768px){.calendar-modal-content{padding:20px;max-width:90vw;max-height:90vh;margin:20px}.calendar-modal-content h2{font-size:20px;margin-bottom:10px}.calendar-modal-description{font-size:14px}.calendar-modal-buttons{flex-direction:column;gap:10px}.calendar-modal-buttons button{width:100%;padding:12px 15px;font-size:16px}.calendar-item label span{font-size:14px}}@media(max-width:480px){.calendar-modal-content{padding:15px;max-width:95vw;border-radius:8px}.calendar-modal-content h2{font-size:18px}.calendar-modal-description{font-size:13px;margin-bottom:15px}.calendar-items-container{margin:15px 0;padding-top:15px}.calendar-item{margin-bottom:12px}.calendar-modal-buttons{margin-top:15px}.calendar-modal-buttons button{padding:10px 12px;font-size:14px}.calendar-item input[type=checkbox]{flex-shrink:0}}