:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f4f7f2;color:#2f3b2c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.meet{max-width:40rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.2rem}.meet__header{display:flex;flex-direction:column;gap:.3rem}.meet__back{font-size:.8rem;color:#5a6b56;text-decoration:none}.meet__back:hover{text-decoration:underline}.meet__title{margin:0;font-size:1.5rem;font-weight:700;color:#1f3d1a}.meet__panel{display:flex;flex-direction:column;gap:1rem}.meet__panel[hidden]{display:none}.meet__intro{margin:0;font-size:.88rem;color:#5a6b56;line-height:1.5}.meet__form{display:flex;flex-direction:column;gap:1rem}.meet__field{display:flex;flex-direction:column;gap:.35rem}.meet__fieldRow{display:flex;gap:.75rem;flex-wrap:wrap}.meet__fieldRow .meet__field{flex:1;min-width:7rem}.meet__fieldLabel{font-size:.8rem;font-weight:600;color:#3f4f3b}.meet__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #c3d0bd;border-radius:.5rem;padding:.55rem .7rem;font-size:.9rem;font-family:inherit;background:#fff;color:#2f3b2c}.meet__dateRow{display:flex;gap:.5rem}.meet__dateRow .meet__input{flex:1}.meet__dateChips{display:flex;flex-wrap:wrap;gap:.4rem;min-height:1.6rem}.meet__chip{display:inline-flex;align-items:center;gap:.35rem;background:#e3ebe0;border-radius:999px;padding:.3rem .4rem .3rem .7rem;font-size:.8rem;font-weight:600}.meet__chipRemove{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#5a6b56;font-size:1rem;line-height:1;cursor:pointer;padding:.1rem .3rem}.meet__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;font-family:inherit;background:#e3ebe0;color:#2f3b2c;cursor:pointer;white-space:nowrap}.meet__btn:hover{background:#d3e0cd}.meet__btn:disabled{opacity:.5;cursor:default}.meet__btn--primary{background:#3f6b39;color:#f2f7f0}.meet__btn--primary:hover{background:#4c7d45}.meet__error{margin:0;font-size:.85rem;font-weight:600;color:#b3261e}.meet__shareRow{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.meet__meetingTitle{margin:0;font-size:1rem;font-weight:700;color:#1f3d1a}.meet__hint{margin:0;font-size:.82rem;color:#5a6b56;line-height:1.4}.meet__joinForm{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.meet__joinForm .meet__input{flex:1;min-width:8rem}.meet__status{margin:0;min-height:1.2rem;font-size:.82rem;font-weight:600;color:#3f6b39}.meet__gridWrap{overflow-x:auto;border:1px solid #dfe6da;border-radius:.75rem;padding:.5rem;background:#fff}.meet__grid{display:grid;gap:2px;width:max-content;min-width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.meet__colHeader,.meet__rowLabel{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#5a6b56;padding:.3rem;white-space:nowrap}.meet__rowLabel{position:sticky;left:0;background:#fff;z-index:1;justify-content:flex-end;padding-right:.5rem}.meet__cell{min-width:2.6rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#eef2ec;border-radius:.25rem;font-size:.75rem;font-weight:700;color:#2f3b2c;cursor:pointer}.meet__cell--mine{box-shadow:inset 0 0 0 2px #1f3d1a}.meet__cell--highlighted{box-shadow:inset 0 0 0 2px #c8811f}.meet__cell--mine.meet__cell--highlighted{box-shadow:inset 0 0 0 2px #1f3d1a,inset 0 0 0 4px #c8811f}.meet__legend{display:flex;flex-direction:column;gap:.5rem}.meet__legendTitle{margin:0;font-size:.85rem;font-weight:700;color:#3f4f3b}.meet__participantsList{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.meet__participantsEmpty{font-size:.82rem;color:#5a6b56}.meet__participantChip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #c3d0bd;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;background:#fff;color:#2f3b2c;cursor:pointer}.meet__participantChip--active{border-color:#c8811f;background:#fbeed7}.meet__newMeeting{margin:0;font-size:.82rem}.meet__newMeeting a{color:#3f6b39;font-weight:600}
