.header{flex:none;height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.header-left{display:flex;align-items:center;gap:10px;min-width:0}.header-title{margin:0;font:500 17px/1 Inter,sans-serif}.header-mark{position:relative;flex:none;display:block}.header-mark img{display:block;width:28px;height:35px}.header-mark:after{content:"";position:absolute;inset:-5px -8px}.header-right{display:flex;align-items:center;gap:8px}.year-pill{height:32px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink2);font:500 13px/1 Inter,sans-serif;cursor:pointer}.menu-button{flex:none;width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.menu-button{position:relative;cursor:pointer}.menu-button:after{content:"";position:absolute;inset:-6px}.header-nav{display:none}.header-nav-item{font-size:14px;color:var(--ink3);text-decoration:none;white-space:nowrap}a.header-nav-item:hover{color:var(--ink)}.header-nav-item--current{font:500 17px/1 Inter,sans-serif;color:var(--ink)}@media(min-width:1024px){.header--bar{height:58px;padding:0 24px;border-bottom:1px solid var(--divider)}.header--bar .header-title{display:none}.header--bar .header-nav{display:flex;align-items:center;gap:22px}.header--bar .header-left{gap:12px}.header--bar .header-mark img{width:34px;height:42px}}.scrim--menu{padding:0}.menu-sheet{position:fixed;inset:44px 0 0;width:min(560px,100%);margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:var(--panel);overflow-y:auto;overscroll-behavior:contain}.menu-grabber{flex:none;align-self:center;width:36px;height:4px;border-radius:2px;background:var(--line)}.menu-head{flex:none;display:flex;align-items:center;justify-content:space-between;margin-top:-6px}.menu-title{margin:0;font:500 20px/1.2 Inter,sans-serif}.menu-close{position:relative;width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink2);font:500 14px/1 Inter,sans-serif;cursor:pointer}.menu-close:after{content:"";position:absolute;inset:-5px}.menu-nav{flex:none;display:flex;flex-direction:column}.menu-row{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid var(--divider);color:var(--ink);font:500 15px/1.2 Inter,sans-serif;text-decoration:none}.menu-row:last-child{border-bottom:0}.menu-row--current,.menu-now{color:var(--accT)}.menu-now{font-size:12px}.menu-chevron{color:var(--ink3);font-size:18px;line-height:1}.menu-section{flex:none;display:flex;flex-direction:column;gap:8px}.menu-options{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.menu-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:500 13px/1 Inter,sans-serif;cursor:pointer}.menu-option--on{border-color:var(--acc);background:var(--accFill)}.menu-note{margin:0;font-size:12px;color:var(--ink3)}.face-preview{display:block;width:40px}.face-preview[data-face=traditional] .tile-art{display:block}.face-preview[data-face=traditional] .tile-glyph,.face-preview[data-face=traditional] .tile-label,.face-preview[data-face=numbers] .tile-art{display:none}.face-preview[data-face=numbers] .tile-glyph,.face-preview[data-face=numbers] .tile-label{display:block}.theme-swatch{position:relative;display:block;width:56px;height:38px;overflow:hidden;border:1px solid var(--line);border-radius:8px}.theme-swatch>span{position:absolute;left:8px;right:8px;bottom:7px;height:12px;border-radius:4px}.theme-swatch--dark{background:#161826}.theme-swatch--dark>span{background:#282a3c}.theme-swatch--light{background:#eaeef3}.theme-swatch--light>span{background:#fff}.theme-swatch--auto{background:linear-gradient(135deg,#161826 50%,#eaeef3 50%)}.theme-swatch--auto>span{background:linear-gradient(135deg,#282a3c 50%,#fff 50%)}.menu-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.menu-setting-text{display:flex;flex-direction:column;gap:3px;min-width:0}.menu-setting-name{font:500 15px/1.2 Inter,sans-serif}.menu-setting-help{font-size:12.5px;line-height:1.3;color:var(--ink3)}.menu-switch{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:var(--line)}.menu-switch>span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#f5f4ff;transition:transform .15s ease-out}.menu-switch--on{background:var(--acc)}.menu-switch--on>span{transform:translate(18px)}@media(prefers-reduced-motion:reduce){.menu-switch>span{transition:none}}@media(min-width:1024px){.menu-sheet--beside{top:58px;left:auto;width:380px;margin:0;padding-top:18px;border-radius:22px 0 0}.menu-sheet--beside .menu-grabber,.menu-sheet--beside .menu-nav{display:none}.menu-sheet--beside .menu-head{margin-top:0}}