.oct-office{--px:3px;--office-wall:#f6e1f5;--office-wall-shade:#ecd0ea;--office-floor:var(--oct-tile,#fbf6ef);--office-floor-line:var(--oct-tile-line,#f5eee4);--office-skirt:#c9a48a;--office-tag:#1c171399;--office-tag-ink:#fff;border-radius:calc(3 * var(--px));width:100%;image-rendering:pixelated;box-shadow:0 14px 32px -18px var(--oct-composer-shade);flex-direction:column;display:flex;position:relative;overflow:hidden}.oct-office[data-fill]{min-height:100%;box-shadow:none;border-radius:0;flex:1}.oct-office[data-fill] .oct-office-floor{align-content:center}.dark .oct-office{--office-wall:#2a2f55;--office-wall-shade:#252a4e;--office-floor:#3a3550;--office-floor-line:#353049;--office-skirt:#1c1a2e;--office-tag:#ffffffb3;--office-tag-ink:#1c1713}.dark .oct-office svg{filter:brightness(.82)}.oct-office-wall{min-height:calc(22 * var(--px));justify-content:space-around;align-items:center;gap:calc(6 * var(--px));padding:calc(4 * var(--px)) calc(8 * var(--px)) calc(3 * var(--px));background:linear-gradient(var(--office-wall-shade), var(--office-wall-shade)) 0 100% / 100% calc(2 * var(--px)) no-repeat, var(--office-wall);box-shadow:inset 0 calc(-1 * var(--px)) 0 var(--office-skirt);display:flex}.oct-office-floor{place-content:flex-end center;align-items:flex-end;gap:calc(5 * var(--px)) calc(8 * var(--px));padding:calc(7 * var(--px)) calc(6 * var(--px)) calc(8 * var(--px));background:repeating-linear-gradient(90deg, transparent 0 calc(23 * var(--px)), var(--office-floor-line) calc(23 * var(--px)) calc(24 * var(--px))), repeating-linear-gradient(0deg, transparent 0 calc(23 * var(--px)), var(--office-floor-line) calc(23 * var(--px)) calc(24 * var(--px))), var(--office-floor);flex-wrap:wrap;flex:1;gap:48px 60px;display:flex}.oct-office-floor .oct-office-thing{--px:6px;gap:6px}.oct-office-thing:is(:hover,:focus-visible) .oct-office-plate{transform:translateY(-2px)}.oct-office svg{flex:none;display:block}.oct-office-window>[data-time=night],.dark .oct-office-window>[data-time=day]{display:none}.dark .oct-office-window>[data-time=night]{display:block}.oct-office-thing,.oct-office-station{color:inherit;cursor:pointer;background:0 0;border:0;outline:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.oct-office-thing{transition:transform .12s steps(2,end)}.oct-office-thing:hover,.oct-office-thing:focus-visible{transform:translateY(calc(-1 * var(--px)))}.oct-office-thing[data-poked]>:first-child{animation:.45s steps(4,end) 2 oct-office-poke}.oct-office-stack{flex-direction:column;align-items:center;display:flex}.oct-office-thing[data-poked] .oct-office-cat{animation:.45s steps(4,end) 2 oct-office-hop}.oct-office-tip{opacity:0;pointer-events:none;transition:opacity .12s ease-out}.oct-office-thing:is(:hover,:focus-visible)>.oct-office-tip{opacity:1}.oct-office-wall .oct-office-says{top:calc(100% - 2px);bottom:auto}.oct-office-floor .oct-office-thing>.oct-office-says{bottom:calc(100% - 2px)}.oct-office-pop{z-index:5;text-align:left;width:280px;color:var(--background);background:var(--foreground);border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;translate:-50%}.oct-office-pop button{font:400 12px/16px var(--oct-font);text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.oct-office-pop button:hover{background:#ffffff24}.oct-office-pop b{font-weight:600}.oct-office-pop span{opacity:.75;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oct-office-says,.oct-office-notes{z-index:2;font:400 12px/16px var(--oct-font);white-space:nowrap;color:var(--office-tag-ink);background:var(--office-tag);border-radius:6px;padding:3px 7px;position:absolute;bottom:100%;left:50%;translate:-50%}.oct-office-notes{color:var(--oct-text);background:0 0;animation:1.2s steps(4,end) infinite oct-office-float}.oct-office-station{border-radius:calc(2 * var(--px));padding:calc(1 * var(--px)) calc(1 * var(--px)) 0;gap:2px}.oct-office-seat{display:block;position:relative}.oct-office-face{bottom:calc(8 * var(--px));left:calc(1 * var(--px));width:calc(13 * var(--px));height:calc(13 * var(--px));display:block;position:absolute}.oct-office-face>*{width:100%;height:100%;display:block}.dark .oct-office-face svg{filter:none}.oct-office-plate{max-width:calc(44 * var(--px));font:400 12px/16px var(--oct-font);text-overflow:ellipsis;white-space:nowrap;color:var(--office-tag-ink);background:var(--office-tag);border-radius:6px;padding:3px 7px;transition:transform .15s ease-out;overflow:hidden}.oct-office-station:is(:hover,:focus-visible) .oct-office-plate{transform:translateY(-2px)}.oct-office-station:is(:hover,:focus-visible,[data-busy]) .oct-office-person{animation:.36s steps(2,end) infinite oct-office-type}.oct-office-glow{bottom:calc(12 * var(--px));left:calc(19 * var(--px));width:calc(10 * var(--px));height:calc(6 * var(--px));opacity:0;background:#fff;position:absolute}.oct-office-station:is(:hover,[data-busy]) .oct-office-glow{animation:.9s steps(3,end) infinite oct-office-flicker}.oct-office-count{top:calc(-2 * var(--px));min-width:18px;height:18px;font:500 11px/1 var(--oct-font);color:var(--office-tag-ink);background:var(--office-tag);border-radius:999px;place-items:center;padding:0 5px;display:grid;position:absolute;right:0}.oct-office-empty{opacity:.55;transition:opacity .15s ease-out}.oct-office-empty:is(:hover,:focus-visible){opacity:1}html[data-rest] .oct-office *{animation-play-state:paused}@keyframes oct-office-type{50%{transform:translateY(calc(-1 * var(--px)))}}@keyframes oct-office-flicker{50%{opacity:.35}}@keyframes oct-office-poke{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes oct-office-hop{50%{transform:translateY(calc(-3 * var(--px)))}}@keyframes oct-office-float{50%{translate:-50% calc(-2 * var(--px))}}@media (prefers-reduced-motion:reduce){.oct-office *{animation:none!important}}.oct-shelf{--row:248px;grid-template-columns:repeat(auto-fill,168px);grid-auto-rows:var(--row);background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--row) - 20px), #e9b872 calc(var(--row) - 20px) calc(var(--row) - 12px), #c98a4b calc(var(--row) - 12px) calc(var(--row) - 4px), #8f5a34 calc(var(--row) - 4px) var(--row)), var(--oct-tile,#fbf6ef);box-shadow:0 8px 0 0 var(--oct-composer-drop,#efe8db);border:12px solid #c98a4b;border-bottom-width:0;justify-content:start;align-items:end;gap:0 20px;padding:0 24px;display:grid}.dark .oct-shelf{background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--row) - 20px), #e9b872 calc(var(--row) - 20px) calc(var(--row) - 12px), #c98a4b calc(var(--row) - 12px) calc(var(--row) - 4px), #8f5a34 calc(var(--row) - 4px) var(--row)), #2a2f55}.oct-book{text-align:left;color:#17183a;background:linear-gradient(#fff, #fff) 0 0 / 100% 6px no-repeat, linear-gradient(#0000002e, #0000002e) 0 0 / 14px 100% no-repeat, var(--book);cursor:pointer;border:0;flex-direction:column;gap:8px;height:204px;margin-bottom:20px;padding:14px 12px 12px 26px;transition:transform .12s steps(2,end);display:flex;position:relative;box-shadow:4px 0 #00000024}.oct-book:is(:hover,:focus-visible){outline:none;transform:translateY(-8px)}.oct-book-label{background:#fff;flex-direction:column;gap:6px;padding:8px;display:flex}.oct-book-name{font:600 14px/18px var(--oct-font);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oct-book-about{font:500 12px/16px var(--oct-font);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oct-book-foot{font:500 11px/14px var(--oct-font);opacity:.8;margin-top:auto}.oct-book-new{color:var(--oct-text);box-shadow:none;outline-offset:-4px;opacity:.6;background:0 0;outline:4px dashed #c98a4b;justify-content:center;align-items:center;padding:12px}.oct-book-new:is(:hover,:focus-visible){opacity:1;outline:4px dashed #c98a4b}.oct-night{cursor:crosshair;width:100%;image-rendering:pixelated;display:block;position:relative;overflow:hidden}.oct-night>svg{display:block;position:absolute}.oct-night-star{animation:2.4s steps(2,end) infinite oct-night-twinkle}.oct-night-float{animation:140s steps(140,end) infinite oct-night-drift-by}.oct-night-shoot{animation:1.3s steps(18,end) forwards oct-night-shoot}.oct-night-placed{animation:.32s steps(4,end) oct-night-pop}.oct-night-cloud{pointer-events:none;background-repeat:repeat-x;animation:90s steps(96,end) infinite oct-night-drift;position:absolute;left:0;right:0}.oct-night[data-still]{cursor:default}.oct-sky-pair{position:absolute;inset:0;overflow:hidden}.oct-sky-pair>.oct-night{position:absolute;inset:0}.oct-sky-pair>[data-time=night],.dark .oct-sky-pair>[data-time=day]{display:none}.dark .oct-sky-pair>[data-time=night]{display:block}.oct-popup-sky{margin-top:28px;margin-bottom:8px}html[data-rest] .oct-night *{animation-play-state:paused}@keyframes oct-night-twinkle{50%{opacity:.3}}@keyframes oct-night-shoot{0%{transform:translate(0)}80%{opacity:1}to{transform:translate(calc(96 * var(--px)), calc(80 * var(--px)));opacity:0}}@keyframes oct-night-drift-by{50%{transform:translateX(calc(30 * var(--px)))}}@keyframes oct-night-pop{0%{transform:scale(0)}}@keyframes oct-night-drift{to{background-position-x:calc(-96 * var(--px))}}@media (prefers-reduced-motion:reduce){.oct-night *{animation:none!important}}@media (width>=1900px){.oct-office{--px:4px}}@media (width<768px){.oct-office{--px:3px}.oct-office-wall{flex-wrap:wrap;justify-content:center;gap:10px 18px;padding:12px 12px 10px}.oct-office-window{display:none}.oct-office-floor{gap:22px 18px;padding:22px 8px 28px}.oct-office-floor .oct-office-thing{--px:4px}.oct-office[data-fill] .oct-office-floor{align-content:flex-start}.oct-office-plate{max-width:102px;font-size:11px}.oct-office-wall{position:relative}.oct-office-wall>span.oct-office-thing{position:static;transform:none}.oct-office-pop{width:auto;top:calc(100% + 4px);left:12px;right:12px;translate:none}.oct-shelf{--row:216px;border-width:8px 8px 0;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:0 12px;padding:0 10px}.oct-book{height:176px;padding:12px 8px 10px 22px}}