.cal-wide{max-width:1100px;margin:0 auto;padding:0 1.5rem;width:100%;overflow-x:hidden}.cal-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.cal-toolbar-left{display:flex;align-items:center;gap:1rem}.cal-title{font-size:1.5rem;font-weight:700;white-space:nowrap}.cal-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.cal-filter-btn{font-size:.75rem;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--dot-color, var(--color-border));background:color-mix(in srgb,var(--dot-color, transparent) 8%,var(--color-surface));color:var(--dot-color, var(--color-text-muted));cursor:pointer;font-family:var(--font-mono);transition:border-color .15s,color .15s,background .15s}.cal-filter-btn:hover{background:color-mix(in srgb,var(--dot-color, transparent) 15%,var(--color-surface));color:var(--dot-color, var(--color-text))}.cal-filter-btn.active{border-color:var(--dot-color, var(--color-text));color:var(--color-bg);background:var(--dot-color, var(--color-text))}.cal-view-toggle{display:flex;gap:.5rem}.cal-view-btn{font-size:.8rem;padding:.375rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);transition:all .15s}.cal-view-btn:hover{border-color:var(--color-text-muted)}.cal-view-btn.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.cal-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cal-month-label{font-family:var(--font-mono);font-size:1.1rem;font-weight:600}.cal-nav-btn{font-size:.85rem;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);transition:all .15s}.cal-nav-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.cal-month-center{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cal-today-btn{font-size:.7rem;font-family:var(--font-mono);padding:.125rem .5rem;border-radius:999px;border:1px solid var(--color-link);background:transparent;color:var(--color-link);cursor:pointer;transition:all .15s}.cal-today-btn:hover{background:var(--color-link);color:var(--color-bg)}.cal-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;min-width:700px}.cal-header{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.cal-cell{min-height:7rem;padding:.375rem;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:background .1s,border-color .1s;display:flex;flex-direction:column;align-items:flex-start;gap:0;overflow:hidden;background:var(--color-surface)}.cal-cell:hover{background:var(--color-surface)}.cal-cell-empty{cursor:default;background:transparent;border-color:transparent}.cal-cell-empty:hover{background:transparent}.cal-today{background:color-mix(in srgb,var(--color-link) 8%,var(--color-surface));border-color:var(--color-link);border-width:2px}.cal-today .cal-day-num{color:var(--color-link);font-weight:700}.cal-selected{border-color:var(--color-link);background:var(--color-surface)}.cal-has-events{font-weight:500}.cal-day-num{font-size:.8rem;font-family:var(--font-mono);line-height:1}.cal-event-labels{display:flex;flex-direction:column;gap:3px;width:100%;overflow:hidden;margin-top:4px}.cal-event-label{font-size:.6rem;line-height:1.4;padding:2px 5px;border-radius:3px;border-left:3px solid var(--label-color);background:color-mix(in srgb,var(--label-color) 12%,var(--color-surface));color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.cal-event-more{font-size:.55rem;color:var(--color-text-muted);line-height:1.4;padding:2px 5px;font-family:var(--font-mono)}.cal-detail{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.cal-detail-header{font-family:var(--font-mono);font-weight:600;margin-bottom:.75rem;font-size:.95rem}.cal-detail-empty{color:var(--color-text-muted);font-size:.85rem}.cal-event-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.375rem 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.cal-event-row:last-child{border-bottom:none}.cal-event-name{font-weight:500}.cal-event-series{color:var(--color-text-muted);font-size:.8rem}.cal-list{display:flex;flex-direction:column;gap:1rem}.cal-list-card{padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.cal-list-date{font-family:var(--font-mono);font-weight:600;margin-bottom:.5rem;font-size:.9rem}@media(max-width:600px){.cal-wide{padding:0 1rem}.cal-toolbar{flex-direction:column;gap:.75rem}.cal-title{font-size:1.25rem}.cal-filters{gap:.375rem}.cal-filter-btn{font-size:.65rem;padding:.2rem .5rem}.cal-list-card{padding:.75rem 1rem}.cal-event-row{font-size:.8rem}}
