:root{--bg: #f7f3ec;--bg-2: #efe9dd;--bg-3: #e7e0d0;--paper: #fbf8f2;--ink: #1b1714;--ink-2: #4a4038;--muted: #8a8072;--hairline: #e4ddcd;--hairline-2:#d8d0be;--accent: #b24a1a;--accent-ink:#7a2f0c;--hour-h: 52px;--radius: 10px;--radius-sm: 7px;--ev-mix: 15%;--ev-mix-ghost: 10%;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-spring: cubic-bezier(.2,1.2,.3,1);--shadow-1: 0 1px 0 rgba(30,20,10,.04), 0 1px 2px rgba(30,20,10,.04);--shadow-2: 0 2px 4px rgba(30,20,10,.06), 0 8px 20px -6px rgba(30,20,10,.12);--shadow-lift: 0 6px 16px -4px rgba(30,20,10,.18), 0 18px 44px -12px rgba(30,20,10,.2)}[data-theme=dark]{--bg: #12110f;--bg-2: #1a1916;--bg-3: #23211d;--paper: #1d1b18;--ink: #f4efe4;--ink-2: #cbc3b2;--muted: #8a8174;--hairline: #2a2722;--hairline-2:#35312a;--accent: #e08654;--accent-ink:#f4a274;--ev-mix: 26%;--ev-mix-ghost: 16%;--shadow-1: 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.25);--shadow-2: 0 2px 4px rgba(0,0,0,.3), 0 8px 20px -6px rgba(0,0,0,.5);--shadow-lift: 0 6px 16px -4px rgba(0,0,0,.55), 0 18px 44px -12px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-feature-settings:"ss01","cv11","tnum";font-size:14px;line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overflow:hidden}.app{display:grid;grid-template-rows:auto auto 1fr auto;height:100%}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}input,textarea{font:inherit;color:inherit}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px 28px 16px;border-bottom:1px solid var(--hairline);background:linear-gradient(to bottom,var(--bg) 70%,transparent);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px}.brand .mark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--paper) 0 40%,transparent 41%),conic-gradient(from 210deg,var(--accent) 0 50%,var(--ink) 0 100%);box-shadow:inset 0 0 0 1px #00000014}.brand-text h1{margin:0;font-family:"Instrument Serif",serif;font-weight:400;font-size:28px;line-height:1;letter-spacing:-.01em}.brand-text p{margin:2px 0 0;font-size:12px;color:var(--muted);font-style:italic;font-family:"Instrument Serif",serif;letter-spacing:.01em}.categories{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cat-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;border:1px solid var(--hairline);background:var(--paper);font-size:12px;color:var(--ink-2);transition:all .18s var(--ease-out);-webkit-user-select:none;user-select:none}.cat-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cat-color, var(--muted))}.cat-chip:hover{border-color:var(--hairline-2);transform:translateY(-1px)}.cat-chip[aria-pressed=false]{opacity:.38}.cat-chip[aria-pressed=false]:hover{opacity:.62}.cat-chip.add{padding:5px 11px;color:var(--muted);font-weight:500;letter-spacing:0}.cat-chip.add:before{display:none}.cat-chip.add:hover{color:var(--ink);border-color:var(--hairline-2)}.actions{display:flex;gap:6px;align-items:center}.btn-ghost,.btn-primary,.btn-danger{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:500;transition:all .15s var(--ease-out);letter-spacing:-.005em}.btn-ghost{color:var(--ink-2);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-2);color:var(--ink)}.btn-ghost svg{display:block}.btn-primary{background:var(--ink);color:var(--bg);border:1px solid var(--ink)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn-danger{color:#a3321a;border:1px solid transparent;background:transparent}[data-theme=dark] .btn-danger{color:#e58a6a}.btn-danger:hover{background:#a3321a14}.day-header-row{display:grid;grid-template-columns:72px repeat(7,1fr);padding:0 28px;border-bottom:1px solid var(--hairline);background:var(--bg);position:relative;z-index:4}.time-col-spacer{border-right:1px solid var(--hairline)}.day-header{padding:14px 14px 12px;border-right:1px solid var(--hairline);display:flex;flex-direction:column;gap:2px;position:relative}.day-header:last-child{border-right:0}.day-header .name{font-family:"Instrument Serif",serif;font-size:22px;line-height:1;letter-spacing:-.01em;color:var(--ink)}.day-header .name em{font-style:italic;color:var(--accent-ink)}.day-header .meta{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.01em}.day-header.is-today .name:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:6px;transform:translateY(-4px)}.scroll{overflow-y:auto;overflow-x:hidden;padding:0 28px 28px;scrollbar-width:thin;scrollbar-color:var(--hairline-2) transparent}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--hairline-2);border-radius:999px;border:3px solid var(--bg);background-clip:padding-box}.scroll::-webkit-scrollbar-track{background:transparent}.grid{display:grid;grid-template-columns:72px repeat(7,1fr);position:relative;height:calc(var(--hour-h) * 24)}.time-col{position:relative;border-right:1px solid var(--hairline)}.hour-label{position:absolute;right:10px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;color:var(--muted);letter-spacing:.02em;transform:translateY(-6px);font-variant-numeric:tabular-nums}.hour-label[data-hour="0"]{display:none}.day-col{position:relative;border-right:1px solid var(--hairline);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hour-h) - 1px),var(--hairline) calc(var(--hour-h) - 1px),var(--hairline) var(--hour-h))}.day-col:last-child{border-right:0}.day-col.is-today{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hour-h) - 1px),var(--hairline) calc(var(--hour-h) - 1px),var(--hairline) var(--hour-h)),linear-gradient(to bottom,#b24a1a09,#b24a1a04)}.day-col:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hour-h) / 2 - 1px),var(--hairline) calc(var(--hour-h) / 2 - 1px),var(--hairline) calc(var(--hour-h) / 2));opacity:.35;mask:linear-gradient(to right,transparent 0,transparent 4px,black 4px,black calc(100% - 4px),transparent calc(100% - 4px))}.event-layer{position:absolute;top:0;bottom:0;left:72px;right:0;pointer-events:none}.event-layer .event,.event-layer .now-line{pointer-events:auto}.event-layer .now-line{pointer-events:none}.now-line{position:absolute;height:0;border-top:1.5px solid var(--accent);z-index:3}.now-line:before{content:"";position:absolute;left:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.event{position:absolute;border-radius:var(--radius);background:color-mix(in oklab,var(--ev-color, #5b4a8b) var(--ev-mix),var(--paper));color:var(--ev-color, #5b4a8b);padding:6px 10px 6px 12px;overflow:hidden;cursor:grab;border:1px solid transparent;box-shadow:var(--shadow-1);transition:box-shadow .18s var(--ease-out),border-color .15s var(--ease-out),opacity .15s var(--ease-out);-webkit-user-select:none;user-select:none;touch-action:none}.event:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:999px;background:var(--ev-color, #5b4a8b);opacity:.9}.event:hover{box-shadow:var(--shadow-2);border-color:color-mix(in oklab,var(--ev-color, #5b4a8b) 25%,transparent)}body[data-alt=true] .event{cursor:copy}.event.is-dragging{cursor:grabbing;box-shadow:var(--shadow-lift);z-index:20}.event.is-selected{border-color:var(--ev-color, #5b4a8b);box-shadow:0 0 0 3px color-mix(in oklab,var(--ev-color, #5b4a8b) 18%,transparent),var(--shadow-2);z-index:10}.event.is-ghost{opacity:.8;border:1.5px dashed var(--ev-color, var(--accent));background:color-mix(in oklab,var(--ev-color, #5b4a8b) var(--ev-mix-ghost),var(--paper))}.event .ev-title{font-weight:500;font-size:12.5px;letter-spacing:-.005em;line-height:1.3;color:color-mix(in oklab,var(--ev-color, #5b4a8b) 80%,var(--ink));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event .ev-time{font-size:10.5px;color:color-mix(in oklab,var(--ev-color, #5b4a8b) 70%,var(--muted));font-variant-numeric:tabular-nums;letter-spacing:.015em;margin-top:2px}.event[data-short="1"]{padding-top:3px;padding-bottom:3px}.event[data-short="1"] .ev-time{display:none}.event[data-short="1"] .ev-title{font-size:11.5px}.event .resize-handle{position:absolute;left:0;right:0;height:10px;cursor:ns-resize;z-index:2;display:flex;justify-content:center;align-items:center;touch-action:none}.event .resize-handle.top{top:0;align-items:flex-start;padding-top:2px}.event .resize-handle.bot{bottom:0;align-items:flex-end;padding-bottom:2px}.event .resize-handle:after{content:"";width:26px;height:2px;border-radius:2px;background:var(--ev-color, #5b4a8b);opacity:0;transition:opacity .15s var(--ease-out)}.event:hover .resize-handle:after,.event.is-selected .resize-handle:after{opacity:.5}.event .resize-handle:hover:after{opacity:.9}.event[data-short="1"] .resize-handle{height:6px}.event[data-short="1"] .resize-handle:after{width:16px}.inspector{position:fixed;top:96px;right:24px;width:320px;background:var(--paper);border:1px solid var(--hairline-2);border-radius:14px;box-shadow:var(--shadow-lift);padding:14px 16px;z-index:30;transform-origin:top right}.insp-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.insp-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.insp-title{flex:1;font-family:"Instrument Serif",serif;font-size:22px;line-height:1.2;letter-spacing:-.01em;background:transparent;border:0;outline:0;padding:2px 0;border-bottom:1px dashed transparent;transition:border-color .15s;min-width:0}.insp-title:focus{border-bottom-color:var(--hairline-2)}.insp-title::placeholder{color:var(--muted);font-style:italic}.insp-close{padding:4px 8px;border-radius:6px;color:var(--muted);font-size:16px;line-height:1}.insp-close:hover{color:var(--ink);background:var(--bg-2)}.insp-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:14px;flex-wrap:wrap}.insp-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--hairline-2)}.insp-meta .day-select{font:inherit;color:inherit;background:transparent;border:0;padding:1px 4px;margin-left:-4px;border-radius:4px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all .15s var(--ease-out)}.insp-meta .day-select:hover{background:var(--bg-2);color:var(--ink)}.insp-meta .day-select:focus-visible{background:var(--bg-2);color:var(--ink)}.insp-meta .time-range{display:inline-flex;align-items:center;gap:2px}.insp-meta .time-range .dash{color:var(--muted);margin:0 2px}.time-field{font:inherit;font-variant-numeric:tabular-nums;color:inherit;padding:1px 5px;border-radius:4px;border-bottom:1px dashed transparent;transition:all .15s var(--ease-out);cursor:text}.time-field:hover{background:var(--bg-2);color:var(--ink);border-bottom-color:var(--hairline-2)}.time-field-input{font:inherit;font-variant-numeric:tabular-nums;width:5ch;background:var(--paper);border:1px solid var(--hairline-2);border-radius:4px;padding:1px 5px;outline:0;color:var(--ink)}.time-field-input:focus{border-color:var(--accent)}.insp-section{margin-top:12px}.insp-section>label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px;font-weight:500}.insp-cats{display:flex;flex-wrap:wrap;gap:5px}.insp-cats .cat-chip{padding:4px 9px 4px 8px;font-size:11.5px;cursor:pointer}.insp-cats .cat-chip[aria-pressed=true]{border-color:var(--cat-color);background:color-mix(in oklab,var(--cat-color) var(--ev-mix),var(--paper));color:color-mix(in oklab,var(--cat-color) 80%,var(--ink))}.inspector textarea{width:100%;background:var(--bg);border:1px solid var(--hairline);border-radius:8px;padding:9px 10px;font-size:12.5px;line-height:1.5;resize:vertical;min-height:80px;max-height:160px;outline:0;transition:border-color .15s;font-family:inherit}.inspector textarea:focus{border-color:var(--hairline-2);background:var(--paper)}.insp-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--hairline);display:flex;justify-content:flex-end}.hints{padding:10px 28px 12px;border-top:1px solid var(--hairline);font-size:11.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;background:var(--bg);letter-spacing:.005em}.hints kbd{font-family:JetBrains Mono,monospace;font-size:10.5px;padding:1px 6px;background:var(--paper);border:1px solid var(--hairline);border-bottom-width:1.5px;border-radius:4px;color:var(--ink-2);margin-right:4px}.cat-manage{width:340px;background:var(--paper);border:1px solid var(--hairline-2);border-radius:14px;box-shadow:var(--shadow-lift);padding:14px 16px 16px;z-index:40}.cat-manage .cm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cat-manage h2{margin:0;font-family:"Instrument Serif",serif;font-weight:400;font-size:20px;letter-spacing:-.01em}.cat-list{display:flex;flex-direction:column;max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hairline-2) transparent}.cat-row-wrap{border-top:1px solid var(--hairline)}.cat-row-wrap:first-child{border-top:0}.cat-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 2px}.cat-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .15s var(--ease-spring)}[data-theme=dark] .cat-swatch{border-color:#ffffff1a}.cat-swatch:hover{transform:scale(1.08)}.cat-row input{background:transparent;border:0;outline:0;border-bottom:1px dashed transparent;font-size:13.5px;color:var(--ink);padding:3px 0;transition:border-color .15s;min-width:0}.cat-row input:focus{border-bottom-color:var(--hairline-2)}.cat-row .del{width:22px;height:22px;border-radius:6px;color:var(--muted);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .15s var(--ease-out)}.cat-row .del:hover:not(:disabled){color:#a3321a;background:#a3321a14}[data-theme=dark] .cat-row .del:hover:not(:disabled){color:#e58a6a;background:#e58a6a1a}.cat-row .del:disabled{opacity:.3;cursor:not-allowed}.swatch-palette{display:flex;flex-wrap:wrap;gap:6px;padding:4px 2px 8px}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .15s var(--ease-spring)}[data-theme=dark] .swatch{border-color:#ffffff14}.swatch:hover{transform:scale(1.12)}.swatch.is-active{outline:1.5px solid var(--ink);outline-offset:2px}.cat-add{margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline)}.cat-add>label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-weight:500}.cat-add-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.cat-add-row input{background:var(--bg);border:1px solid var(--hairline);border-radius:7px;padding:7px 10px;font-size:13px;outline:0;transition:border-color .15s}.cat-add-row input:focus{border-color:var(--hairline-2);background:var(--paper)}.cat-add-row .btn-primary{padding:6px 14px;font-size:12.5px}.cat-add .swatch-palette{background:var(--bg);border:1px solid var(--hairline);border-radius:7px;padding:7px 8px}@media(max-width:1100px){.brand-text p{display:none}.categories{gap:4px}.cat-chip{font-size:11px;padding:4px 9px 4px 8px}}@media(max-width:860px){.topbar{grid-template-columns:auto 1fr;gap:16px;padding:14px 16px}.categories{grid-row:2;grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.day-header-row{padding:0 16px;grid-template-columns:48px repeat(7,1fr)}.scroll{padding:0 16px 16px}.grid{grid-template-columns:48px repeat(7,1fr)}.event-layer{left:48px}.day-header .name{font-size:17px}.day-header .meta{font-size:10px}.inspector{width:calc(100% - 24px);right:12px;top:auto;bottom:12px}.hints{display:none}.cat-manage{width:calc(100vw - 32px)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.event:focus-visible{outline-offset:3px}