.calendar-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.calendar-toolbar>div{display:flex;gap:6px}.calendar-date{margin:0}.calendar-date input{max-width:180px}.calendar-tip,.calendar-footnote{font-size:13px;color:var(--muted);margin:12px 0}.time-calendar{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.calendar-head,.calendar-body{display:grid;grid-template-columns:58px repeat(var(--days),minmax(0,1fr))}.calendar-head{border-bottom:1px solid var(--line)}.zone-label{font-size:10px;color:var(--muted);padding:24px 3px}.day-heading{padding:12px 4px;text-align:center;border-left:1px solid var(--line);font-size:13px}.day-heading b{display:block}.day-heading span{font-size:22px;margin-left:5px}.day-heading small{display:block;font-size:10px;color:var(--muted);min-height:30px;line-height:1.5}.day-heading.is-today{background:#edf3ff;color:var(--blue)}.calendar-scroll{max-height:68vh;overflow-y:auto;overscroll-behavior:contain}.calendar-body{height:calc(var(--hours)*72px)}.hour-axis{position:relative;background:#fafbfd}.hour-axis span{position:absolute;right:8px;font-size:11px;color:var(--muted);transform:translateY(0)}.day-lane{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#edf0f4 35px,#edf0f4 36px,transparent 36px,transparent 71px,#dce3ea 71px,#dce3ea 72px);touch-action:pan-y;min-width:0}.day-lane:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.touch-select .day-lane{touch-action:none}.calendar-event{position:absolute;left:3px;right:3px;text-align:left;border:0;border-left:3px solid var(--person);border-radius:5px;background:#eaf0fb;color:var(--ink);padding:2px 5px;overflow:hidden;cursor:pointer;z-index:2;font-size:12px;line-height:1.35;min-height:18px}.calendar-event{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.calendar-event b{display:block;font-size:12px;font-weight:600}.calendar-event span{display:block;font-size:10px}.calendar-event.at-school{background:#edf1f5}.calendar-event.current{background:#dce9ff;outline:2px solid var(--blue);outline-offset:-2px}.calendar-event em{display:block;font-size:10px;font-style:normal;color:var(--blue);margin-top:8px}.calendar-now{position:absolute;left:0;right:0;border-top:2px solid #b04b49;z-index:3;pointer-events:none}.calendar-now:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#b04b49;left:-4px;top:-4px}.selection-block{position:absolute;left:2px;right:2px;background:#285aca30;border:2px solid var(--blue);color:var(--blue);font-size:12px;z-index:4;pointer-events:none;overflow:hidden}.activity-presets{display:flex;flex-wrap:wrap;gap:7px}.activity-presets button{border:1px solid var(--line);background:var(--paper);padding:6px 10px;border-radius:7px;font-size:13px;cursor:pointer}.more-settings summary,.school-sources summary{cursor:pointer;color:var(--muted);font-size:13px;min-height:34px}.extra-fields{display:grid;gap:15px;margin-top:12px}.school-source-note{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.school-sources a{display:block;font-size:12px;color:var(--blue);margin:8px 0}.school-preview-result{padding:15px;background:#eef3fa;border-radius:9px;font-size:13px}.school-preview-result p{margin:5px 0}.school-preview-result details{margin-top:10px}.heading-actions #school-setup{font-size:13px!important}.calendar-toolbar #touch-select{display:none}[hidden]{display:none!important}
@media(max-width:700px){.calendar-toolbar{gap:8px}.calendar-toolbar .button{padding:7px 12px;min-height:42px}.calendar-toolbar #touch-select{display:inline-flex;font-size:13px}.calendar-date{flex:1}.calendar-date input{width:100%;min-width:125px;font-size:14px!important}.calendar-head,.calendar-body{grid-template-columns:48px minmax(0,1fr)}.day-heading{display:flex;align-items:center;justify-content:center;gap:12px}.day-heading small{min-height:0;font-size:12px}.calendar-event b{font-size:14px}.calendar-event span{font-size:12px}.calendar-scroll{max-height:60vh}.calendar-tip,.calendar-footnote{font-size:12px}.activity-presets button{min-height:40px}.more-settings summary{min-height:42px;font-size:14px}}