:root{--paper:#f8f9fa;--tray:#ddd;--card:#fff;--card-hover:#f0f0f0;--well:#e9ecef;--ink:#1a1a1a;--muted:#555;--line:#eee;--edge:#ccc;--accent:#1a1a1a;--mark:#555;--add:#1a1a1a;--add-ink:#fff;--add-hover:#333;--danger:#b02a2a;--danger-ink:#fff;--danger-hover:#8f2020;--scrim:#1a1a1a59;--in:#59a14f;--out:#e15759;--hue-0:#4e79a7;--hue-1:#f28e2b;--hue-2:#e15759;--hue-3:#76b7b2;--hue-4:#59a14f;--hue-5:#edc948;--hue-6:#b07aa1;--hue-7:#ff9da7;--hue-8:#9c755f;--hue-9:#bab0ac;--tint:16%;--tint-strong:28%;--mono:ui-monospace,"SF Mono",Menlo,monospace;--space-xs:6px;--space-sm:8px;--space-md:10px;--space-lg:14px;--space-xl:20px;--space-2xl:24px;--radius-inner:4px;--radius-control:4px;--radius-panel:4px;--control:32px;--touch:32px;--panel:320px;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111213;--tray:#454651;--card:#1a1b1e;--card-hover:#232327;--well:#23262b;--ink:#e5e5e5;--muted:#a8a8a8;--line:#2e2e33;--edge:#60616b;--accent:#e5e5e5;--mark:#a8a8a8;--add:#e5e5e5;--add-ink:#111213;--add-hover:#fff;--danger:#ef4444;--danger-ink:#111213;--danger-hover:#ef4444;--scrim:#0000008c;--in:#8cd17d;--out:#ff9d9a;--tint:28%;--tint-strong:40%;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}@media (pointer:coarse){:root{--control:44px;--touch:44px}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);margin:0;padding:24px 16px 48px;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body>header{max-width:1100px;margin:0 auto 20px}h1{letter-spacing:-.01em;margin:0;font-size:22px}body>header p{color:var(--muted);margin:4px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,420px);align-items: start;gap:20px;max-width:1100px;margin:0 auto}.people{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);margin-bottom:12px;padding:10px 12px}.people:not(:has(member-row)){display:none}.people h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:13px}member-row{display:block}member-row .who{display:flex;align-items: center;gap:4px;min-height:28px}member-row [data-col=name]{border-radius:var(--radius-control);padding:1px 4px}member-row[me]>.who [data-col=name]{font-weight:600}member-row[me]>.who [data-col=name]:after{content:" · you";color:var(--muted);font-weight:400}member-row .invited{border-left:1px solid var(--line);margin-left:10px;padding-left:12px}member-row:not([link])>.who>.copy,member-row:not([me])>.who>.out,member-row:not([mine])>.who>[data-delete],member-row:not([me])>.invite{display:none}member-row>.invite{max-width:260px;margin:4px 0 4px 22px}member-row .roles{color:var(--muted);font-size:12px}member-row .give{display:flex;color:var(--muted);gap:10px;margin-top:4px;font-size:13px}member-row .give:empty{display:none}.out{margin:0}.copy .icon-check,.copy[copied] .icon-copy{display:none}.copy[copied] .icon-check{display:block;color:var(--in)}.nobody{text-align:center;max-width:420px;margin:15vh auto 0}.nobody h2{margin:0 0 6px;font-size:18px}.nobody p{color:var(--muted);margin:0}body[data-away]:after{content:"Reconnecting…";position:fixed;border-radius:var(--radius-control);background:var(--card);border:1px solid var(--edge);color:var(--muted);padding:6px 14px;font-size:13px;bottom:16px;left:50%;transform:translate(-50%)}[contenteditable]:focus{outline:2px solid var(--accent);outline-offset:1px}.icon{display:block;width:16px;height:16px}.copy,.out button,button[data-delete]{display:inline-grid;color:var(--muted);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;place-items: center;width:24px;height:24px;padding:0}.copy:hover,.out button:hover,button[data-delete]:hover{background:var(--card-hover);color:var(--ink)}button[data-delete]{opacity:0}member-row .who:hover button{opacity:1}button[data-delete]:focus-visible{opacity:1}[data-refused]{outline:2px solid var(--out);outline-offset:2px;border-radius:var(--radius-control)}form[data-refused]:after{content:attr(data-refused);display:block;color:var(--out);margin-top:4px;font-size:13px}input[name]:where(:not([type]),[type=text],[type=search],[type=number]){font:inherit;color:inherit;border:1px solid var(--edge);border-radius:var(--radius-control);background:0 0;width:100%;padding:5px 8px}input[name]:where(:not([type]),[type=text],[type=search],[type=number]):focus{outline:none;border-style:solid;border-color:var(--accent)}.wire{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);position:sticky;overflow:auto;max-height:calc(100vh - 32px);padding:10px 12px;top:16px}.wire h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.wire ol{list-style:none;font:12px/1.45 var(--mono);margin:0;padding:0}.wire li{border-top:1px solid var(--line);word-break:break-all;border-left:3px solid;padding:6px 0 6px 10px}.wire li.in{border-left-color:var(--in)}.wire li.out{border-left-color:var(--out)}.wire .meta{display:block;color:var(--muted)}@media (max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.wire{position:static;max-height:50vh}}.tool{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-xs);height:var(--touch);padding:0 var(--space-lg);border:1px solid var(--edge);border-radius:var(--radius-control);background:var(--card);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;font-size:13px}.tool:hover{background:var(--card-hover)}.tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool.quiet{font-weight:500}.tool.add{border-color:var(--add);background:var(--add);color:var(--add-ink)}.tool.add:hover{background:var(--add-hover)}.tool.danger{border-color:var(--danger);background:var(--danger);color:var(--danger-ink)}.tool.danger:hover{background:var(--danger-hover)}.tool:disabled{opacity:.45;cursor:default}.tool[data-delete]{opacity:1;height:var(--touch);padding:0 var(--space-lg);width:auto}dialog.drawer{position:fixed;z-index:60;overflow:hidden;border:1px solid var(--edge);border-radius:var(--radius-panel)var(--radius-panel)0 0;background:var(--card);color:var(--ink);flex-direction:column;width:100%;max-width:560px;max-height:88dvh;margin:0 auto;padding:0;inset:auto 0 0}dialog.drawer[open]{display:flex;animation:.2s ease-out rise}@media (min-width:820px){dialog.drawer{inset:var(--space-2xl)var(--space-2xl)var(--space-2xl)auto;width:var(--panel);border-radius:var(--radius-panel);max-width:none;height:auto;max-height:none}}dialog.drawer::backdrop{background:var(--scrim)}dialog.modal::backdrop{background:var(--scrim)}.drawer-head{display:flex;justify-content:space-between;align-items: center;gap:var(--space-md);padding:var(--space-lg)var(--space-lg)var(--space-sm);flex:none}.drawer-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:17px;font-weight:600}.drawer-close{width:var(--control);height:var(--control);border:0;padding:0}.drawer-body{overflow:auto;overscroll-behavior:contain;padding:0 var(--space-lg)calc(var(--space-2xl) + env(safe-area-inset-bottom,0px));flex:auto}.drawer-foot{display:flex;gap:var(--space-sm);padding:var(--space-lg)0 0}[data-chosen]{background:color-mix(in srgb,var(--ink)8%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.props{display:flex;flex-direction:column}.prop{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding:var(--space-sm)0;border-bottom:1px solid var(--line)}.prop:last-child{border-bottom:0}.prop-name{color:var(--muted);font-size:13px;font-weight:600}dialog.modal{width:min(420px,calc(100vw - 2*var(--space-2xl)));padding:var(--space-xl)var(--space-xl)var(--space-2xl);border:1px solid var(--edge);border-radius:var(--radius-panel);background:var(--card);color:var(--ink)}dialog.modal[open]{animation:.16s ease-out rise}dialog.modal h3{margin:0 0 var(--space-lg);font-size:17px}dialog.modal .note{color:var(--muted);margin:0;font-size:13px}.modal-field{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);color:var(--muted);flex-direction:column;font-size:13px}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}:-webkit-any(.prop,.modal-field) :-webkit-any(input:not([type=checkbox]),select,textarea){height:var(--touch);padding:0 var(--space-md);font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);border-style:solid;width:100%;font-size:16px}:-moz-any(.prop,.modal-field) :-moz-any(input:not([type=checkbox]),select,textarea){height:var(--touch);padding:0 var(--space-md);font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);border-style:solid;width:100%;font-size:16px}:is(.prop,.modal-field) :is(input:not([type=checkbox]),select,textarea){height:var(--touch);padding:0 var(--space-md);font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);border-style:solid;width:100%;font-size:16px}:-webkit-any(.prop,.modal-field) textarea{min-height:calc(3*var(--touch));padding:var(--space-sm)var(--space-md);resize:vertical;height:auto}:-moz-any(.prop,.modal-field) textarea{min-height:calc(3*var(--touch));padding:var(--space-sm)var(--space-md);resize:vertical;height:auto}:is(.prop,.modal-field) textarea{min-height:calc(3*var(--touch));padding:var(--space-sm)var(--space-md);resize:vertical;height:auto}:-webkit-any(.prop,.modal-field) :-webkit-any(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--edge)}:-moz-any(.prop,.modal-field) :-moz-any(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--edge)}:is(.prop,.modal-field) :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--edge)}.prop input[type=checkbox]{accent-color:var(--accent);justify-self:start;width:20px;height:20px;margin:0}.refused{margin:var(--space-xs)0 0;color:var(--danger);font-size:13px}.toast{position:fixed;z-index:90;padding:var(--space-sm)var(--space-lg);background:var(--ink);color:var(--card);border-radius:var(--radius-control);opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px;bottom:24px;left:50%;translate:-50%}.toast.show{opacity:1}@keyframes rise{0%{transform:translateY(24px);opacity:.5}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){dialog.drawer[open],dialog.modal[open]{animation:none}.toast{transition:none}}body:has(>.split){display:flex;overflow:hidden;flex-direction:column;height:100dvh;padding:0}body>header.whatson{display:flex;background:var(--card);border-bottom:1px solid var(--line);align-items: center;gap:18px;max-width:none;margin:0;padding:8px 16px}header.whatson h1{margin-right:auto;font-size:18px}header.whatson details{position:relative;overflow:visible;background:0 0;border:0;max-height:none;margin:0;padding:0;top:auto}header.whatson summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px}header.whatson details>:not(summary){position:absolute;z-index:30;overflow:auto;background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);width:min(420px,90vw);max-height:60vh;margin:0;padding:10px 12px;top:calc(100% + 8px);right:0}.layout.split{--calendar:.5;--bar:10px;display:flex;-webkit-user-select:none;user-select:none;flex:1;align-items:stretch;gap:0;max-width:none;min-height:0;margin:0}.layout.split :-webkit-any(input,textarea,select){-webkit-user-select:text;user-select:text}.layout.split :-moz-any(input,textarea,select){-webkit-user-select:text;user-select:text}.layout.split :is(input,textarea,select){-webkit-user-select:text;user-select:text}section.calendar{--hour:44px;--head:30px;width:calc((100% - var(--bar))*var(--calendar));display:flex;overflow:hidden;background:var(--card);flex-direction:column;flex:none;min-width:0}.split>.bar{width:var(--bar);position:relative;cursor:col-resize;touch-action:none;background:var(--paper);border-inline:1px solid var(--line);flex:none}.split>.bar:after{content:"";position:absolute;background:var(--muted);opacity:.6;border-radius:2px;width:3px;height:36px;top:50%;left:50%;translate:-50% -50%}.split>.bar:hover{outline:none;background:color-mix(in srgb,var(--accent)18%,var(--paper))}.split>.bar:focus-visible{outline:none;background:color-mix(in srgb,var(--accent)18%,var(--paper))}nav.turn{display:flex;border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;flex-wrap:wrap;align-items: center;gap:4px;padding:8px 10px}nav.turn button,.zoom button,form.new-event button,.months button{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;padding:3px 10px}nav.turn button:hover,.zoom button:hover{border-color:var(--accent)}nav.turn .label{overflow:hidden;text-overflow:ellipsis;border-color:#0000;font-weight:600}nav.turn .label:after{content:" ▾";color:var(--muted);font-weight:400}nav.turn .only{border-color:var(--accent);color:var(--accent);overflow:hidden;text-overflow:ellipsis;max-width:100%}nav.turn .only:after{content:" ×"}.months[popover]{position:fixed;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);width:220px;margin:0;padding:10px;inset:auto}.months .year{display:flex;justify-content:space-between;align-items: center;margin-bottom:8px;font-weight:600}.months .year button{color:var(--muted);background:0 0;border:0;padding:0 10px;font-size:18px}.months .choose{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.months .choose button{background:var(--paper);border:0;padding:8px 0}.months .choose button.now{box-shadow:inset 0 0 0 1px var(--accent)}.months .choose button[aria-current]{background:var(--accent);color:var(--card)}.scroll{overflow:auto;position:relative;flex:1;min-height:0}.weekdays,.hours,day-row h3 .num,day-row h3 .dow{display:none}:-webkit-any(place-row[id$="0"],event-row[place_id$="0"]){--hue:var(--hue-0)}:-moz-any(place-row[id$="0"],event-row[place_id$="0"]){--hue:var(--hue-0)}:is(place-row[id$="0"],event-row[place_id$="0"]){--hue:var(--hue-0)}:-webkit-any(place-row[id$="1"],event-row[place_id$="1"]){--hue:var(--hue-1)}:-moz-any(place-row[id$="1"],event-row[place_id$="1"]){--hue:var(--hue-1)}:is(place-row[id$="1"],event-row[place_id$="1"]){--hue:var(--hue-1)}:-webkit-any(place-row[id$="2"],event-row[place_id$="2"]){--hue:var(--hue-2)}:-moz-any(place-row[id$="2"],event-row[place_id$="2"]){--hue:var(--hue-2)}:is(place-row[id$="2"],event-row[place_id$="2"]){--hue:var(--hue-2)}:-webkit-any(place-row[id$="3"],event-row[place_id$="3"]){--hue:var(--hue-3)}:-moz-any(place-row[id$="3"],event-row[place_id$="3"]){--hue:var(--hue-3)}:is(place-row[id$="3"],event-row[place_id$="3"]){--hue:var(--hue-3)}:-webkit-any(place-row[id$="4"],event-row[place_id$="4"]){--hue:var(--hue-4)}:-moz-any(place-row[id$="4"],event-row[place_id$="4"]){--hue:var(--hue-4)}:is(place-row[id$="4"],event-row[place_id$="4"]){--hue:var(--hue-4)}:-webkit-any(place-row[id$="5"],event-row[place_id$="5"]){--hue:var(--hue-5)}:-moz-any(place-row[id$="5"],event-row[place_id$="5"]){--hue:var(--hue-5)}:is(place-row[id$="5"],event-row[place_id$="5"]){--hue:var(--hue-5)}:-webkit-any(place-row[id$="6"],event-row[place_id$="6"]){--hue:var(--hue-6)}:-moz-any(place-row[id$="6"],event-row[place_id$="6"]){--hue:var(--hue-6)}:is(place-row[id$="6"],event-row[place_id$="6"]){--hue:var(--hue-6)}:-webkit-any(place-row[id$="7"],event-row[place_id$="7"]){--hue:var(--hue-7)}:-moz-any(place-row[id$="7"],event-row[place_id$="7"]){--hue:var(--hue-7)}:is(place-row[id$="7"],event-row[place_id$="7"]){--hue:var(--hue-7)}:-webkit-any(place-row[id$="8"],event-row[place_id$="8"]){--hue:var(--hue-8)}:-moz-any(place-row[id$="8"],event-row[place_id$="8"]){--hue:var(--hue-8)}:is(place-row[id$="8"],event-row[place_id$="8"]){--hue:var(--hue-8)}:-webkit-any(place-row[id$="9"],event-row[place_id$="9"]){--hue:var(--hue-9)}:-moz-any(place-row[id$="9"],event-row[place_id$="9"]){--hue:var(--hue-9)}:is(place-row[id$="9"],event-row[place_id$="9"]){--hue:var(--hue-9)}event-row{border-radius:var(--radius-control)}event-row .when{grid-area:when;color:var(--muted);font-variant-numeric:tabular-nums}event-row .title{grid-area:title;font-weight:600}event-row .where{grid-area:where;color:var(--muted)}event-row .just-me{grid-area:where;color:var(--accent);justify-self:end;font-size:12px}event-row:not([private]) .just-me{display:none}event-row button[data-delete]{grid-area:x}event-row:not([mine]) button[data-delete]{display:none}event-row:hover button[data-delete]{opacity:1}@media (hover:none){event-row button[data-delete]{opacity:1}}event-row[mine]{cursor:grab;touch-action:none}event-row[moving]{pointer-events:none;opacity:.85;background:var(--card);outline:1px solid var(--edge);z-index:5}[data-span=day] .days{padding:10px 12px}[data-span=day] day-row h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:13px}[data-span=day] day-row[today] h3{color:var(--accent)}[data-span=day] .events{display:grid;gap:2px}[data-span=day] .events:not(:has(event-row)):after{content:"Nothing on here";color:var(--muted);font-size:13px}[data-span=day] event-row{display:grid;grid-template-columns:6.5em minmax(0,1fr)auto;grid-template-areas:"when title x" "when where x";border-left:3px solid var(--hue);column-gap:8px;padding:4px 6px;font-size:14px}[data-span=day] event-row:hover{background:color-mix(in srgb,var(--accent)8%,transparent)}[data-span=day] event-row .when,[data-span=day] event-row .where{font-size:13px}[data-span=day] event-row[moving]{position:relative}[data-span=week] .scroll{display:grid;grid-template-columns:46px minmax(0,1fr);align-items: start}[data-span=week] .hours{display:block;position:relative;height:calc(var(--head) + 24*var(--hour))}.hours span{position:absolute;right:6px;top:calc(var(--head) + var(--h)*var(--hour));color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;translate:0 -50%}[data-span=week] .days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}[data-span=week] day-row{display:block;border-left:1px solid var(--line);min-width:0}[data-span=week] day-row h3{position:sticky;z-index:3;height:var(--head);display:flex;color:var(--muted);background:var(--card);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;justify-content:center;align-items: center;margin:0;font-size:12px;top:0}[data-span=week] day-row h3 .label{display:none}[data-span=week] day-row h3 .dow,[data-span=week] day-row h3 .num{display:inline;margin:0 2px}[data-span=week] day-row[today] h3{color:var(--accent)}[data-span=week] .events{position:relative;height:calc(24*var(--hour));background-image:linear-gradient(var(--line)1px,transparent 1px);background-size:100% var(--hour)}[data-span=week] day-row[today] .events{background-color:color-mix(in srgb,var(--accent)6%,transparent)}[data-span=week] event-row{position:absolute;top:calc(var(--start)*var(--hour)/60);height:calc(var(--len)*var(--hour)/60 - 2px);left:calc(var(--lane,0)*100%/var(--lanes,1));width:calc(100%/var(--lanes,1) - 2px);display:block;overflow:hidden;border-radius:var(--radius-control);border-left:3px solid var(--hue);background:color-mix(in srgb,var(--hue)var(--tint),var(--card));padding:2px 4px;font-size:12px;line-height:1.3}[data-span=week] event-row:hover{z-index:2;background:color-mix(in srgb,var(--hue)var(--tint-strong),var(--card))}[data-span=week] event-row>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-span=week] event-row .when,[data-span=week] event-row .where{font-size:11px}[data-span=week] event-row .just-me{display:none}[data-span=week] event-row button[data-delete]{position:absolute;width:20px;height:20px;top:0;right:0}event-row .stretch{display:none}[data-span=week] event-row[mine] .stretch{display:block;position:absolute;cursor:ns-resize;touch-action:none;height:6px;bottom:0;left:0;right:0}[data-span=week] event-row[mine] .stretch:hover{background:color-mix(in srgb,var(--hue)45%,transparent)}[data-span=month] .weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.weekdays span{padding:3px 6px}[data-span=month] .days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:112px}[data-span=month] day-row{display:flex;overflow:hidden;background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-width:0;padding:2px 3px}[data-span=month] day-row[odd]{background:var(--paper)}[data-span=month] day-row h3{color:var(--muted);margin:0 0 2px;font-size:12px}[data-span=month] day-row h3 .label{display:none}[data-span=month] day-row h3 .num{display:inline-block;border-radius:var(--radius-control);padding:0 5px}[data-span=month] day-row[today] h3 .num{background:var(--accent);color:var(--card)}[data-span=month] .events{display:grid;align-content: start;gap:2px;min-height:0}[data-span=month] event-row{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--hue);background:color-mix(in srgb,var(--hue)var(--tint),var(--card));border-radius:3px;padding:0 4px;font-size:12px;line-height:18px}[data-span=month] event-row:hover{background:color-mix(in srgb,var(--hue)var(--tint-strong),var(--card))}[data-span=month] event-row>:not(.title),[data-span=month] event-row[over]{display:none}[data-span=month] day-row[more]:after{content:"+" attr(more)" more";color:var(--muted);padding-left:4px;font-size:11px}event-row[private]{border-left-style:dashed}section.map{position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:grab;background:#dfe6e9;flex:1;min-width:0;min-height:0}section.map:active{cursor:grabbing}.tiles img{position:absolute;display:block;pointer-events:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tiles{filter:brightness(.7)contrast(1.1)saturate(.6)}}.layer{position:absolute;width:0;height:0;top:0;left:0}place-row{position:absolute;left:calc(var(--x)*var(--scale)*1px);top:calc(var(--y)*var(--scale)*1px)}place-row .pin{position:absolute;box-sizing:border-box;background:var(--hue);transform-origin:0 100%;cursor:pointer;border:2px solid #fff;border-radius:50% 50% 50% 0;width:16px;height:16px;padding:0;top:-16px;left:0;transform:rotate(-45deg)}place-row .pin:after{content:"";position:absolute;background:#fff;border-radius:50%;width:5px;height:5px;top:3.5px;left:3.5px}section.map[far] place-row .pin{border-width:1.5px;width:10px;height:10px;top:-10px}section.map[far] place-row .pin:after{display:none}place-row .name{position:absolute;white-space:nowrap;border-radius:var(--radius-control);background:var(--card);border:1px solid var(--edge);display:none;pointer-events:none;padding:1px 6px;font-size:12px;top:-22px;left:12px}place-row:hover .name,place-row[lit] .name{display:block}place-row[lit]{z-index:2}place-row[lit] .pin{outline:2px solid var(--ink);outline-offset:1px;transform:rotate(-45deg)scale(1.4)}.zoom{position:absolute;display:grid;gap:4px;top:10px;right:10px}.zoom button{width:32px;height:32px;padding:0;font-size:18px}.credit{position:absolute;color:#333;background:#fffc;margin:0;padding:1px 6px;font-size:11px;bottom:0;right:0}.credit a{color:inherit}form.find{position:absolute;cursor:auto;width:min(320px,100% - 70px);top:12px;left:12px}form.find input{box-sizing:border-box;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);width:100%;padding:6px 10px}:-webkit-any(form.find,.typeahead) .found{list-style:none;overflow:auto;background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);max-height:50vh;margin:4px 0 0;padding:4px}:-moz-any(form.find,.typeahead) .found{list-style:none;overflow:auto;background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);max-height:50vh;margin:4px 0 0;padding:4px}:is(form.find,.typeahead) .found{list-style:none;overflow:auto;background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);max-height:50vh;margin:4px 0 0;padding:4px}:-webkit-any(form.find,.typeahead) .found button{display:grid;text-align:left;font:inherit;color:var(--ink);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;width:100%;padding:6px 8px}:-moz-any(form.find,.typeahead) .found button{display:grid;text-align:left;font:inherit;color:var(--ink);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;width:100%;padding:6px 8px}:is(form.find,.typeahead) .found button{display:grid;text-align:left;font:inherit;color:var(--ink);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;width:100%;padding:6px 8px}:-webkit-any(form.find,.typeahead) .found button:hover{background:color-mix(in srgb,var(--accent)10%,transparent)}:-moz-any(form.find,.typeahead) .found button:hover{background:color-mix(in srgb,var(--accent)10%,transparent)}:is(form.find,.typeahead) .found button:hover{background:color-mix(in srgb,var(--accent)10%,transparent)}:-webkit-any(form.find,.typeahead) .found button:focus-visible{background:color-mix(in srgb,var(--accent)10%,transparent)}:-moz-any(form.find,.typeahead) .found button:focus-visible{background:color-mix(in srgb,var(--accent)10%,transparent)}:is(form.find,.typeahead) .found button:focus-visible{background:color-mix(in srgb,var(--accent)10%,transparent)}:-webkit-any(form.find,.typeahead) .found small{color:var(--muted);font-size:12px}:-moz-any(form.find,.typeahead) .found small{color:var(--muted);font-size:12px}:is(form.find,.typeahead) .found small{color:var(--muted);font-size:12px}:-webkit-any(form.find,.typeahead) .found .none{color:var(--muted);padding:6px 8px;font-size:13px}:-moz-any(form.find,.typeahead) .found .none{color:var(--muted);padding:6px 8px;font-size:13px}:is(form.find,.typeahead) .found .none{color:var(--muted);padding:6px 8px;font-size:13px}.typeahead .found{max-height:240px}.ghost{position:fixed;z-index:30;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);border-radius:var(--radius-control);outline:1px solid var(--edge);border-left:3px solid var(--hue);background:color-mix(in srgb,var(--hue)var(--tint),var(--card));max-width:200px;padding:2px 6px;font-size:12px;font-weight:600;top:0;left:0}form.new-event{position:absolute;display:grid;background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);cursor:auto;gap:8px;width:min(340px,100% - 24px);padding:12px;top:12px;left:12px}form.new-event h2{margin:0;font-size:15px}form.new-event input[name=title]{border-style:solid}form.new-event .when{display:flex;flex-wrap:wrap;gap:6px}form.new-event select,form.new-event input[type=time],form.new-event input[type=date]{font:inherit;color:inherit;border:1px solid var(--edge);border-radius:var(--radius-control);background:0 0;padding:4px 6px}form.new-event label{display:flex;cursor:pointer;justify-self:start;align-items: center;gap:6px}form.new-event input[type=checkbox]{margin:0}form.new-event .buttons{display:flex;gap:8px}form.new-event button:first-child{background:var(--accent);border-color:var(--accent);color:var(--card)}dialog.sheet{overflow:auto;box-sizing:border-box;padding:0 16px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--edge);border-radius:var(--radius-panel)var(--radius-panel)0 0;background:var(--card);color:var(--ink);width:100%;max-width:none;max-height:75dvh;margin:auto 0 0}dialog.sheet::backdrop{background:var(--scrim)}dialog.sheet .grab{display:grid;touch-action:none;cursor:grab;place-items: center;height:24px}dialog.sheet .grab:after{content:"";background:var(--edge);border-radius:2px;width:36px;height:4px}dialog.sheet h2{margin:0 0 4px;font-size:18px}dialog.sheet p{color:var(--muted);margin:2px 0}dialog.sheet button{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;padding:8px 12px}dialog.sheet .go{background:var(--accent);border-color:var(--accent);color:var(--card)}dialog.sheet .buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}dialog.sheet ul.here{list-style:none;display:grid;gap:2px;margin:10px 0 0;padding:0}dialog.sheet ul.here button{display:grid;text-align:left;border:0;width:100%;padding:6px 8px;font-weight:600}dialog.sheet ul.here small{color:var(--muted);font-size:12px;font-weight:400}@media (max-width:760px){event-row[mine]{cursor:pointer;touch-action:auto}form.new-event{position:fixed;z-index:40;border-radius:var(--radius-panel)var(--radius-panel)0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));width:auto;inset:auto 0 0}.months[popover]{border-radius:var(--radius-panel)var(--radius-panel)0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));width:auto;bottom:0;right:0;top:auto!important;left:0!important}.months[popover]::backdrop{background:var(--scrim)}.months .choose button{padding:12px 0}.layout.split{--bar:22px;flex-direction:column}section.calendar{height:calc((100% - var(--bar))*var(--calendar));width:auto}.split>.bar{height:var(--bar);cursor:row-resize;border-inline-start:0;border-inline-end:0;border-block:1px solid var(--line);width:auto}.split>.bar:after{width:36px;height:4px}section.calendar{--head:38px}[data-span=week] .scroll{grid-template-columns:34px minmax(0,1fr)}[data-span=week] day-row h3{flex-direction:column;line-height:1.15}[data-span=week] event-row .where{display:none}}