ocean-agenda{display:block}agenda-month{display:block;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--color-text-muted);margin-bottom:var(--space-4)}agenda-days{display:flex;gap:var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}day-chip{display:flex;flex:none;flex-direction:column;align-items:center;gap:var(--space-1);width:3.75rem;padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);border:var(--border-1) solid var(--color-border);background:var(--color-surface);scroll-snap-align:start;cursor:pointer;user-select:none;transition:transform var(--dur-quick) var(--ease-spring),border-color var(--dur-quick),background var(--dur-quick),box-shadow var(--dur-quick)}day-chip:hover{transform:translateY(-3px);border-color:var(--color-secondary)}day-name{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}day-number{font-family:var(--font-display);font-size:var(--text-xl);line-height:1;color:var(--color-text)}day-free{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-secondary)}day-chip[state=current]{background:var(--grad-surf);border-color:transparent;box-shadow:var(--glow-aqua)}day-chip[state=current] day-name,day-chip[state=current] day-number,day-chip[state=current] day-free{color:var(--color-on-secondary)}day-chip[state=closed]{opacity:.34;cursor:default;pointer-events:none}agenda-slots{display:block;margin-top:var(--space-5)}slots-title{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-regular);color:var(--color-text);margin-bottom:var(--space-4)}slots-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}slot-chip{display:inline-flex;align-items:center;justify-content:center;min-width:4.75rem;height:2.625rem;padding-inline:var(--space-4);border-radius:var(--radius-pill);border:var(--border-1) solid var(--color-border-strong);background:transparent;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;user-select:none;transition:transform var(--dur-quick) var(--ease-spring),background var(--dur-quick),border-color var(--dur-quick),box-shadow var(--dur-quick)}slot-chip:hover{transform:translateY(-2px);border-color:var(--color-primary)}slot-chip[state=taken]{opacity:.32;text-decoration:line-through;cursor:default;pointer-events:none}slot-chip[state=chosen]{background:var(--grad-sunset);border-color:transparent;color:var(--color-on-primary);box-shadow:var(--glow-coral)}agenda-empty{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);border:var(--border-1) dashed var(--color-border-strong);color:var(--color-text-muted);font-size:var(--text-sm)}agenda-empty m-symbol{color:var(--color-secondary)}@media(max-width:480px){slot-chip{flex:1 1 calc(50% - var(--space-2))}}