[hidden]{display:none!important}.era-switcher{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:13px 16px;background:#f7f5ee;color:#171a2b;border-bottom:1px solid #b8bac5;font:700 14px/1.4 Arial,sans-serif}.era-switcher>span:first-child{margin-right:12px}.era-switcher button{font:inherit;padding:10px 14px;min-height:44px;border:1px solid #45475c;border-radius:4px;background:white;color:#252640;cursor:pointer}.era-switcher button[aria-pressed=true]{background:#000080;color:white}.era-switcher button:focus-visible{outline:3px solid #d55b00;outline-offset:3px}.era-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:520px){.era-switcher{gap:6px}.era-switcher>span:first-child{flex-basis:100%;text-align:center;margin:0}.era-switcher button{padding:9px 10px;font-size:13px}}
/* The design picker belongs to the selected design, including on content pages. */
#vit-homepage .era-switcher{--picker-bg:#f7f5ee;--picker-ink:#171a2b;--picker-border:#45475c;--picker-button:#fff;--picker-active:#000080;--picker-selected:#fff;background:var(--picker-bg);color:var(--picker-ink);border-bottom:1px solid var(--picker-border);gap:8px;padding:16px;font:700 14px/1.4 Arial,sans-serif}
#vit-homepage .era-switcher button{position:relative;background:var(--picker-button);color:var(--picker-ink);border:1px solid var(--picker-border);min-height:44px;padding:10px 14px;font:inherit;transition:background .15s,box-shadow .15s;touch-action:manipulation}
#vit-homepage .era-switcher button[aria-pressed=true]{background:var(--picker-active);color:var(--picker-selected);font-weight:800;text-decoration:underline;text-underline-offset:4px}
#vit-homepage .era-switcher button:hover{box-shadow:inset 0 0 0 2px var(--picker-border)}
#vit-homepage .era-switcher button:focus-visible{outline:3px solid var(--picker-ink);outline-offset:3px}
#vit-homepage[data-era="1990"] .era-switcher{--picker-bg:#c0c0c0;--picker-ink:#000;--picker-border:#000;--picker-button:#c0c0c0;font-family:'Courier New',monospace;border-bottom:3px double #000}
#vit-homepage[data-era="1990"] .era-switcher button{border:2px solid;border-color:#fff #202020 #202020 #fff;border-radius:0;box-shadow:2px 2px #000}
#vit-homepage[data-era="1990"] .era-switcher button[aria-pressed=true]{border-color:#202020 #fff #fff #202020;box-shadow:none}
#vit-homepage[data-era="2010"] .era-switcher{--picker-bg:#e8edf3;--picker-ink:#263d55;--picker-border:#96a9bc;--picker-active:#244e75;border-bottom:1px solid #b0beca;background:linear-gradient(#f8fafc,#dce5ee)}
#vit-homepage[data-era="2010"] .era-switcher button{border-radius:5px;background:linear-gradient(#fff,#e4ebf2);box-shadow:0 1px 2px #263d5526}
#vit-homepage[data-era="2010"] .era-switcher button[aria-pressed=true]{background:linear-gradient(#3c6c95,#234a70);border-color:#244e75;box-shadow:inset 0 1px 2px #102b45}
#vit-homepage[data-era="2026"] .era-switcher{--picker-bg:#f5f3ed;--picker-ink:#18251e;--picker-border:#acb4aa;--picker-button:transparent;--picker-active:#203c2c;--picker-selected:#eeffad;padding-block:20px}
#vit-homepage[data-era="2026"] .era-switcher button{border-radius:100px;padding-inline:18px}
#vit-homepage[data-era="handdrawn"] .era-switcher{--picker-bg:#fff8e8;--picker-ink:#422819;--picker-border:#563b2b;--picker-button:#fffdf7;--picker-active:#98c8c1;--picker-selected:#30251b;font-family:'Comic Sans MS','Trebuchet MS',sans-serif;border-bottom:2px dashed #bc9b68}
#vit-homepage[data-era="handdrawn"] .era-switcher button{border:2px solid var(--picker-border);border-radius:23px 17px 25px 16px / 17px 24px 16px 23px;box-shadow:2px 3px #e2cba6}
#vit-homepage[data-era="handdrawn"] .era-switcher button:nth-of-type(even){border-radius:17px 25px 16px 23px / 24px 17px 23px 16px}
#vit-homepage[data-era="handdrawn"] .era-switcher button[aria-pressed=true]{box-shadow:2px 3px #563b2b}
#vit-homepage[data-era="cyberpunk"] .era-switcher{--picker-bg:#080f20;--picker-ink:#83f3ff;--picker-border:#3d9aaa;--picker-button:#101b31;--picker-active:#f340ce;--picker-selected:#100b24;font-family:'Courier New',monospace;border-bottom:1px solid #59ecff;background:linear-gradient(100deg,#080f20,#22142f)}
#vit-homepage[data-era="cyberpunk"] .era-switcher button{border-radius:0 13px 0 13px;box-shadow:inset 0 -2px #3d9aaa44;letter-spacing:.02em}
#vit-homepage[data-era="cyberpunk"] .era-switcher button[aria-pressed=true]{border-color:#ff91e3;box-shadow:0 0 14px #f340ce55}
#vit-homepage[data-era="sakura"] .era-switcher{--picker-bg:#fff1ed;--picker-ink:#633d43;--picker-border:#b97d85;--picker-button:#fffaf7;--picker-active:#934756;--picker-selected:#fff;font-family:'Trebuchet MS',Arial,sans-serif;border-bottom:1px solid #dfb4b6;background:linear-gradient(110deg,#fff5e9,#fbe5e9)}
#vit-homepage[data-era="sakura"] .era-switcher button{border-radius:18px 18px 18px 5px;box-shadow:0 3px 7px #93475612}
#vit-homepage[data-era="sakura"] .era-switcher button[aria-pressed=true]{box-shadow:0 3px 10px #93475630}
@media(max-width:760px){#vit-homepage .era-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px}#vit-homepage .era-switcher>span:first-child{grid-column:1/-1;margin:0 0 3px;text-align:center}#vit-homepage .era-switcher button{width:100%;padding:10px 5px;font-size:13px;min-height:48px}#vit-homepage[data-era="2026"] .era-switcher button{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){#vit-homepage .era-switcher button{transition:none}}