.concept-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;height:88px;width:100%;padding:0 48px;flex:none;color:#39443d;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;box-sizing:border-box}.concept-brand{display:flex;gap:9px;align-items:center;font-size:14px;letter-spacing:2px;text-decoration:none;color:inherit;min-height:44px}.concept-brand svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.concept-nav{display:flex;gap:28px;position:absolute;left:50%;transform:translateX(-50%)}.nav-group{position:relative}.nav-group>button{font:inherit;font-size:13px;letter-spacing:2px;color:inherit;background:none;border:0;min-height:44px;min-width:64px;cursor:pointer;opacity:.65}.nav-group.active>button{opacity:1}.nav-group.active>button:after{content:"";position:absolute;bottom:1px;left:calc(50% - 7px);height:2px;width:14px;background:currentColor}.nav-group>button span{font-size:11px;margin-left:4px;opacity:.6}.nav-menu{position:absolute;top:53px;left:50%;transform:translateX(-50%);width:144px;background:#f6f8fc;color:#30415e;border:1px solid #dce5f0;border-radius:10px;box-shadow:0 12px 40px #07181225;padding:7px}.nav-menu a{display:flex;align-items:center;min-height:42px;padding:0 14px;text-decoration:none;color:inherit;font-size:12px;border-radius:5px;letter-spacing:.5px}.nav-menu a:hover,.nav-menu a[aria-current=page]{background:#e8eff9}.nav-menu[hidden]{display:none}.concept-header a:focus-visible,.concept-header button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.concept-spacer{width:90px}.immersive .concept-header{color:#f3f0e7}.quiet .concept-header{opacity:0;pointer-events:none}.concept-header{transition:opacity .4s}.quiet .concept-header:focus-within{opacity:1;pointer-events:auto}@media(max-width:600px){.concept-header{height:80px;padding:0 22px}.concept-brand{font-size:12px;letter-spacing:1px}.concept-nav{position:static;transform:none;gap:12px}.concept-spacer{display:none}.nav-group>button{min-width:54px;font-size:12px}.nav-menu{left:auto;right:0;transform:none}.nav-group:first-child .nav-menu{right:-60px}}
.nav-group.active>button:after{display:none}.nav-group>button{display:flex;align-items:center;justify-content:center;gap:6px}.nav-group>button .nav-label{position:relative;font-size:13px;letter-spacing:0;opacity:1;margin:0}.nav-group>button .nav-chevron{margin:0;font-size:10px;opacity:.5}.nav-group.active .nav-label:after{content:'';position:absolute;width:14px;height:2px;left:50%;transform:translateX(-50%);bottom:-15px;background:currentColor}
:root:fullscreen .concept-header,:root:fullscreen .home-controls,:root:fullscreen .imm-controls,:root:fullscreen footer.chrome{display:none!important}:root:fullscreen body{min-height:100svh;height:100svh;display:flex!important;flex-direction:column}:root:fullscreen main{flex:1!important;width:100%;margin:0!important}:root:fullscreen .time-composition{transform:none}:root:fullscreen .season-line,:root:fullscreen .calendar-line,:root:fullscreen .date-row{display:none!important}:root:fullscreen .count-heading button,:root:fullscreen .count-illustration{display:none!important}:root:fullscreen .count-content{display:block!important}:root:fullscreen .count-heading{justify-content:center!important;text-align:center}:root:fullscreen .count-measure{text-align:center!important}:root:fullscreen .date-days,:root:fullscreen .count-remainder{justify-content:center!important}

@media(max-width:600px){.concept-header{padding-left:12px!important;padding-right:12px!important;gap:4px!important}.concept-brand{font-size:11px;letter-spacing:0;gap:5px}.concept-brand svg{width:18px}.concept-nav{gap:0!important}.nav-group>button{min-width:49px;padding:0 5px}.nav-group>button .nav-label{font-size:13px}.global-theme{min-width:36px!important;width:36px!important}}
/* Perspective flip layers must not enlarge the fullscreen scroll surface. */
:root:fullscreen:has(.flip-clock){overflow:clip}
:root:fullscreen body:has(.flip-clock){overflow:clip;width:100%;max-width:100%;min-width:0}
:root:fullscreen body:has(.flip-clock)>main{overflow:clip;min-width:0;max-width:100%;contain:paint}
.site-footnote{position:fixed;bottom:5px;left:50%;transform:translateX(-50%);display:flex;gap:12px;font:10px -apple-system,sans-serif;color:#79899d;white-space:nowrap;z-index:1}.site-footnote a{color:inherit;text-decoration:none}:root:fullscreen .site-footnote{display:none}@media(max-width:600px){.site-footnote{font-size:9px;bottom:3px;gap:8px}}