body:has(.ofc-root){--ofc-face:#c0c0c0;--ofc-light:#dfdfdf;--ofc-shadow:#808080;--ofc-dark:#0a0a0a;--ofc-brand:#c94c32;--ofc-brand-dark:#8e2f1b;--ofc-taskbar-h:40px;--ofc-bottom:calc(var(--ofc-taskbar-h) + env(safe-area-inset-bottom, 0px));min-height:100dvh;padding-bottom:var(--ofc-bottom);overflow-x:hidden;color:#000;background:#0f6f73 linear-gradient(180deg,#0b3b4a,#0f6f73 55%,#1c8c86) fixed;font-family:var(--font-plex-sans-thai),var(--font-noto-myanmar),"Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:15px}.ofc-main{display:block;min-height:calc(100dvh - var(--ofc-bottom))}html[lang=my] .ofc-root{line-height:1.75}html[lang=my] .ofc-btn,html[lang=my] .ofc-label,html[lang=my] .ofc-start-item,html[lang=my] .ofc-task,html[lang=my] .ofc-titlebar{line-height:1.9}.ofc-px{font-family:var(--font-pixel),var(--font-plex-sans-thai),var(--font-noto-myanmar),monospace;letter-spacing:.02em}.ofc-book-no,.ofc-book-toolbar>.ofc-px,.ofc-chapter-no,.ofc-num,.ofc-shelf-label>.ofc-px,.ofc-step-no{font-family:var(--font-plex-mono),monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0}.ofc-window{background:var(--ofc-face);padding:3px;box-shadow:inset -1px -1px var(--ofc-dark),inset 1px 1px #fff,inset -2px -2px var(--ofc-shadow),inset 2px 2px var(--ofc-light),4px 6px 0 rgba(0,0,0,.28)}.ofc-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;padding:2px 3px 2px 6px;color:#fff;font-weight:700;font-size:14px;background:linear-gradient(90deg,var(--ofc-brand-dark),var(--ofc-brand) 55%,#e0856f)}.ofc-titlebtn{flex:none;display:grid;place-items:center;width:20px;height:18px;color:#000;font-weight:700;line-height:1;background:var(--ofc-face);box-shadow:inset -1px -1px var(--ofc-dark),inset 1px 1px #fff,inset -2px -2px var(--ofc-shadow),inset 2px 2px var(--ofc-light)}.ofc-window-body{padding:12px}.ofc-titlebtns{display:flex;flex:none;gap:2px}.ofc-titlebar[data-maximizable]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ofc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:4px 14px;font-size:14px;font-weight:600;color:#000;background:var(--ofc-face);box-shadow:inset -1px -1px var(--ofc-dark),inset 1px 1px #fff,inset -2px -2px var(--ofc-shadow),inset 2px 2px var(--ofc-light);cursor:pointer}.ofc-btn-primary{color:#fff;background:var(--ofc-brand);box-shadow:inset -1px -1px #3d130a,inset 1px 1px #f3b3a3,inset -2px -2px var(--ofc-brand-dark),inset 2px 2px #e0856f}.ofc-btn:active,.ofc-pressed,.ofc-titlebtn:active{box-shadow:inset -1px -1px #fff,inset 1px 1px var(--ofc-dark),inset -2px -2px var(--ofc-light),inset 2px 2px var(--ofc-shadow);padding-top:5px;padding-left:15px}.ofc-btn-primary:active{box-shadow:inset -1px -1px #f3b3a3,inset 1px 1px #3d130a,inset -2px -2px #e0856f,inset 2px 2px var(--ofc-brand-dark)}.ofc-root :focus-visible{outline:1px dotted #000;outline-offset:-5px}.ofc-titlebar :focus-visible{outline-offset:-3px}.ofc-taskbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;align-items:center;gap:6px;height:var(--ofc-bottom);padding:3px 4px env(safe-area-inset-bottom);background:var(--ofc-face);box-shadow:inset 0 1px var(--ofc-light),inset 0 2px #fff}.ofc-start{min-height:32px;padding:2px 10px 2px 6px;font-size:16px}.ofc-start-label{font-weight:700;line-height:1.3}html[lang=my] .ofc-start-label{font-size:15px;line-height:1.9}.ofc-desktop-icon-img,.ofc-start-logo{display:grid;place-items:center;width:20px;height:20px;color:#fff;font-weight:800;font-size:13px;background:var(--ofc-brand);box-shadow:inset -2px -2px var(--ofc-brand-dark),inset 2px 2px #e0856f}.ofc-start-menu{position:fixed;left:2px;bottom:calc(var(--ofc-bottom) - 2px);z-index:121;display:flex;width:min(320px,calc(100vw - 4px));max-height:calc(100dvh - var(--ofc-bottom) - 8px);overflow-y:auto}.ofc-start-menu[hidden]{display:none}.ofc-start-footer{margin:4px 6px 6px;padding:8px 6px 2px;font-size:12px;line-height:1.5;color:#333;border-top:1px solid var(--ofc-shadow);box-shadow:inset 0 -1px 0 #fff}.ofc-start-band{flex:none;width:30px;padding:8px 0;writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-size:20px;font-weight:700;background:linear-gradient(0deg,var(--ofc-brand),var(--ofc-brand-dark))}.ofc-start-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 10px;font-size:15px}a.ofc-start-item:focus-visible,a.ofc-start-item:hover,button.ofc-start-item:focus-visible,button.ofc-start-item:hover{color:#fff;background:var(--ofc-brand-dark)}a.ofc-start-item[aria-current=page]{font-weight:700}li.ofc-start-app{margin-top:4px;padding-top:4px;border-top:1px solid var(--ofc-shadow);box-shadow:inset 0 1px #fff}.ofc-start-item-app{min-height:44px}.ofc-start-item-locked{width:100%;text-align:left;color:#5a5a5a;cursor:pointer}.ofc-start-item.ofc-start-item-locked:focus-visible,.ofc-start-item.ofc-start-item-locked:hover{color:#fff;background:#6a6a6a}.ofc-swatch{flex:none;width:18px;height:18px;box-shadow:inset -1px -1px var(--ofc-dark),inset 1px 1px #fff}.ofc-task{max-width:220px;padding:0 10px;font-size:14px;font-weight:600;background:repeating-conic-gradient(#fff 0 25%,var(--ofc-face) 0 50%) 0 0 /2px 2px}.ofc-task,.ofc-tray{display:flex;align-items:center;height:32px}.ofc-tray{gap:8px;margin-left:auto;padding:0 8px;font-size:15px;box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff}.ofc-overview{min-height:100%}.ofc-demo-note{padding:4px 10px;font-size:13px;line-height:1.6;background:#ffffe1;border:1px solid #000}.ofc-stage{position:fixed;inset:0 0 var(--ofc-bottom) 0;z-index:0;overflow:hidden}.ofc-canvas{position:absolute!important;inset:0}.ofc-scene{position:absolute;inset:0;opacity:0}.ofc-scene[data-ready=true]{opacity:1}.ofc-iso-bg{position:absolute;left:0;top:0;width:100%;transform-origin:0 0}.ofc-iso-bg[data-fading]{opacity:0;transition:opacity .15s ease-out}.ofc-center-overlay{position:absolute;inset:0;z-index:60;display:grid;place-items:center;pointer-events:none}.ofc-progress{height:22px;padding:3px;background:#fff;box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff,inset 2px 2px var(--ofc-dark)}.ofc-progress>span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--ofc-brand) 0 12px,transparent 12px 15px);animation:ofc-progress 1.6s steps(10) infinite}@keyframes ofc-progress{0%{width:0}to{width:100%}}.ofc-skip-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);color:#fff;font-size:15px;text-shadow:1px 1px 0 #000;pointer-events:none}.ofc-hero{position:fixed;left:24px;bottom:calc(var(--ofc-bottom) + 24px);z-index:50;width:min(460px,calc(100vw - 48px));max-height:calc(100dvh - var(--ofc-bottom) - 32px);overflow-y:auto}.ofc-desktop-icon[data-shown=false],.ofc-hero[data-shown=false]{visibility:hidden}.ofc-hero[data-shown=true]{animation:ofc-pop .2s steps(4)}@keyframes ofc-pop{0%{transform:scale(.6);opacity:.3}to{transform:none;opacity:1}}.ofc-desktop-icon{position:fixed;left:16px;top:16px;z-index:50;display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:4px;color:#fff;font-size:13px;text-shadow:1px 1px 0 #000}.ofc-desktop-icon-img{width:36px;height:36px;font-size:20px}.ofc-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:3px 8px;font-size:13px;font-weight:700;color:#000;background:#ffffe1;border:1px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.35);cursor:pointer}.ofc-label:hover{color:#fff;background:var(--ofc-brand)}.ofc-label-locked{color:#444;background:#d4d0c8}.ofc-room-cards{position:fixed;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.ofc-room-cards:focus-within{z-index:60;top:12px;right:12px;width:min(380px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - var(--ofc-bottom) - 24px);overflow-y:auto;-webkit-clip-path:none;clip-path:none;white-space:normal;padding:10px;background:rgba(11,59,74,.92)}.ofc-room-grid-title{margin-bottom:8px;font-size:18px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000}.ofc-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px 4px;gap:8px 4px}.ofc-room-icon{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:6px 2px;text-align:center;color:#fff}.ofc-room-icon-art{width:48px;height:48px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.35))}.ofc-room-icon-name{padding:1px 4px;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;text-shadow:1px 1px 0 #000}html[lang=my] .ofc-room-icon-name{line-height:1.8}.ofc-room-icon[data-locked] .ofc-room-icon-name{color:#d4d0c8}.ofc-root .ofc-room-icon:focus-visible{outline:none}.ofc-room-icon:active .ofc-room-icon-name,.ofc-room-icon:focus-visible .ofc-room-icon-name{color:#fff;background:#0a246a;outline:1px dotted #fff;text-shadow:none}.ofc-room-icon:active .ofc-room-icon-art{opacity:.7}.ofc-only-phone{display:none}@media (max-width:640px){.ofc-only-phone{display:revert}.ofc-no-phone{display:none}}.ofc-today,.ofc-today-restore{position:fixed;z-index:50;right:20px;bottom:calc(var(--ofc-bottom) + 20px)}.ofc-today{width:300px}.ofc-today-restore[data-shown=false],.ofc-today[data-shown=false]{visibility:hidden}.ofc-today[data-shown=true]{animation:ofc-pop .2s steps(4)}.ofc-today .ofc-titlebar h2{font-size:inherit;font-weight:inherit}.ofc-today-body{padding:8px 10px 10px}.ofc-today-note{margin-bottom:4px;font-size:12px;color:#333}.ofc-today-stats{display:grid;grid-gap:3px;gap:3px}.ofc-today-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "room value";grid-column-gap:8px;column-gap:8px;min-height:36px;padding:3px 8px;color:#000;background:#fff;box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff}.ofc-today-stat:focus-visible,.ofc-today-stat:hover{background:#ffffe1}.ofc-today-label{grid-area:label;font-size:13px;font-weight:600;line-height:1.4}.ofc-today-room{grid-area:room;font-size:11px;line-height:1.4;color:#555}.ofc-today-value{grid-area:value;align-self:center;font-size:16px;font-weight:600;color:var(--ofc-brand-dark)}.ofc-today-restore{gap:8px;font-size:13px}.ofc-today-restore-mark{width:12px;height:12px;background:var(--ofc-brand);box-shadow:inset -2px -2px var(--ofc-brand-dark)}@media (max-width:1024px){.ofc-today-stat{min-height:44px}}@media (max-width:1280px){.ofc-today-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ofc-today-stats>li:last-child{grid-column:1/-1}.ofc-today-stat{grid-template-columns:minmax(0,1fr);grid-template-areas:"value" "label"}.ofc-today-room{display:none}}@media (min-width:641px) and (max-width:815px){.ofc-today,.ofc-today-restore{top:16px;bottom:auto}}@media (max-width:640px){.ofc-today,.ofc-today-restore{position:relative;top:auto;right:auto;bottom:auto;width:auto;margin:0 12px 12px}.ofc-today-restore{display:flex}.ofc-today-note{display:none}}.ofc-wallpaper{display:none}@media (max-width:640px){.ofc-wallpaper{display:block;position:fixed;z-index:-1;inset:0 0 var(--ofc-bottom) 0;pointer-events:none}.ofc-wallpaper svg{position:absolute;inset:0;display:block;width:100%;height:100%}.ofc-wallpaper .ofc-wp-day{opacity:0;transition:opacity 1.5s ease}.ofc-wallpaper[data-daypart=day] .ofc-wp-day,html:has(meta[name=ofc-desk][content~=day]) .ofc-wallpaper:not([data-daypart]) .ofc-wp-day{opacity:1}.ofc-wallpaper[data-bg=plain],html:has(meta[name=ofc-desk][content~=plain]) .ofc-wallpaper:not([data-bg]){background:#008080}html:has(meta[name=ofc-desk][content~=plain]) .ofc-wallpaper:not([data-bg]) svg{display:none}.ofc-desk-hello{padding:12px 14px 8px;color:#fff;text-shadow:1px 1px 0 #000}.ofc-desk-hello h1{font-size:19px;font-weight:700;line-height:1.3}.ofc-desk-hello p{font-size:12.5px;line-height:1.5;opacity:.92}.ofc-hero:not([data-phone-open]){display:none}.ofc-hero[data-phone-open]{position:fixed;z-index:60;top:calc(12px + env(safe-area-inset-top, 0px));left:12px;right:12px;margin:0}.ofc-desk-exe{display:grid;place-items:center;width:40px;height:40px;margin:4px;font-size:24px;font-weight:800;color:#fff;background:var(--ofc-brand);box-shadow:inset -3px -3px var(--ofc-brand-dark),inset 3px 3px #e0856f}.ofc-today{margin:0 10px 8px}.ofc-today-body{padding:4px}.ofc-today-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ofc-today-stats>li:last-child{grid-column:span 2}.ofc-today-stat{min-height:0;padding:3px 6px}.ofc-today-value{font-size:15px}.ofc-today-label{font-size:11px;font-weight:400;line-height:1.35}.ofc-overview .ofc-room-cards,.ofc-overview .ofc-room-cards:focus-within{padding:0 6px 8px}.ofc-room-grid-title{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.ofc-room-grid{row-gap:2px}.ofc-room-icon{padding:4px 2px;gap:2px}.ofc-room-icon-art{width:44px;height:44px}.ofc-room-icon-name{font-size:12.5px;text-shadow:1px 1px 0 #000,0 0 2px #000,0 0 5px rgba(0,0,0,.8)}.ofc-tray{gap:4px;padding:0 4px}.ofc-tray-status{min-width:0;font-size:12px;font-weight:600;white-space:nowrap}.ofc-tray-day,.ofc-tray-night,.ofc-tray-status{display:inline-flex;align-items:center;gap:4px}.ofc-tray-day,.ofc-tray-status[data-daypart=day] .ofc-tray-night,html:has(meta[name=ofc-desk][content~=day]) .ofc-tray-status:not([data-daypart]) .ofc-tray-night{display:none}.ofc-tray-status[data-daypart=day] .ofc-tray-day,html:has(meta[name=ofc-desk][content~=day]) .ofc-tray-status:not([data-daypart]) .ofc-tray-day{display:inline-flex}.ofc-tray-glyph{font-size:14px;line-height:1;color:#1d2a6b}.ofc-tray-day .ofc-tray-glyph{color:#a35200}.ofc-bg-toggle{position:relative;display:grid;flex:none;place-items:center;width:26px;height:30px}.ofc-bg-toggle:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.ofc-bg-toggle-screen{fill:#3a7ac0}.ofc-bg-toggle-hill{fill:#2f7d3a}.ofc-bg-toggle-sun{fill:#ffd23f}.ofc-bg-toggle[aria-pressed=true],html:has(meta[name=ofc-desk][content~=plain]) .ofc-bg-toggle:not([aria-pressed]){box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff;background:repeating-conic-gradient(#fff 0 25%,var(--ofc-face) 0 50%) 0 0 /2px 2px}.ofc-bg-toggle[aria-pressed=true] :is(.ofc-bg-toggle-screen,.ofc-bg-toggle-hill,.ofc-bg-toggle-sun),html:has(meta[name=ofc-desk][content~=plain]) .ofc-bg-toggle:not([aria-pressed]) :is(.ofc-bg-toggle-screen,.ofc-bg-toggle-hill,.ofc-bg-toggle-sun){fill:#008080}.ofc-bg-toggle:focus-visible{outline:1px dotted #000;outline-offset:-3px}.ofc-tray-sample{font-weight:400;color:#444}html[lang=my] .ofc-desk-hello p,html[lang=my] .ofc-room-icon-name{line-height:1.55}html[lang=my] .ofc-today-label{line-height:1.5}li.ofc-start-lang{display:flex;align-items:center;gap:8px;padding:4px 10px}.ofc-start-lang-label{flex:1 1;font-size:15px}}.ofc-room-window{position:fixed;z-index:40;top:16px;right:24px;bottom:calc(var(--ofc-bottom) + 16px);display:flex;width:min(920px,calc(100vw - 380px));outline:none}.ofc-room-frame{display:flex;flex-direction:column;width:100%;min-height:0}.ofc-room-body{container:room/inline-size;flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 24px}@media (min-width:641px) and (max-width:1023px){.ofc-room-window{top:clamp(150px,26dvh,260px);left:12px;right:12px;width:auto}}.ofc-content-window[data-zooming],.ofc-room-window[data-zooming]{opacity:0}@media (min-width:641px){.ofc-room-window[data-maximized]{top:12px;right:12px;bottom:calc(var(--ofc-bottom) + 12px);left:12px;width:auto}.ofc-content-window[data-maximized]>.ofc-window,.ofc-room-window[data-maximized]>.ofc-window{box-shadow:inset -1px -1px var(--ofc-dark),inset 1px 1px #fff,inset -2px -2px var(--ofc-shadow),inset 2px 2px var(--ofc-light),6px 10px 0 rgba(0,0,0,.3),0 18px 48px rgba(0,0,0,.45)}.ofc-room-window[data-maximized]:before{content:"";position:fixed;inset:0 0 var(--ofc-bottom) 0;z-index:-1;background:rgba(0,20,24,.35);pointer-events:none}.ofc-content-window[data-maximized]{top:12px;right:12px;bottom:calc(var(--ofc-bottom) + 12px);left:12px;width:auto;max-height:none;transform:none}.ofc-content-window[data-maximized]>.ofc-window{height:100%}}@media (max-width:640px){.ofc-titlebtn-max{display:none}}.ofc-room-backdrop{display:none}@media (max-width:640px){.ofc-main{position:relative}.ofc-room-window{z-index:100;top:calc(10px + env(safe-area-inset-top, 0px));right:8px;bottom:calc(var(--ofc-bottom) + 10px);left:8px;width:auto}.ofc-room-body{padding:12px 10px 20px}.ofc-room-backdrop{display:block;position:fixed;inset:0 0 var(--ofc-bottom) 0;z-index:99;background:rgba(0,20,24,.55)}html:has(.ofc-room-window[data-modal]){overflow:hidden}}.ofc-room-layout{display:grid;grid-gap:16px;gap:16px;align-items:start;grid-template-columns:minmax(0,1fr)}.ofc-room-content,.ofc-room-intro{min-width:0}@container room (min-width: 820px){.ofc-room-layout{grid-template-columns:minmax(0,1fr) auto}.ofc-room-intro{grid-row:1}.ofc-room-layout>.ofc-floormap{display:grid;grid-template-columns:200px 340px;grid-column-gap:10px;column-gap:10px;align-items:center;grid-column:2;grid-row:1}html[lang=my] .ofc-room-layout>.ofc-floormap{grid-template-columns:190px 360px}.ofc-room-content{grid-column:1/-1;grid-row:2}}.ofc-room-title{font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700;line-height:1.2}.ofc-floormap{container:floormap/inline-size;padding:6px;background:#0f6f73;box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff,inset 2px 2px var(--ofc-dark)}.ofc-floormap svg{will-change:transform}.ofc-floormap-caption{margin-top:2px;font-size:12px;text-align:center;color:#fff}.ofc-pin{display:inline-flex;align-items:center;gap:4px;padding:1px;font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap;color:#000;background:#ffffe1;border:1px solid #000;box-shadow:1px 1px 0 rgba(0,0,0,.4)}.ofc-pin-no{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 2px;font-size:11px;line-height:1;color:#fff;background:#000}.ofc-pin .ofc-pin-badge,.ofc-pin .ofc-pin-name{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}a.ofc-pin:focus-visible,a.ofc-pin:hover{background:#fff;box-shadow:inset 1px 1px 0 #808080;transform:translate(1px,1px);text-decoration:underline}.ofc-pin-locked{color:#444;background:#d4d0c8}.ofc-pin-locked .ofc-pin-no{background:#666}.ofc-pin-here{color:#fff;background:var(--ofc-brand);outline:2px solid #fff}.ofc-pin-here .ofc-pin-no{color:var(--ofc-brand-dark);background:#fff;animation:ofc-blink 1s steps(2) infinite}@keyframes ofc-blink{50%{background:#ffe28a}}.ofc-pin-badge{padding:0 4px;font-size:10px;font-weight:600;color:#fff;background:#444}.ofc-floormap-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:2px 8px;gap:2px 8px;margin-top:6px;font-size:12px}html[lang=my] .ofc-floormap-legend{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ofc-floormap-legend .ofc-pin-badge{flex:none;white-space:nowrap}.ofc-floormap-key{display:none}.ofc-floormap-legend li>*{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 3px;color:#fff}.ofc-floormap-legend a:hover{text-decoration:underline;background:rgba(255,255,255,.18)}.ofc-floormap-legend .ofc-pin-no{flex:none;color:#000;background:#ffffe1}.ofc-floormap-legend li[data-here]>*{background:var(--ofc-brand)}.ofc-floormap-legend li[data-locked]>*{color:#d4dcdc}@container floormap (min-width: 440px){html:not([lang=my]) .ofc-pin{padding-right:5px}html:not([lang=my]) .ofc-pin .ofc-pin-badge,html:not([lang=my]) .ofc-pin .ofc-pin-name{position:static;width:auto;height:auto;overflow:visible;-webkit-clip-path:none;clip-path:none}html:not([lang=my]) .ofc-floormap-legend{display:none}}@container floormap (min-width: 760px){html[lang=my] .ofc-pin{padding-right:5px}html[lang=my] .ofc-pin .ofc-pin-badge,html[lang=my] .ofc-pin .ofc-pin-name{position:static;width:auto;height:auto;overflow:visible;-webkit-clip-path:none;clip-path:none}html[lang=my] .ofc-floormap-legend{display:none}}@container room (min-width: 820px){.ofc-room-layout>.ofc-floormap .ofc-pin{padding-right:1px}.ofc-room-layout>.ofc-floormap .ofc-pin .ofc-pin-no{min-width:15px;height:15px}.ofc-room-layout>.ofc-floormap .ofc-pin .ofc-pin-badge,.ofc-room-layout>.ofc-floormap .ofc-pin .ofc-pin-name{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.ofc-room-layout>.ofc-floormap .ofc-floormap-legend{display:grid;grid-template-columns:1fr 1fr;grid-column:2;grid-row:1/span 2;margin-top:0}.ofc-room-layout>.ofc-floormap .ofc-floormap-legend li>*{flex-wrap:nowrap}.ofc-key-mark,.ofc-room-layout>.ofc-floormap .ofc-floormap-legend .ofc-pin-badge{flex:none;width:9px;height:9px;padding:0;overflow:hidden;font-size:0;background:#444;box-shadow:0 0 0 1px #d4dcdc}.ofc-key-mark[data-here],.ofc-room-layout>.ofc-floormap .ofc-floormap-legend li[data-here] .ofc-pin-badge{background:#fff;box-shadow:none;animation:ofc-blink 1s steps(2) infinite}.ofc-room-layout>.ofc-floormap .ofc-floormap-key{display:flex;flex-wrap:wrap;gap:2px 14px;grid-column:2;padding:2px 3px 0;font-size:11px;color:#fff}.ofc-floormap-key>span{display:inline-flex;align-items:center;gap:6px}}.ofc-bookcase{display:grid;grid-gap:14px;gap:14px;padding:10px 10px 12px;background:#5a3418;box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff,inset 3px 3px rgba(0,0,0,.35)}.ofc-shelf{padding:8px 8px 0;background:#f4ead6;box-shadow:inset 2px 2px rgba(0,0,0,.25)}.ofc-shelf-label{display:inline-flex;align-items:baseline;gap:8px;margin-left:4px;padding:1px 8px;font-size:13px;font-weight:700;background:#fffdf0;border:1px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.25)}.ofc-shelf-label .ofc-px{font-size:11px;color:var(--ofc-brand-dark)}.ofc-shelf-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px;background:linear-gradient(0deg,#6b3f1f 0 10px,#8a5a33 10px 12px,transparent 12px) bottom /100% 12px no-repeat}@media (min-width:641px){.ofc-shelf-books{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:760px){.ofc-shelf-books{grid-template-columns:repeat(5,minmax(0,1fr))}}.ofc-shelf-books>li{display:flex;padding:10px 6px 12px;background:linear-gradient(0deg,#6b3f1f 0 10px,#8a5a33 10px 12px,transparent 12px)}.ofc-book{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:8px 8px 10px 16px;color:#fff;cursor:pointer;box-shadow:inset 7px 0 rgba(0,0,0,.28),inset 8px 0 rgba(255,255,255,.25),inset -2px -2px rgba(0,0,0,.35),inset 2px 2px rgba(255,255,255,.3),3px 0 0 rgba(0,0,0,.25);transition:transform .12s steps(2)}.ofc-book:focus-visible,.ofc-book:hover{transform:translateY(-6px)}.ofc-book-no{padding:0 4px;font-size:12px;color:#000;background:#fff}.ofc-book-label{display:block;flex:1 1;width:100%;padding:6px 8px 8px;color:#000;background:#fffdf0;box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff}.ofc-book-title{display:block;font-size:14px;font-weight:700;line-height:1.35}.ofc-book-summary{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:#333}html[lang=my] .ofc-book-title{line-height:1.75}html[lang=my] .ofc-book-summary{line-height:1.85}@media (max-width:640px){.ofc-bookcase{gap:10px;padding:6px}.ofc-shelf{padding:6px 6px 0}.ofc-shelf-books{grid-template-columns:minmax(0,1fr);gap:3px;margin-top:8px;padding-bottom:12px}.ofc-shelf-books>li{padding:0;background:none}.ofc-shelf-books>li:nth-child(2n){padding-right:10px}.ofc-shelf-books>li:nth-child(3n){padding-left:6px}.ofc-book{flex-direction:row;align-items:center;gap:8px;padding:5px 8px 5px 12px;box-shadow:inset 6px 0 rgba(0,0,0,.28),inset -6px 0 rgba(0,0,0,.28),inset 0 2px rgba(255,255,255,.3),inset 0 -2px rgba(0,0,0,.35)}.ofc-book:focus-visible,.ofc-book:hover{transform:translateX(6px)}.ofc-book-no{flex:none}.ofc-book-label{padding:4px 8px 5px}}@media (min-width:760px){.ofc-shelf-books>li{padding-inline:3px}.ofc-book{padding-left:12px;padding-right:6px}.ofc-book-label{padding-inline:6px}}.ofc-locale-btn{min-height:28px;padding:0 6px;font-size:13px;font-weight:600}.ofc-locale-btn.ofc-pressed{padding:1px 5px 0 7px}.ofc-clock{min-width:3.4em;text-align:center}.ofc-backdrop{position:fixed;inset:0 0 var(--ofc-bottom) 0;z-index:110;background:rgba(0,20,24,.35)}.ofc-content-window{position:fixed;z-index:111;left:50%;top:50%;transform:translate(-50%,calc(-50% - var(--ofc-bottom) / 2));display:flex;flex-direction:column;width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - var(--ofc-bottom) - 32px)}.ofc-content-window-narrow{width:min(480px,calc(100vw - 32px))}.ofc-content-window-medium{width:min(660px,calc(100vw - 32px))}.ofc-content-window-full{width:min(1320px,calc(100vw - 32px))}.ofc-backdrop.ofc-stacked{z-index:120}.ofc-content-window.ofc-stacked{z-index:121}.ofc-content-window>.ofc-window{display:flex;flex-direction:column;min-height:0}.ofc-content-body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px 0 0}.ofc-content-body:focus-visible{outline:2px dotted #000;outline-offset:-4px}.ofc-document{min-height:100%;padding:16px 18px 24px;background:#fff;box-shadow:inset 1px 1px var(--ofc-shadow),inset -1px -1px #fff,inset 2px 2px var(--ofc-dark)}.ofc-doc-heading{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:16px;font-weight:700;line-height:1.4;color:#fff;background:var(--ofc-brand-dark)}.ofc-chapter-no{flex:none;display:grid;place-items:center;min-width:22px;height:22px;font-size:13px;color:#000;background:#fff}.ofc-step-no{flex:none;display:grid;place-items:center;width:30px;height:26px;font-size:14px;color:#fff;background:var(--ofc-brand)}.ofc-book-toolbar{position:-webkit-sticky;position:sticky;top:-3px;left:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:4px 8px;font-size:13px;background:var(--ofc-face);box-shadow:inset 0 -1px var(--ofc-shadow),0 1px #fff}.ofc-book-toolbar>.ofc-px{font-size:12px;color:var(--ofc-brand-dark)}.ofc-book-page{font-size:15px}.ofc-book-lead{padding-bottom:12px;font-size:15px;line-height:1.8;border-bottom:1px dashed var(--ofc-shadow)}.ofc-book-section{margin-top:24px}.ofc-steps{display:grid;grid-gap:22px;gap:22px;margin-top:14px;list-style:none}.ofc-step{display:grid;grid-template-columns:30px minmax(0,1fr);grid-gap:12px;gap:12px}.ofc-step-title{font-size:16px;font-weight:700;line-height:1.5}.ofc-step-body{margin-top:4px;font-size:15px;line-height:1.75;color:#222}.ofc-step-body>p+p{margin-top:8px}html[lang=my] .ofc-book-lead,html[lang=my] .ofc-step-body{line-height:2.05}html[lang=my] .ofc-callout-title,html[lang=my] .ofc-doc-heading,html[lang=my] .ofc-step-title{line-height:1.85}.ofc-shot{position:relative;display:block;width:min(100%,440px);margin-top:10px;padding:0;cursor:zoom-in;border:2px solid #000;box-shadow:3px 3px 0 rgba(0,0,0,.25)}.ofc-shot img{display:block;width:100%;height:auto}.ofc-shot-hint{position:absolute;right:6px;bottom:6px;padding:1px 8px;font-size:12px;font-weight:700;color:#000;background:#ffffe1;border:1px solid #000}.ofc-shot:focus-visible .ofc-shot-hint,.ofc-shot:hover .ofc-shot-hint{color:#fff;background:var(--ofc-brand)}.ofc-callouts{display:grid;grid-gap:10px;gap:10px;margin-top:14px;list-style:none}.ofc-callout{display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:10px;gap:10px;padding:10px 12px;background:#ffffe1;border:1px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.2)}.ofc-callout-icon{display:grid;place-items:end center;width:26px;height:23px;padding-bottom:1px;font-weight:900;font-size:14px;line-height:1;color:#000;background:#f5c400;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.ofc-callout-title{font-size:15px;font-weight:700;line-height:1.5}.ofc-content-window-full .ofc-content-body{overflow:auto;background:var(--ofc-shadow);container-type:inline-size}.ofc-shot-viewer{display:flex;flex-direction:column;min-height:100%}.ofc-shot-viewer .ofc-book-toolbar{justify-content:flex-start;width:100cqw}.ofc-shot-viewer[data-actual=true]{width:max-content;min-width:100%}.ofc-shot-viewer .ofc-btn{min-height:30px;padding:2px 12px;font-size:13px}.ofc-shot-viewer img{flex:none;align-self:center;max-width:calc(100% - 16px);max-height:calc(100dvh - var(--ofc-bottom) - 124px);margin:auto 8px;outline:1px solid #000}.ofc-shot-viewer[data-actual=true] img{align-self:flex-start;max-width:none;max-height:none;margin:0}.ofc-zoomrect{position:fixed;z-index:200;pointer-events:none;border:2px dotted #000;outline:1px dotted #fff}@media (max-width:640px){.ofc-stage{display:none}.ofc-hero.ofc-window,.ofc-room-frame.ofc-window{box-shadow:inset -1px -1px var(--ofc-dark),inset 1px 1px #fff,inset -2px -2px var(--ofc-shadow),inset 2px 2px var(--ofc-light),4px 6px 0 rgba(0,0,0,.28),0 10px 28px rgba(0,0,0,.45)}.ofc-hero{bottom:auto;width:auto}.ofc-desktop-icon,.ofc-hero{position:relative;left:auto;margin:12px}.ofc-desktop-icon{top:auto}.ofc-hero{max-height:none;overflow:visible}.ofc-room-cards,.ofc-room-cards:focus-within{position:static;width:auto;height:auto;max-height:none;overflow:visible;-webkit-clip-path:none;clip-path:none;white-space:normal;padding:4px 8px 24px;background:none}.ofc-room-intro{display:flex;flex-direction:column;align-items:flex-start}.ofc-room-back{order:-1;margin:0 0 10px}.ofc-room-layout>.ofc-floormap{display:none}.ofc-label{font-size:12px;padding:2px 5px}.ofc-content-window{inset:0 0 var(--ofc-bottom) 0;left:0;top:0;transform:none;width:auto;max-height:none}.ofc-content-window>.ofc-window{height:100%}.ofc-task{display:none}}@media (prefers-reduced-motion:reduce){.ofc-content-window,.ofc-hero[data-shown=true]{animation:ofc-fade .2s ease-out both}.ofc-book,.ofc-wallpaper .ofc-wp-day{transition:none}.ofc-key-mark[data-here],.ofc-pin-here .ofc-pin-no,.ofc-room-layout>.ofc-floormap .ofc-floormap-legend li[data-here] .ofc-pin-badge{animation:none}.ofc-progress>span{animation:none;width:60%}}@keyframes ofc-fade{0%{opacity:0}to{opacity:1}}.ofc-room-sign{font-size:13px;font-weight:600;color:var(--ofc-brand-dark)}.ofc-plan-label{display:inline-flex;flex-direction:column;align-items:center;white-space:nowrap;padding:2px 7px;font-size:12px;font-weight:600;line-height:1.3;color:#f2f7f7;background:rgba(8,30,38,.88);border:1px solid rgba(255,255,255,.35);animation:ofc-fade .3s ease-out both}html[lang=my] .ofc-plan-label{padding:1px 5px;font-size:11px;line-height:1.6}@media (max-width:1279px){html[lang=my] .ofc-plan-label-func{display:none}}.ofc-plan-label[data-locked]{color:#dfe6e6}.ofc-plan-label[data-hot]{color:#fff;background:var(--ofc-brand);border-color:#000;box-shadow:2px 2px 0 rgba(0,0,0,.35)}.ofc-plan-label-func{font-size:10.5px;font-weight:400;opacity:.9}.ofc-label{flex-direction:column;gap:0}.ofc-plan-tag{position:relative}.ofc-plan-note{display:none;position:absolute;left:50%;top:calc(100% + 4px);z-index:1;width:max-content;max-width:220px;padding:4px 8px;font-size:12px;line-height:1.5;text-align:left;white-space:normal;color:#000;background:#ffffe1;border:1px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.5);transform:translate(calc(-50% + var(--ofc-note-dx, 0px)),var(--ofc-note-dy,0));pointer-events:none}.ofc-plan-tag[data-note-side=up] .ofc-plan-note{top:auto;bottom:calc(100% + 4px)}.ofc-plan-tag[data-note-side=left] .ofc-plan-note,.ofc-plan-tag[data-note-side=right] .ofc-plan-note{top:0;transform:translate(var(--ofc-note-dx,0),var(--ofc-note-dy,0))}.ofc-plan-tag[data-note-side=right] .ofc-plan-note{left:calc(100% + 4px)}.ofc-plan-tag[data-note-side=left] .ofc-plan-note{left:auto;right:calc(100% + 4px)}html[lang=my] .ofc-plan-note{line-height:1.8}.ofc-plan-note-list{display:grid}.ofc-plan-note-list>span:before{content:"▪ ";color:var(--ofc-brand-dark)}.ofc-plan-note-tap{display:none;margin-top:2px;font-size:11px;color:#444}.ofc-plan-tag[data-armed] .ofc-plan-note-tap,.ofc-plan-tag[data-open] .ofc-plan-note{display:block}.ofc-plan-raised{z-index:100!important}button.ofc-plan-label:not([inert]){cursor:pointer}button.ofc-plan-label:focus-visible{outline:2px solid #fff;outline-offset:1px}@media (max-width:1024px){body:has(.ofc-root){--ofc-taskbar-h:52px}.ofc-btn,.ofc-start{min-height:44px}.ofc-task,.ofc-tray{height:44px}.ofc-locale-btn{min-width:44px;min-height:44px}.ofc-plan-label,.ofc-titlebtn{position:relative}.ofc-plan-label:after,.ofc-titlebtn:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.ofc-titlebtn:after{left:auto;right:0;transform:translateY(-50%)}.ofc-titlebtns{gap:26px}}html[lang=my] .ofc-task{font-size:13px;line-height:2.3}:where(.ofc-root :is(.ofc-stage,.ofc-overview,.ofc-taskbar,.ofc-room-intro,.ofc-floormap,.ofc-titlebar) :is(h1,h2,h3)){font-size:inherit;font-weight:inherit}:where(.ofc-root :is(.ofc-stage,.ofc-overview,.ofc-taskbar,.ofc-room-intro,.ofc-floormap) :is(svg,img)){display:block}:where(.ofc-root :is(.ofc-overview,.ofc-taskbar,.ofc-room-intro,.ofc-floormap) a){text-decoration:none}.ofc-root .absolute{position:absolute}.ofc-root .inset-0{inset:0}.ofc-root .h-full{height:100%}.ofc-root .w-full{width:100%}.ofc-root .min-w-0{min-width:0}.ofc-root .flex-1{flex:1 1}.ofc-root .inline-flex{display:inline-flex}.ofc-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ofc-root .-translate-x-1\/2.-translate-y-1\/2{transform:translate(-50%,-50%)}.ofc-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ofc-root .relative{position:relative}.ofc-loading-window{width:min(320px,86vw)}.ofc-loading-text{font-size:14px}.ofc-loading-window .ofc-progress{margin-top:12px}.ofc-hero-eyebrow{font-size:13px;font-weight:600;color:#8e2f1b}.ofc-hero-title{margin-top:4px;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:700;line-height:1.25}.ofc-hero-body,.ofc-hero-body-phone{margin-top:8px;font-size:14px;line-height:1.75rem;color:#222}.ofc-hero-body-phone{margin-top:4px;line-height:1.5rem}.ofc-room-screen{margin-top:8px;font-size:14px;line-height:1.75rem;font-weight:600}:where(.ofc-room-back){display:inline-flex;margin-top:12px}.ofc-lang-group{display:flex;align-items:center;gap:4px}.ofc-start-band-thin{font-weight:400}.ofc-start-list{padding:4px 0}.ofc-start-item-btn{width:100%;text-align:left}.ofc-tasks{display:flex;flex:0 1 auto;gap:4px;min-width:0;overflow:hidden}.ofc-task-btn{display:block;line-height:32px;box-shadow:inset -1px -1px var(--ofc-dark),inset 1px 1px #fff,inset -2px -2px var(--ofc-shadow),inset 2px 2px var(--ofc-light);background:var(--ofc-face)}.ofc-task-btn.ofc-pressed{background:repeating-conic-gradient(#fff 0 25%,var(--ofc-face) 0 50%) 0 0 /2px 2px}.ofc-tray .jhq-tray-shop,.ofc-tray .w98-tray-chip{font-size:12px}@media (max-width:640px){.ofc-tasks{display:none}}.jhq-office .ofc-room-body{container:none}.ofc-room-head{container:room/inline-size}:where(.ofc-room-head) .ofc-floormap{display:none}.ofc-room-content,.ofc-room-foot{margin-top:16px}.ofc-room-foot{container:roomfoot/inline-size}@container roomfoot (min-width: 820px){.ofc-room-foot>.ofc-floormap{display:none}}@media (max-width:640px){.ofc-room-foot{display:none}}.ofc-start{flex:none;white-space:nowrap}@media (max-width:1023px){.ofc-task-btn:not(.ofc-pressed){display:none}}.ofc-start-check{flex:none;width:18px;text-align:center;font-weight:700}html body{background:#ece6d5;color:#22231f;font-family:var(--font-plex-sans-thai),"IBM Plex Sans Thai",-apple-system,"Segoe UI","Noto Sans Thai",Tahoma,sans-serif;line-height:1.4}.ofc-room-content>.jhq-appwindow,.ofc-room-content>.w98-window{padding:0;box-shadow:none;background:none}.ofc-room-content>.jhq-appwindow>.w98-titlebar,.ofc-room-content>.w98-window>.w98-titlebar{display:none}.ofc-room-content>.jhq-appwindow>.w98-window-body{padding:0;overflow:visible}.jhq-tray-shop{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--w98-t-xs);font-weight:600}.jhq-tray-staff{max-width:120px}.jhq-staff-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.jhq-tray-staff{max-width:64px}}.jhq-menu-footer{display:grid;grid-gap:6px;gap:6px}.jhq-role{display:flex;align-items:center;gap:8px;font-size:var(--w98-t-xs)}.jhq-role select{flex:1 1;min-width:0;min-height:var(--w98-hit);padding:2px 4px;font-size:16px;background:#fff;box-shadow:var(--w98-sunken);border:0;border-radius:0}.jhq-role select:disabled{color:var(--w98-muted);background:var(--w98-face)}.jhq-bare{padding-top:calc(clamp(10px, 2.5vw, 22px) + env(safe-area-inset-top, 0px))}@media print{body:has(.ofc-root){padding:0;background:#fff}.ofc-overview,.ofc-room-backdrop,.ofc-room-foot,.ofc-room-frame>.ofc-titlebar,.ofc-room-head,.ofc-stage,.ofc-taskbar{display:none!important}.ofc-room-window{position:static;width:auto}.ofc-room-frame{padding:0;box-shadow:none;background:none}.ofc-room-body{overflow:visible;padding:0}}