.schedule-app{--schedule-ink:color-mix(in srgb, currentColor 88%, transparent);--schedule-muted:color-mix(in srgb, currentColor 56%, transparent);max-width:86rem;margin:0 auto;padding:2.5rem 1rem 4rem}.schedule-hero{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.schedule-eyebrow,.schedule-kicker{color:color-mix(in srgb, oklch(55% .22 275) 86%, currentColor 14%);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:800;line-height:1.2}.schedule-hero-chip{border:1px solid color-mix(in srgb, currentColor 12%, transparent);color:var(--schedule-muted);border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.schedule-pulse{background:oklch(70% .19 155);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 .22rem #00bd6b2e}.schedule-card{border:1px solid color-mix(in srgb, currentColor 8%, transparent)}.schedule-calendar-scroll{padding-bottom:.35rem;overflow-x:auto}.schedule-calendar{grid-template-columns:3.5rem repeat(7,minmax(7.5rem,1fr));gap:0;min-width:850px;display:grid}.schedule-calendar-head,.schedule-day-head{border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);min-height:3.75rem}.schedule-time-head{color:var(--schedule-muted);text-transform:uppercase;align-items:center;font-size:.65rem;font-weight:700;display:flex}.schedule-day-head{color:var(--schedule-muted);text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.72rem;font-weight:700;display:flex}.schedule-day-head strong{color:var(--schedule-ink);font-size:1.1rem;line-height:1}.schedule-day-head--today strong{color:oklch(55% .22 275);background:#5358ee29;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.schedule-calendar-body{height:var(--calendar-height);grid-column:1/-1;grid-template-columns:3.5rem repeat(7,minmax(7.5rem,1fr));display:grid}.schedule-time-rail,.schedule-day-track{height:var(--calendar-height);position:relative}.schedule-time-rail span{color:var(--schedule-muted);font-variant-numeric:tabular-nums;font-size:.62rem;position:absolute;right:.65rem;transform:translateY(-50%)}.schedule-day-track{border-left:1px solid color-mix(in srgb, currentColor 10%, transparent);background:color-mix(in srgb, currentColor 1.7%, transparent);overflow:hidden}.schedule-day-track:last-child{border-right:1px solid color-mix(in srgb, currentColor 10%, transparent)}.schedule-hour-line{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);position:absolute;left:0;right:0}.schedule-event{z-index:1;min-height:2rem;box-shadow:0 3px 12px color-mix(in srgb, currentColor 12%, transparent);border-left:3px solid;border-radius:.45rem;flex-direction:column;padding:.45rem .5rem;font-size:.67rem;line-height:1.25;display:flex;position:absolute;left:.28rem;right:.28rem;overflow:hidden}.schedule-event strong{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.schedule-event small{opacity:.8;margin-top:.12rem;font-size:.6rem}.schedule-event .schedule-location{text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;overflow:hidden}.schedule-event--blue{color:oklch(40% .14 240);background:#3cbbf9b8}.schedule-event--mint{color:oklch(38% .13 155);background:#61da92b8}.schedule-event--violet{color:oklch(40% .15 305);background:#ce9dffb8}[data-theme=dark] .schedule-event--blue{color:oklch(83% .11 235);background:#0072a080}[data-theme=dark] .schedule-event--mint{color:oklch(84% .11 155);background:#00774280}[data-theme=dark] .schedule-event--violet{color:oklch(85% .11 305);background:#7c50a880}.schedule-calendar-task{z-index:2;border-left-width:4px}.schedule-calendar-task--slate{color:oklch(35% .08 250);background:#608ab5c7}.schedule-calendar-task--rose{color:oklch(42% .13 20);background:#f8767ac7}.schedule-calendar-task--amber{color:oklch(42% .12 75);background:#f2a618d1}[data-theme=dark] .schedule-calendar-task--slate{color:oklch(85% .08 250);background:#386189a6}[data-theme=dark] .schedule-calendar-task--rose{color:oklch(86% .1 20);background:#ab4046a6}[data-theme=dark] .schedule-calendar-task--amber{color:oklch(88% .1 75);background:#976200a6}.schedule-legend{border-radius:50%;width:.55rem;height:.55rem}.schedule-legend--blue{background:oklch(67% .14 235)}.schedule-legend--mint{background:oklch(70% .15 155)}.schedule-legend--violet{background:oklch(68% .16 305)}.schedule-legend--task{background:oklch(62% .08 250)}.schedule-task-layout{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:1.5rem;margin-top:1.5rem;display:grid}.schedule-owner-layout{align-items:start}.schedule-empty{border:1px dashed color-mix(in srgb, currentColor 18%, transparent);min-height:8rem;color:var(--schedule-muted);border-radius:.8rem;align-items:center;gap:.8rem;padding:1.25rem;display:flex}.schedule-empty span{color:oklch(70% .19 55);font-size:1.6rem}.schedule-task{border:1px solid color-mix(in srgb, currentColor 9%, transparent);background:color-mix(in srgb, currentColor 2%, transparent);border-radius:.8rem;gap:.85rem;padding:1rem;display:flex}.schedule-task-marker{border-radius:999px;flex:0 0 .35rem;align-self:stretch;width:.35rem}.schedule-task--slate{background:oklch(57% .05 250)}.schedule-task--rose{background:oklch(64% .18 20)}.schedule-task--amber{background:oklch(74% .16 75)}.schedule-reaction{border:1px solid color-mix(in srgb, currentColor 12%, transparent);min-height:1.8rem;color:var(--schedule-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.18rem;padding:.15rem .42rem;font-size:.82rem;transition:transform .15s,background .15s;display:inline-flex}.schedule-reaction:hover,.schedule-reaction:focus-visible{background:color-mix(in srgb, currentColor 7%, transparent);transform:translateY(-1px)}.schedule-reaction small{min-width:.55rem;font-size:.65rem}.schedule-review{background:#e79d0012;border:1px solid #e79d0059;border-radius:.75rem;padding:.9rem}.schedule-learning{background:#00a6a01a;border:1px solid #00a6a038}.schedule-toast-error .alert{color:#fff}@media (width<=900px){.schedule-task-layout{grid-template-columns:1fr}}@media (width<=600px){.schedule-app{padding:1.5rem .75rem 3rem}.schedule-hero{flex-direction:column}.schedule-hero-chip{align-self:flex-start}}
