.wk-top{justify-content:flex-end;display:flex}.wk-add{width:100%;position:relative}@media (width>=640px){.wk-add{width:340px}}.wk-add .input{caret-color:var(--accent)}.wk-add .input::placeholder{color:var(--faint)}.wk-pop{z-index:30;inset-inline:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);max-height:336px;box-shadow:var(--shadow-float);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);overflow-y:auto}.wk-opt{cursor:pointer;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:8px 10px;display:grid}.wk-opt[aria-selected=true]{background:var(--bg)}.wk-opt b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.wk-opt small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);grid-column:1;font-size:13px;overflow:hidden}.wk-opt span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/2/span 2;align-self:center;font-size:15px}.wk-none{color:var(--muted);padding:10px 12px}.wk-clockwrap{overflow:hidden}.wk-clockwrap.is-loading{min-height:256px}@media (width>=640px){.wk-clockwrap.is-loading{min-height:96px}}.wk-clocks{margin:0;padding:0;list-style:none;display:grid}.wk-city{border-top:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name time x""off strip x";align-items:center;gap:6px 12px;padding:10px 0 10px 2px;display:grid}.wk-city:first-child{border-top:0}.wk-cname{text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.wk-off{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;grid-area:off;font-size:14px;overflow:hidden}.wk-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;direction:ltr;grid-area:time;justify-self:end;font-size:30px;font-weight:300;font-stretch:125%;line-height:1}.wk-time small{letter-spacing:0;color:var(--muted);margin-inline-start:4px;font-size:14px;font-weight:600;font-stretch:100%}.wk-strip{grid-area:strip;justify-self:end;width:145px;height:10px;display:block}.wk-x{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;grid-area:x;justify-content:center;align-items:center;padding:0;display:inline-flex}.wk-x:hover{background:var(--bg);color:var(--ink)}.wk-x svg{width:16px;height:16px}.wk-empty{color:var(--muted);padding:14px 2px}@media (width>=640px){.wk-clocks{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));margin-inline-start:-1px}.wk-city{border-top:0;border-inline-start:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name x""off off""time time""strip strip";align-items:center;row-gap:4px;padding:6px 10px 12px 16px}.wk-city:first-child{border-inline-start:1px solid var(--line-2)}.wk-cname{font-size:16px}.wk-time{justify-self:start;margin-top:6px;font-size:44px}.wk-strip{justify-self:stretch;width:100%;max-width:217px;height:12px;margin-top:6px}.wk-x{width:32px;height:32px}}.wk-plan{gap:14px;display:grid}.wk-plan-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;padding:2px 2px 0;display:flex}.wk-plan-head h2{font-size:18px;font-weight:700}.wk-readout{font-variant-numeric:tabular-nums;font-size:15px;line-height:1.45}@media (width>=1024px){.wk-plan-head h2{font-size:20px}.wk-readout{font-size:16px}}.wk-scroll{margin-inline:-10px;padding:4px 10px 8px;overflow:auto hidden}.wk-grid{direction:ltr;grid-template-columns:76px repeat(24,30px);grid-auto-rows:32px;gap:2px;width:max-content;display:grid;position:relative}.wk-rail{cursor:pointer;background:0 0;border:0;justify-content:center;align-self:end;align-items:flex-end;height:26px;padding:0 0 6px;display:flex}.wk-tick{background:var(--input);width:1px;height:10px;transition:background-color .15s;display:block}.wk-rail:hover .wk-tick{background:var(--ink)}.wk-rail[aria-pressed=true] .wk-tick{background:var(--accent);border-radius:2px;width:100%;height:6px}.wk-rname{z-index:2;background:var(--panel);white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;padding-right:6px;font-size:13px;font-weight:600;display:flex;position:sticky;left:0;overflow:hidden}.wk-rname span{text-overflow:ellipsis;overflow:hidden}.wk-cell{border:1px solid var(--line-2);background:var(--line-2);color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;font-size:13px;display:flex}.wk-cell.work{border-color:var(--line);background:var(--panel);color:var(--ink)}.wk-cell.day{color:var(--ink);font-size:10px;font-weight:700}.wk-cell sup{vertical-align:4px;margin-inline-start:1px;font-size:9px;line-height:1}.wk-sel{z-index:1;border:2px solid var(--ink);pointer-events:none;border-radius:6px;position:absolute;inset:-4px -3px}@media (width>=1024px){.wk-scroll{margin-inline:0;padding:4px 0;overflow:visible}.wk-grid{grid-template-columns:150px repeat(24,minmax(0,1fr));grid-auto-rows:40px;gap:3px;width:auto}.wk-rname{padding-right:10px;font-size:15px}.wk-cell{border-radius:4px;font-size:14px}.wk-cell.day{font-size:11px}.wk-sel{left:-4px;right:-4px}}.wk-foot{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:14px;display:flex}.wk-foot span{align-items:center;gap:8px;display:inline-flex}.wk-foot i{background:var(--line-2);border-radius:3px;width:14px;height:14px}.wk-foot i.work{border:1px solid var(--line);background:var(--panel)}@media (width>=1024px){.wc .keys{grid-template-columns:minmax(200px,max-content);justify-content:end;margin-top:-6px}}