:root{color-scheme:dark;--line: #1b1f23;--hour: 48px}*{margin:0;padding:0;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}html,body{width:100dvw;height:100dvh;overscroll-behavior-y:contain;background-color:#24292e;overflow:hidden;color:#e1e4e8}body{display:grid;grid-template-columns:430px 1px auto;grid-template-rows:minmax(0,1fr)}.divider{background-color:var(--line)}.divider:after{content:"";display:block;position:relative;z-index:10;width:4px;height:100%;transform:translate(-50%);cursor:ew-resize}.divider:hover:after,.divider[active]:after{transition:background-color .1s ease-out .2s;background-color:#005cc5}.panel{display:grid;grid-template-rows:35px minmax(0,1fr);min-width:0}.panel .header{display:flex;align-items:center;gap:5px;padding:0 10px;background-color:#1f2428}.header .title{user-select:none;font-size:.85rem}button{user-select:none;height:22px;min-width:22px;padding:0 6px;border:none;border-radius:5px;background-color:transparent;color:#c5c5c5;font-size:.8rem}#add,#prev,#next,#code,#download{display:inline-flex;align-items:center;justify-content:center}button:hover{background-color:#5a5d5e4f;cursor:pointer}#back,#download{display:inline-flex;align-items:center;gap:4px;margin-left:5px;border:1px solid #444c56;background-color:#2d333b;color:#e1e4e8}#add,#code{margin-left:auto}#code.on{background-color:#5a5d5e80}#calendar,#source{grid-row:2}#calendar[hidden],#source[hidden]{display:none!important}.header .error{color:#f14c4c;font-size:.7rem}#back[hidden]{display:none}#back:hover{background-color:#39404a;border-color:#586069}#tree{user-select:none;overflow:auto;padding:4px 0;font-size:13px;color:#ccc}#tree:has(.empty){display:grid;place-items:center}#tree .empty{padding:8px 10px;text-align:center;color:#959da5;font-family:system-ui,Ubuntu,Droid Sans,sans-serif;font-size:13px;line-height:18.2px;letter-spacing:.52px;cursor:default;user-select:none}.row{display:flex;align-items:center;gap:5px;min-width:max-content;height:22px;padding-right:8px;white-space:nowrap;cursor:pointer}.row:hover{background-color:#2a2d2e}.row.selected{background-color:#04395e}.row .chevron{display:flex;flex:none;width:16px;height:16px}.row .chevron svg{transform:rotate(90deg)}.row.open .chevron svg{transform:rotate(180deg)}.row.file{padding-left:4px}.row.leaf{position:relative;padding-left:22px}.row.leaf:before{content:"";position:absolute;top:0;bottom:0;left:12px;border-left:1px solid #585858}.row .swatch{flex:none;width:10px;height:10px;border-radius:2px}.row .label{overflow:hidden}.row .count,.row .when,.row .repeat{color:#8c8c8c;font-size:.7rem}.row .remove{flex:none;visibility:hidden;height:18px;min-width:18px;padding:0;color:#ccc;line-height:1}.row:hover .remove{visibility:visible}#calendar,#calendar *{font-family:Google Sans Flex,Helvetica,Arial,sans-serif}#calendar{font-size:12px}#calendar.month{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.names{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line)}.name{user-select:none;padding:4px;text-align:center;text-transform:uppercase;color:#6a737d}.cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;overflow:auto;background-color:var(--line)}.cell{display:flex;flex-direction:column;gap:2px;padding:2px;background-color:#24292e;cursor:pointer}.cell:hover{background-color:#2f363d}.cell.outside{color:#6a737d}.cell.outside .chip{opacity:.5}.cell .number{user-select:none;flex:none;text-align:center}.cell.today .number{color:#79b8ff;font-weight:700}.more{border-radius:6px;padding:2px 6px;color:#6a737d;outline:2px solid transparent;outline-offset:-2px}.more.selected{color:#e1e4e8;outline-color:#e1e4e8}#calendar.day{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.allday,.grid{display:grid;grid-template-columns:50px minmax(0,1fr)}.allday{border-bottom:1px solid var(--line)}.grid{grid-row:2;overflow-y:auto;align-content:start}.hour{user-select:none;height:var(--hour);padding-right:4px;text-align:right;color:#6a737d}.column,.chips{border-left:1px solid var(--line)}.column{position:relative;height:calc(24 * var(--hour));background-image:repeating-linear-gradient(var(--line) 0 1px,transparent 1px var(--hour))}.chips{display:flex;flex-direction:column;gap:2px;min-height:24px;max-height:25vh;padding:2px 2px 2px 12px;overflow-y:auto}.event.selected,.chip.selected{outline:2px solid #e1e4e8;outline-offset:-2px}.event,.chip{border-radius:6px;padding:4px 6px;line-height:1.3;color:#e3e3e3;overflow:hidden;cursor:pointer;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}.event .summary,.chip .summary{font-weight:700}.event .range,.event .location,.chip .range,.chip .location{opacity:.75}.event{position:absolute;margin:1px 0 0 -1px;min-height:20px}.chip{display:flex;flex:none;gap:5px;margin:1px 0 0 -1px;white-space:nowrap}#drop{display:none;position:fixed;inset:0;align-items:center;justify-content:center;background-color:#24292ee6;border:2px dashed #005cc5;pointer-events:none}body[dragging] #drop{display:flex}#editor{margin:auto;width:min(1100px,94vw);height:min(820px,92vh);max-width:none;max-height:none;padding:0;border:1px solid #2b2b2b;border-radius:9px;background-color:#24292c;color:#ccc;font-family:-apple-system,Segoe WPC,Segoe UI,system-ui,Ubuntu,Droid Sans,sans-serif;font-size:13px;box-shadow:0 8px 32px #00000080;overflow:hidden}#editor::backdrop{background-color:#00000080}#edit{display:grid;grid-template-rows:32px minmax(0,1fr) 56px;height:100%}#edit header{display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid #2b2b2b;background-color:#1f2428}#edit .heading{flex:1;font-size:15px;font-weight:600}#edit .body{display:grid;grid-template-rows:minmax(0,1fr) 1px minmax(0,1fr);overflow:hidden;padding:1px 0}#edit .split{background-color:#2b2b2b}#ics{height:100%}#fields{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;align-content:start;gap:8px 16px;padding:16px;overflow:auto}#fields label{display:contents}#fields input,#fields select{height:26px;padding:4px 6px;border:1px solid var(--line);border-radius:4px;background-color:#2f363d;color:#e1e4e8;font-family:system-ui,Ubuntu,Droid Sans,sans-serif;font-size:13px;line-height:18.2px;text-overflow:ellipsis}#fields input:focus,#fields select:focus{outline:1px solid #005cc5;outline-offset:-1px}#fields input:disabled{opacity:.4}#fields input[type=checkbox]{justify-self:start;height:16px;accent-color:#0078d4}#fields input[type=number]{width:64px}#fields .skips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}#add-skip,#fields .skip{height:26px;border-radius:4px;background-color:#2f363d;color:#e1e4e8;font-family:system-ui,Ubuntu,Droid Sans,sans-serif;font-size:13px}#edit footer{display:flex;align-items:center;gap:8px;padding:0 16px;border-top:1px solid #2b2b2b;background-color:#1f2428}#edit .error{flex:1;color:#f14c4c;font-size:12px}#edit footer button{height:26px;min-width:72px;padding:2px 14px;border:none;border-radius:4px;background-color:#282e34;color:#ccc;font-family:inherit;font-size:13px}#edit footer button:hover{background-color:#323a41}#edit footer .primary{background-color:#0078d4;color:#fff}#edit footer .primary:hover{background-color:#026ec1}#edit footer button:focus-visible{outline:1px solid #0078d4;outline-offset:2px}#edit header .icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;padding:0;border-radius:5px;color:#ccc}
