:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#2563eb;--accent-bg:#2563eb1a;--accent-border:#2563eb80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#60a5fa;--accent-bg:#60a5fa26;--accent-border:#60a5fa80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#2563eb;--accent-bg:#2563eb1a;--accent-border:#2563eb80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.cal-app{height:100svh;font-family:var(--sans);color:var(--text);background:var(--bg);flex-direction:column;display:flex;overflow:hidden;container:calendar/inline-size}.cal-header{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.cal-header-top{justify-content:space-between;align-items:center;display:flex}.cal-legend{gap:12px;display:flex}.cal-legend-item{color:var(--text);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.cal-legend-item:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px}.cal-legend-item.green{color:#16a34a}.cal-legend-item.green:before{background:#16a34a}.cal-legend-item.red{color:#dc2626}.cal-legend-item.red:before{background:#dc2626}.cal-month-title{color:var(--text-h);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:600}.cal-nav-btn{border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:flex}.cal-nav-btn:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.cal-error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;font-size:14px;display:flex}.cal-error button{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:6px;padding:2px 10px;font-size:13px}.cal-body{flex:1;display:flex;overflow:hidden}.calendar-grid-wrapper{flex-direction:column;flex:1;min-width:0;padding:12px 16px 16px;transition:opacity .18s;display:flex}.calendar-grid-wrapper.loading{opacity:.45;pointer-events:none}.calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.weekday-label{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.5;padding:6px 0;font-size:11px;font-weight:700}.calendar-grid{flex-direction:column;flex:1;gap:3px;display:flex}.calendar-week{flex:1;grid-template-columns:repeat(7,1fr);gap:3px;min-height:0;display:grid;position:relative}.week-spans{pointer-events:none;z-index:1;position:absolute;inset:0}.span-bar{height:16px;top:calc(32px + var(--row,0) * 18px);white-space:nowrap;pointer-events:auto;cursor:pointer;font-size:10px;font-weight:500;font-family:var(--sans);border:none;align-items:center;padding:0 6px;display:flex;position:absolute;overflow:hidden}.span-bar.green{color:#16a34a;background:#16a34a33}.span-bar.red{color:#dc2626;background:#dc262626}.span-bar.default{background:var(--accent-bg);color:var(--accent)}.day-cell{border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;min-height:0;padding:6px 8px;display:flex;overflow:hidden}.day-cell.other-month{opacity:.28}.day-cell.selected{background:var(--accent-bg);border-color:var(--accent-border)}.day-number{color:var(--text-h);width:24px;height:24px;margin-bottom:calc(var(--span-rows,0) * 18px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.day-cell.today .day-number{background:var(--accent);color:#fff;font-weight:700}.event-pills{flex-direction:column;gap:2px;width:100%;display:flex}.event-pill{background:var(--accent-bg);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:100%;font-size:10px;font-weight:500;font-family:var(--sans);text-align:left;border:none;border-radius:4px;padding:1px 5px;transition:opacity .1s;display:block;overflow:hidden}.event-pill:hover{opacity:.75}.event-pill.green{color:#16a34a;background:#16a34a1f}.event-pill.red{color:#dc2626;background:#dc26261a}.event-more{color:var(--text);opacity:.6;padding-left:4px;font-size:10px}.event-drawer{border-left:0px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:0;transition:width .22s;display:flex;overflow:hidden}.event-drawer.open{border-left-width:1px;width:300px}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:18px 18px 14px;display:flex}.drawer-date{flex-direction:column;gap:2px;display:flex}.drawer-weekday{text-transform:uppercase;letter-spacing:.08em;color:var(--text);opacity:.55;font-size:11px;font-weight:700}.drawer-full-date{color:var(--text-h);font-size:17px;font-weight:600}.close-btn{cursor:pointer;color:var(--text);opacity:.6;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:15px;line-height:1;transition:opacity .1s}.close-btn:hover{opacity:1}.drawer-events{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex;overflow-y:auto}.no-events{color:var(--text);opacity:.45;text-align:center;margin:0;padding-top:24px;font-size:14px}.event-item{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;flex-direction:column;gap:4px;padding:11px 13px;display:flex}.event-item.green{border-left-color:#16a34a}.event-item.red{border-left-color:#dc2626}.event-time{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.event-item.green .event-time{color:#16a34a}.event-item.red .event-time{color:#dc2626}.event-title{color:var(--text-h);font-size:14px;font-weight:600;line-height:1.3}.event-meta{color:var(--text);opacity:.75;font-size:12px}.event-description{color:var(--text);opacity:.7;white-space:pre-wrap;margin-top:2px;font-size:12px;line-height:1.5}@container calendar (width<=520px){.cal-header{gap:7px;padding:10px 14px}.cal-legend{gap:10px}.cal-legend-item{font-size:10px}.cal-month-title{font-size:15px}.cal-nav-btn{width:28px;height:28px;font-size:20px}.calendar-grid-wrapper{padding:8px 10px 10px}.calendar-grid{gap:2px}.weekday-label{padding:4px 0;font-size:10px}.day-cell{border-radius:7px;padding:3px 5px}.day-number{width:20px;height:20px;margin-bottom:calc(var(--span-rows,0) * 16px);font-size:11px}.event-pill{padding:1px 4px;font-size:9px}.event-more{font-size:9px}.span-bar{height:14px;top:calc(25px + var(--row,0) * 16px);padding:0 4px;font-size:9px}}@container calendar (width<=380px){.cal-header{padding:8px 10px}.cal-month-title{font-size:13px}.cal-nav-btn{border-radius:6px;width:24px;height:24px;font-size:16px}.calendar-grid-wrapper{padding:6px 8px 8px}.calendar-grid{gap:1px}.day-cell{border-radius:5px;padding:2px 3px}.day-number{width:17px;height:17px;margin-bottom:calc(var(--span-rows,0) * 14px);font-size:10px}.span-bar{height:12px;top:calc(21px + var(--row,0) * 14px);padding:0 3px;font-size:8px}.event-pill{padding:0 3px;font-size:8px}.weekday-label{letter-spacing:0;padding:3px 0;font-size:0}.weekday-label:after{content:attr(data-short);letter-spacing:.06em;text-transform:uppercase;opacity:.5;font-size:9px;font-weight:700}}