.site-reading-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;padding:8px clamp(20px,4vw,70px);min-height:36px;box-sizing:border-box;background:#fff9ee;color:#12334c;border-bottom:1px solid #12334c16;font:12px/1.5 system-ui,sans-serif}.site-reading-tools a{color:inherit;text-underline-offset:3px}.site-reading-tools label{display:flex;align-items:center;gap:6px}.site-reading-tools select{font:inherit;padding:3px 6px;color:inherit;border:1px solid #12334c44;background:#fffdf7;border-radius:4px}
html[data-reading-language=zh] main [lang=en],html[data-reading-language=en] main [lang=zh-Hant]:not(.chinese-text),html[data-reading-language=en] main [lang=zh]:not(.chinese-text){display:none!important}
html[data-reading-language=zh] dialog [lang=en],html[data-reading-language=en] dialog [lang=zh-Hant]:not(.chinese-text){display:none!important}
@media(max-width:600px){.site-reading-tools{padding:6px 20px;font-size:11px}}
/* Skip off-screen card layout until needed; reserve dimensions for stable scrolling. */
.landing-card,.work-card,.experience-project-card{content-visibility:auto;contain-intrinsic-size:auto 540px}
dialog .work-card{content-visibility:visible;contain-intrinsic-size:none}
@media(min-width:761px){body[data-category=all] #collection-opening>.category-service-backdrop{mask-image:linear-gradient(to right,transparent 60%,#000 66%);-webkit-mask-image:linear-gradient(to right,transparent 60%,#000 66%)}}

#site-chat-launcher.is-form-avoiding{visibility:hidden!important;pointer-events:none!important}

html.site-service-fitting .category-service-backdrop:not([data-services-ready]){visibility:hidden}

/* One combined mobile dock; the desktop switch sits at the header centre. */
body[data-home-view=compact]>header.nav{position:relative}
.site-reading-tools--browse{--motion-safe-bottom:env(safe-area-inset-bottom,0px);position:absolute;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);z-index:70;display:flex;flex-wrap:nowrap;align-items:center;gap:0;min-height:0;padding:0;background:transparent;color:#12334c;border:0;font:12px/1.3 'Chun Mono',monospace;isolation:isolate;box-sizing:border-box}
.site-reading-tools--browse a[role=switch],#chun-five-stops header.site-header .site-reading-tools--browse a[role=switch]{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:34px;height:auto;padding:0;border:0;border-radius:20px;background:transparent;box-shadow:none;font:inherit;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.motion-mode-label{font-size:12px;line-height:1.3;letter-spacing:0}
.motion-mode-track{position:relative;display:block;flex:none;width:56px;height:26px;box-sizing:border-box;border:1px solid #12334c88;border-radius:18px;background:#ffffff42;box-shadow:inset 0 1px 3px #12334c12;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}
.motion-mode-light{position:absolute;left:2px;top:2px;width:20px;height:20px;box-sizing:border-box;border:1px solid #12334cbb;border-radius:50%;background:#fffdf5;box-shadow:0 1px 3px #12334c20;transform:translateX(0);transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
.motion-mode-status{position:absolute;right:4px;top:0;display:flex;align-items:center;justify-content:center;width:26px;height:24px;font:9px/1 'Chun Mono',monospace;color:#12334c}
[aria-checked=true] .motion-mode-light{transform:translateX(30px)}
[aria-checked=true] .motion-mode-status{left:3px;right:auto}
.site-reading-tools--browse a[role=switch]:hover .motion-mode-track{background:#ffffff70}
.site-reading-tools--browse a[role=switch]:focus-visible,.motion-mode-grip:focus-visible,.motion-chapters-toggle:focus-visible{outline:2px solid #247ac0;outline-offset:3px}
.motion-mode-grip,.motion-chapters-toggle,.motion-chapters-panel{display:none}
.site-reading-tools--inline{display:flex;justify-content:flex-start;min-height:0;padding:0;margin:16px 0 20px;background:transparent;border:0;gap:0;font:12px/1.5 Arial,sans-serif;color:inherit}
.site-reading-tools--inline label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.site-reading-tools--inline select{min-height:32px;padding:4px 8px;background:#fffaf0;color:#12334c}
@media(max-width:600px){.site-reading-tools--inline{padding:0;font-size:11px;margin:16px 0}.site-reading-tools--inline select{min-height:34px}}
@media(min-width:901px){#chun-five-stops header.site-header .motion-mode-grip,#chun-five-stops header.site-header .motion-chapters-toggle{display:none!important}}
@media(max-width:900px){
 .site-reading-tools--browse{position:fixed;left:50vw;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:890;width:max-content;max-width:calc(100vw - 24px);min-height:50px;margin:0;padding:2px 10px 2px 2px;border:1px solid #ffffffb0;border-radius:28px;background:#f9f7eff2;box-shadow:0 5px 22px #12334c24,inset 0 1px 0 #fff;transition:box-shadow 150ms}
 .site-reading-tools--browse a[role=switch],#chun-five-stops header.site-header .site-reading-tools--browse a[role=switch]{min-height:44px;padding-left:12px;gap:7px}
 .site-reading-tools--browse .motion-mode-label{max-width:70px;overflow:hidden;text-overflow:ellipsis;font-size:11px}
 .motion-mode-grip{display:flex;align-items:center;justify-content:center;flex:none;width:28px;min-height:44px;padding:0;background:transparent;border:0;border-radius:22px 0 0 22px;color:#536b78;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
 .motion-mode-grip svg{width:10px;height:17px;pointer-events:none}
 .motion-chapters-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;width:87px;flex:0 0 87px;box-sizing:border-box;padding:0 12px 0 4px;border:0;border-right:1px solid #12334c25;border-radius:0;background:transparent;color:inherit;font:11px/1.3 'Chun Mono',monospace;cursor:pointer;white-space:nowrap}
 .motion-chapters-toggle svg{width:10px;height:7px;flex:none;transition:transform 150ms}
 .motion-chapters-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
 .motion-chapters-panel:not([hidden]){display:grid}
 .motion-chapters-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:min(290px,calc(100vw - 24px));box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:8px;border:1px solid #12334c30;border-radius:16px;background:#fffaf0;box-shadow:0 8px 28px #12334c26}
 .motion-chapters-panel a{display:flex;align-items:center;min-height:44px;padding:7px 10px;box-sizing:border-box;border-radius:8px;color:inherit;font:12px/1.5 'Chun Mono',monospace;text-decoration:none}
 .motion-chapters-panel a:hover,.motion-chapters-panel a:focus-visible{background:#d2e9fa}
 .site-reading-tools--browse.is-dragging{box-shadow:0 9px 28px #12334c35,inset 0 1px 0 #fff}
 .site-reading-tools--browse.is-dragging .motion-mode-grip{cursor:grabbing;color:#12334c}
 .has-motion-dock .floating-chapter{display:none!important}
 .site-reading-tools--browse #site-chat-launcher{position:static!important;inset:auto!important;transform:none!important;translate:none!important;display:flex;justify-content:center;flex:none;width:38px;min-height:44px;height:44px;margin:0 0 0 7px;padding:0;border:0;border-left:1px solid #12334c25;border-radius:0;background:transparent;color:#12334c;box-shadow:none;cursor:pointer;touch-action:manipulation;animation:none!important}
 .site-reading-tools--browse #site-chat-launcher::after,.site-reading-tools--browse #site-chat-launcher>span{display:none}
 .site-reading-tools--browse #site-chat-launcher>svg{width:21px;height:21px}
 .site-reading-tools--browse #site-chat-launcher:hover{background:#12334c08}
 .site-reading-tools--browse #site-chat-launcher.is-open>svg:first-child{display:none}
 .site-reading-tools--browse[data-keyboard-hidden],body:has(dialog[open]) .site-reading-tools--browse{visibility:hidden;pointer-events:none}
 @supports(backdrop-filter:blur(12px)){.site-reading-tools--browse{background:#f9f7efdf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
}
@media(prefers-reduced-motion:reduce){.motion-mode-light,.motion-chapters-toggle svg,.site-reading-tools--browse{transition:none}}

.motion-chapters-panel[hidden]{display:none!important}
@media(min-width:901px){.motion-chapters-panel{display:none!important}}
@media(max-width:900px){.motion-chapters-panel:not([hidden]){transform-origin:bottom center;animation:motion-chapters-reveal .2s cubic-bezier(.2,.8,.2,1) both}}
@keyframes motion-chapters-reveal{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.motion-chapters-panel{animation:none!important}}
@media(min-width:901px) and (max-width:1023px){
 #chun-five-stops header.site-header .site-reading-tools--browse{top:28px}
 #chun-five-stops header.site-header .identity-nav{gap:8px}
 #chun-five-stops header.site-header .section-switch{gap:10px;font-size:10px}
 body[data-home-view=compact]>header.nav .worlds{gap:10px;font-size:10px}
 body[data-home-view=compact]>header.nav .brand{font-size:28px}
}

.motion-chapters-toggle [data-chapters-label]{overflow:hidden;text-overflow:ellipsis}

/* Slim mobile icon bar, with the current view named inside the switch. */
.motion-chapters-icon,.motion-chapters-close-icon,.motion-mode-mobile-status{display:none}
@media(max-width:900px){
 .site-reading-tools--browse{width:204px;min-height:40px;height:40px;padding:0 5px;border-radius:22px;border-color:#ffffff90;background:#f9f7efcf;box-shadow:0 2px 9px #12334c12,inset 0 1px 0 #ffffff90}
 .site-reading-tools--browse .motion-mode-grip{width:24px;min-height:38px;border-radius:20px 0 0 20px;color:#536b7899}
 .site-reading-tools--browse .motion-mode-grip svg{width:8px;height:14px}
 .site-reading-tools--browse .motion-chapters-toggle{width:44px;flex:0 0 44px;min-height:38px;height:38px;padding:0;gap:0;border-right-color:#12334c16}
 .site-reading-tools--browse .motion-chapters-toggle [data-chapters-label],.site-reading-tools--browse .motion-chapters-chevron{display:none}
 .site-reading-tools--browse .motion-chapters-toggle .motion-chapters-icon{display:block;width:19px;height:19px;transform:none}
 .site-reading-tools--browse .motion-chapters-toggle .motion-chapters-close-icon{width:19px;height:19px;transform:none}
 .site-reading-tools--browse .motion-chapters-toggle[aria-expanded=true] .motion-chapters-icon{display:none}
 .site-reading-tools--browse .motion-chapters-toggle[aria-expanded=true] .motion-chapters-close-icon{display:block}
 .site-reading-tools--browse a[role=switch],#chun-five-stops header.site-header .site-reading-tools--browse a[role=switch]{width:80px;flex:0 0 80px;justify-content:center;min-height:38px;height:38px;padding:0;gap:0}
 .site-reading-tools--browse .motion-mode-label,.site-reading-tools--browse .motion-mode-status{display:none}
 .site-reading-tools--browse .motion-mode-track{width:64px;height:22px;border-color:#12334c55;box-shadow:none;background:#ffffff55}
 .site-reading-tools--browse .motion-mode-light{width:16px;height:16px;left:2px;top:2px;border-color:#12334c88;box-shadow:0 1px 2px #12334c15}
 .site-reading-tools--browse .motion-mode-mobile-status{position:absolute;right:2px;top:0;display:flex;align-items:center;justify-content:center;width:40px;height:20px;font:9px/1 'Chun Mono',monospace;color:#12334c;white-space:nowrap;overflow:hidden}
 .site-reading-tools--browse [aria-checked=true] .motion-mode-light{transform:translateX(42px);background:#315968;border-color:#315968}
 .site-reading-tools--browse [aria-checked=true] .motion-mode-mobile-status{left:2px;right:auto}
 .site-reading-tools--browse [aria-checked=true] .motion-mode-track{background:#89aba269;border-color:#567c735c}
 .site-reading-tools--browse #site-chat-launcher{width:44px;min-height:38px;height:38px;margin:0;border-left-color:#12334c16}
 .site-reading-tools--browse #site-chat-launcher>svg{width:19px;height:19px}
 .site-reading-tools--browse.is-dragging{box-shadow:0 4px 14px #12334c24,inset 0 1px 0 #ffffffa0}
 @supports(backdrop-filter:blur(12px)){.site-reading-tools--browse{background:#f9f7efbf}}
}
/* Desktop On/Off also differs in colour, independently of knob position. */
@media(min-width:901px){
 .site-reading-tools--browse .motion-mode-track{background:#e2e7eb88;border-color:#71838c80}
 .site-reading-tools--browse .motion-mode-status,#chun-five-stops .site-reading-tools--browse .motion-mode-status{color:#526573}
 .site-reading-tools--browse [aria-checked=true] .motion-mode-track{background:#315968cf;border-color:#315968cf}
 .site-reading-tools--browse [aria-checked=true] .motion-mode-status,#chun-five-stops .site-reading-tools--browse [aria-checked=true] .motion-mode-status{color:#fff9ee;font-weight:700}
 .site-reading-tools--browse [aria-checked=true] .motion-mode-light{background:#fff4ca;border-color:#fff4ca}
 .site-reading-tools--browse a[role=switch]:hover .motion-mode-track{background:#d9e1e5b3}
 .site-reading-tools--browse a[role=switch][aria-checked=true]:hover .motion-mode-track{background:#315968e6}
}