:root{--bg: #eaecf1;--surface: #ffffff;--surface-sunken: #f4f6f9;--ink: #181b23;--muted: #69707d;--line: #dfe3ea;--accent: #4f46e5;--accent-ink: #ffffff;--pin: #b45309;--pin-soft: #fdf3e6;--overlap: #c8332c;--overlap-soft: #fbeceb;--buffer-soft: #dde1e8;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--radius: 12px;--rail: 120px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.5;font-size:15px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.page{width:80%;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,28px) 96px}.page--wide{width:auto;max-width:1000px}.masthead{margin-bottom:36px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:var(--pin);margin:0 0 10px}.masthead__title{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,7vw,52px);letter-spacing:-.03em;line-height:.98;margin:0;display:flex;align-items:baseline;gap:12px;cursor:default}.masthead__version{font-family:var(--font-body);font-weight:400;font-size:15px;letter-spacing:0;color:var(--muted);opacity:0;transition:opacity .12s ease}.masthead__title:hover .masthead__version{opacity:1}.masthead__lede{max-width:46ch;color:var(--muted);margin:14px 0 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:40px}.panel__title,.section-title{font-family:var(--font-display);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 16px}.section-title{margin-bottom:14px}.new-event{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:6px}.field--grow{flex:1 1 180px}.field__label{font-size:12px;font-weight:500;color:var(--muted)}.input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px}.input--time{width:5.5em;font-family:var(--font-mono)}.input:focus-visible,.title-input:focus-visible,.detail-name:focus-visible,.note-input:focus-visible,.time-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-error{color:var(--overlap);font-size:13px;margin:12px 0 0}.btn{font:inherit;font-weight:500;border-radius:8px;padding:9px 16px;border:1px solid transparent;cursor:pointer}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:#4338ca}.btn--ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn--ghost:hover{color:var(--ink);border-color:var(--muted)}.event-table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.event-table{width:100%;border-collapse:collapse;font-size:14px}.event-table th,.event-table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line)}.event-table tbody tr:last-child td{border-bottom:none}.event-table thead th{padding:0;background:var(--surface-sunken)}.event-table__sort{display:inline-flex;align-items:center;gap:6px;width:100%;padding:10px 16px;border:none;background:none;font:inherit;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);cursor:pointer}.event-table__sort:hover{color:var(--ink)}.event-table__arrow{font-size:11px;color:var(--accent)}.event-table__name{font-family:var(--font-display);font-weight:600;color:var(--ink);text-decoration:none}.event-table__name:hover{text-decoration:underline}.event-table__row{cursor:pointer}.event-table__when{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.event-table__date{display:inline-block;min-width:13ch}.event-table__date--empty{color:var(--muted);font-style:italic}.event-table tbody tr:hover{background:var(--surface-sunken)}.event-table .event-table__actions{width:1%;min-width:12rem;white-space:nowrap;text-align:right}.event-table td.mono{white-space:nowrap}.event-table__actions>.btn+.btn{margin-left:8px}.event-table__actions .btn{padding:5px 12px;font-size:13px;opacity:0;transition:opacity .12s ease}.event-table tbody tr:hover .event-table__actions .btn,.event-table tbody tr:has(:focus-visible) .event-table__actions .btn{opacity:1}.event-table__delete:hover,.event-table__delete:focus-visible{color:var(--overlap);border-color:var(--overlap)}.confirm-inline{display:inline-flex;align-items:center;gap:8px}.confirm-inline__label{font-size:13px;color:var(--muted)}.confirm-inline .btn{opacity:1}.btn--danger{background:var(--overlap);color:#fff;border-color:var(--overlap)}.btn--danger:hover{background:#a82a24}.empty{color:var(--muted);background:var(--surface-sunken);border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center}.detail-top{margin-bottom:18px}.backlink{font-family:var(--font-mono);font-size:13px;color:var(--muted);text-decoration:none}.backlink:hover{color:var(--accent)}.detail-head{display:flex;flex-direction:column;gap:16px;margin-bottom:4px}.detail-head__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.detail-name{font:inherit;font-family:var(--font-display);font-weight:700;font-size:clamp(26px,5vw,38px);letter-spacing:-.02em;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);flex:1 1 280px;min-width:0;padding:2px 8px;margin:0 -8px;transition:border-color .12s ease}.detail-name:hover{border-color:var(--line)}.datefield{position:relative;display:inline-flex}.detail-head__row .datefield{flex:0 0 auto}.datefield__display{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);border:1px solid transparent;border-radius:8px;padding:9px 11px;white-space:nowrap;cursor:pointer;transition:border-color .12s ease,background .12s ease}.datefield__display--empty{font-style:italic;color:var(--muted)}.datefield__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.datefield:focus-within .datefield__display{outline:2px solid var(--accent);outline-offset:1px}.datefield--reveal:hover .datefield__display,.datefield--reveal:focus-within .datefield__display{border-color:var(--line);background:var(--surface)}.datefield--boxed .datefield__display{border-color:var(--line);background:var(--surface)}.timeline{position:relative}.timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:calc(var(--rail) - 9px);width:2px;background:var(--line)}.timeline-head{display:grid;grid-template-columns:var(--rail) 1fr;column-gap:16px;align-items:end;border-bottom:1px solid var(--line);margin-bottom:20px}.timeline-head__rail{display:flex;justify-content:center;padding-right:20px}.timeline-head__body{display:flex}.timeline-head__strip{flex:0 0 12px}.timeline-head__content{flex:1 1 0;min-width:0;display:grid;grid-template-columns:1fr 1fr;padding:0 16px}.timeline-head__cell{display:flex;justify-content:center}.col-pill{transform:translateY(50%);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 14px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.block-row{position:relative}.timeline--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline--dragging .block__colour--draggable{cursor:grabbing}.block-row--dragging{z-index:3}.block-row--dragging .interstitial__label{visibility:hidden}.block--dragging .block__body{box-shadow:0 8px 22px #0206172e}.block,.gap{position:relative;display:grid;grid-template-columns:var(--rail) 1fr;column-gap:16px}.block__rail{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:14px;padding-right:20px}.block__fields{display:flex;flex-direction:column;align-items:center;gap:5px}.block__time{display:flex;align-items:center;gap:4px}.block__marker{position:absolute;left:calc(var(--rail) - 15px);top:19px;z-index:0;width:14px;height:14px;padding:0;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--bg);transition:border-radius .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.block__marker--pinned{background:var(--accent);border-color:var(--accent);border-radius:4px}button.block__marker{cursor:pointer}button.block__marker:hover,button.block__marker:focus-visible{outline:none;box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--accent)}.block__marker--anchor{background:var(--ink);border-color:var(--ink);border-radius:4px}.block__reorder{position:absolute;left:calc(var(--rail) - 16px);top:40px;display:flex;flex-direction:column;gap:3px;opacity:0;transition:opacity .12s ease}.block:hover .block__reorder,.block:has(:focus-visible) .block__reorder{opacity:1}.block__reorder-btn{width:16px;height:16px;display:grid;place-items:center;padding:0;font-size:11px;line-height:1;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:4px;cursor:pointer}.block__reorder-btn:hover,.block__reorder-btn:focus-visible{color:var(--ink);border-color:var(--muted)}.block__body{position:relative;display:flex;background:var(--surface);border:1px solid var(--line);border-left:none;border-radius:0 10px 10px 0;margin:0}.block__colour{flex:none;align-self:stretch;width:12px;padding:0;border:none;background:var(--accent)}.block__colour--draggable{cursor:grab;touch-action:none}.block__content{flex:1 1 auto;min-width:0;padding:14px 16px}.block--anchor .block__body{background:var(--surface-sunken)}.block__content--anchor{display:flex;align-items:center}.block__head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.title-input{font:inherit;font-family:var(--font-display);font-weight:600;font-size:17px;line-height:24px;letter-spacing:-.01em;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);flex:1 1 160px;min-width:0;padding:2px 6px;margin:-2px -6px;transition:border-color .12s ease}.title-input:hover{border-color:var(--line)}.block__title--anchor{font-family:var(--font-display);font-weight:600;font-size:14px;line-height:24px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink)}.rail-control{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:24px}.rail-control:before{content:"";position:absolute;top:-4px;right:-25px;bottom:-4px;left:-25px;border-radius:9px;background:var(--surface-sunken);box-shadow:0 1px 5px #181b231a;opacity:0;pointer-events:none;transition:opacity .12s ease}.rail-control:hover:before,.rail-control:has(:focus-visible):before{opacity:1}.rail-control:hover:before{pointer-events:auto}.rail-control--with-lock:before{top:-25px;right:-25px;bottom:-4px;left:-25px}.rail-lock{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:1px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,color .18s ease}.rail-control--with-lock:hover .rail-lock,.rail-control--with-lock:has(:focus-visible) .rail-lock{opacity:1;pointer-events:auto}.rail-lock--locked{color:var(--accent)}.rail-lock:hover{background:var(--surface);box-shadow:0 0 0 1px var(--line)}.rail-step{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);font-size:14px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease}.rail-step--dec{right:100%;margin-right:3px}.rail-step--inc{left:100%;margin-left:3px}.rail-control:hover .rail-step,.rail-control:has(:focus-visible) .rail-step{opacity:1;pointer-events:auto}.rail-step:hover{border-color:var(--muted);color:var(--ink)}.rail-field{position:relative;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;border:none;background:transparent;color:var(--ink);padding:0}.rail-field--time{font-size:15px;font-weight:700}.rail-field--dur{font-size:12px;color:var(--muted);width:5.5ch}.rail-field--derived{color:var(--muted)}.block__actions{display:flex;align-items:center;gap:6px;margin-left:auto;opacity:0;transition:opacity .12s ease}.block:hover .block__actions,.block:has(:focus-visible) .block__actions{opacity:1}.block__actions--confirming{opacity:1}.chip{font:inherit;font-size:12px;font-weight:500;font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:4px 9px;cursor:pointer}.chip:hover{border-color:var(--muted);color:var(--ink)}.chip--danger:hover{color:var(--overlap);border-color:var(--overlap)}.confirm-inline .chip--danger{background:var(--overlap);color:#fff;border-color:var(--overlap)}.confirm-inline .chip--danger:hover{background:#a82a24;color:#fff;border-color:#a82a24}.block__controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0}.block__duration{display:inline-flex;align-items:center}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:none;background:transparent;cursor:default}.color-popover{position:absolute;z-index:30;top:36px;left:calc(var(--rail) - 16px);display:flex;flex-direction:column;gap:2px;min-width:150px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #181b2329}.color-option{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}.color-option:hover{background:var(--surface-sunken)}.color-option--active{background:var(--surface-sunken);font-weight:600}.color-option__swatch{flex:none;width:16px;height:16px;border-radius:50%}.color-option__swatch--none{background:var(--surface);border:1.5px dashed var(--muted)}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.legend__item{display:inline-flex;align-items:center;gap:6px}.legend__swatch{flex:none;width:14px;height:14px;border-radius:4px}.legend__label{font:inherit;font-size:13px;color:var(--ink);padding:1px 4px;border:1px solid transparent;border-radius:5px;background:transparent;transition:border-color .12s ease,background .12s ease}.legend__label:hover,.legend__label:focus{border-color:var(--line);background:var(--surface)}.legend__label:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.note-editor{margin:6px 0 0 -6px;border:1px solid transparent;border-radius:8px;background:transparent;overflow:hidden;transition:border-color .12s ease;flex:1;display:flex;flex-direction:column}.note-editor:hover,.note-editor:focus-within{border-color:var(--line)}.note-editor--loading{min-height:56px}.note-editor__host{flex:1;display:flex;flex-direction:column;min-height:0}.note-editor__content{padding:10px 12px 10px 6px;min-height:2.4em;outline:none;flex:1}.note-editor__content:focus-visible{outline:none}.note-editor .ProseMirror:focus{outline:none}.note-editor__content p{margin:0 0 .4em}.note-editor__content p:last-child{margin-bottom:0}.note-editor__content ul,.note-editor__content ol{margin:.2em 0;padding-left:1.4em}.note-editor__content li>p{margin:0}.note-editor__content li>ul,.note-editor__content li>ol{margin:0}.note-editor__content p.is-editor-empty:first-child:before{content:"Instructions…";color:var(--muted);float:left;height:0;pointer-events:none}.block__split{display:grid;grid-template-columns:1fr 1fr;margin-top:2px}.block__field{min-width:0;display:flex;flex-direction:column}.block__field--instructions{padding-right:14px}.block__field--preparations{padding-left:14px;border-left:1px solid var(--line)}.checklist__content ul[data-type=taskList]{list-style:none;margin:0;padding:0}.checklist__content ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.checklist__content ul[data-type=taskList] li>label{flex:0 0 auto;height:1.5em;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.checklist__content ul[data-type=taskList] li>div{flex:1 1 auto;min-width:0}.checklist__content input[type=checkbox]{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:1.05em;height:1.05em;border:1.5px solid var(--accent);border-radius:4px;background:var(--surface);display:inline-grid;place-content:center}.checklist__content input[type=checkbox]:before{content:"";width:.62em;height:.62em;transform:scale(0);background-color:#aab0bc;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checklist__content input[type=checkbox]:checked{border-color:#aab0bc}.checklist__content input[type=checkbox]:checked:before{transform:scale(1)}.checklist__content ul[data-type=taskList] li[data-checked=true]>div{color:#aab0bc;text-decoration:line-through}.checklist--empty .checklist__content ul[data-type=taskList] li>label{display:none}.gap{align-items:center;min-height:26px}.insert-btn{grid-column:1;justify-self:end;margin-right:-3px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 4px var(--bg);opacity:0;transition:opacity .12s ease,transform .12s ease,color .12s ease,border-color .12s ease}.insert-btn--visible{opacity:1}.insert-btn:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.insert-btn:hover{color:var(--accent);border-color:var(--accent);transform:scale(1.12)}.interstitial__label{grid-column:2;font-family:var(--font-mono);font-size:12px;line-height:1.4;letter-spacing:.02em;padding:4px 10px;border-radius:6px}.gap--buffer .interstitial__label{color:var(--muted);background:var(--buffer-soft)}.gap--overlap .interstitial__label{color:var(--overlap);font-weight:500;background:var(--overlap-soft)}.app-status{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center;color:var(--muted);font-family:var(--font-body)}.app-status--error{color:var(--ink)}.app-status--error p{max-width:36rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:min(90vw,40rem);padding:12px 16px;background:var(--overlap-soft);border:1px solid var(--overlap);border-radius:var(--radius);box-shadow:0 8px 24px #181b232e;color:var(--ink);font-family:var(--font-body)}.toast__message{flex:1}.toast__action{flex:none}.login-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-screen__card{max-width:24rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.login-screen__title{margin:0}.login-screen__lead{margin:0;color:var(--muted, #555)}.login-screen__button{align-self:center}.user-menu{position:fixed;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;z-index:10}.user-menu__name{color:var(--muted, #555)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}