@font-face{font-family:Rufina;font-style:normal;font-weight:400;font-display:swap;src:url(../media/714e3253ffd8e086-s.p.0ju5ynfpt5q76.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rufina;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bee532e5bf2fd31-s.p.0x435-pyjpaxc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rufina;font-style:normal;font-weight:700;font-display:swap;src:url(../media/904c9811680a2757-s.p.1jl9dn-1t12-3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rufina;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5586ccf4be9b21a8-s.p.2j24kbe7knbiq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rufina Fallback;src:local(Times New Roman);ascent-override:82.38%;descent-override:25.28%;line-gap-override:0.0%;size-adjust:114.71%}.rufina_780cd8d5-module__Z69IMa__className{font-family:Rufina,Rufina Fallback;font-style:normal}.rufina_780cd8d5-module__Z69IMa__variable{--font-rufina:"Rufina", "Rufina Fallback"}
@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/65c558afe41e89d6-s.013x9cty0dvbp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/14e23f9b59180572-s.054a9rxhye2rx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b49b0d9b851e4899-s.12c_00cnxx2oq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2a65768255d6b625-s.2r-cuu_7locvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/65c558afe41e89d6-s.013x9cty0dvbp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/14e23f9b59180572-s.054a9rxhye2rx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b49b0d9b851e4899-s.12c_00cnxx2oq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2a65768255d6b625-s.2r-cuu_7locvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_33bb92a-module__aUwrCq__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_33bb92a-module__aUwrCq__variable{--font-playfair:"Playfair Display", "Playfair Display Fallback"}
@font-face{font-family:Mulish;font-style:normal;font-weight:400;font-display:swap;src:url(../media/817e411a5e01ed4b-s.3mmhyaxk8nf40.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Mulish;font-style:normal;font-weight:400;font-display:swap;src:url(../media/69c910a8dbdebe03-s.2csjwd2kj9786.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Mulish;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4aa1cac135eb7d75-s.p.31_j8g9fmg02t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mulish;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59000b645a38f9c6-s.0eweg9n4xoxd5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fed68dff3ca987ed-s.p.12-p1fgtf6kxs.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mulish;font-style:normal;font-weight:500;font-display:swap;src:url(../media/817e411a5e01ed4b-s.3mmhyaxk8nf40.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Mulish;font-style:normal;font-weight:500;font-display:swap;src:url(../media/69c910a8dbdebe03-s.2csjwd2kj9786.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Mulish;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4aa1cac135eb7d75-s.p.31_j8g9fmg02t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mulish;font-style:normal;font-weight:500;font-display:swap;src:url(../media/59000b645a38f9c6-s.0eweg9n4xoxd5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fed68dff3ca987ed-s.p.12-p1fgtf6kxs.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mulish;font-style:normal;font-weight:600;font-display:swap;src:url(../media/817e411a5e01ed4b-s.3mmhyaxk8nf40.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Mulish;font-style:normal;font-weight:600;font-display:swap;src:url(../media/69c910a8dbdebe03-s.2csjwd2kj9786.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Mulish;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4aa1cac135eb7d75-s.p.31_j8g9fmg02t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mulish;font-style:normal;font-weight:600;font-display:swap;src:url(../media/59000b645a38f9c6-s.0eweg9n4xoxd5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fed68dff3ca987ed-s.p.12-p1fgtf6kxs.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mulish;font-style:normal;font-weight:700;font-display:swap;src:url(../media/817e411a5e01ed4b-s.3mmhyaxk8nf40.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Mulish;font-style:normal;font-weight:700;font-display:swap;src:url(../media/69c910a8dbdebe03-s.2csjwd2kj9786.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Mulish;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4aa1cac135eb7d75-s.p.31_j8g9fmg02t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mulish;font-style:normal;font-weight:700;font-display:swap;src:url(../media/59000b645a38f9c6-s.0eweg9n4xoxd5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fed68dff3ca987ed-s.p.12-p1fgtf6kxs.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mulish Fallback;src:local(Arial);ascent-override:96.56%;descent-override:24.02%;line-gap-override:0.0%;size-adjust:104.08%}.mulish_1ef6e3fc-module__oXgaPa__className{font-family:Mulish,Mulish Fallback;font-style:normal}.mulish_1ef6e3fc-module__oXgaPa__variable{--font-mulish:"Mulish", "Mulish Fallback"}
:root{--bg:#080302;--surface:#140b06;--surface-raised:#231810;--surface-high:#33261d;--brand:#cc8730;--brand-dim:#8c5d2b;--brand-glow:#cc873033;--text-primary:#e6e0d9;--text-secondary:#92877b;--text-muted:#4f453e;--border:#2d211a;--border-subtle:#1d140e;--font-serif:var(--font-rufina), Georgia, "Times New Roman", serif;--font-sans:var(--font-mulish), system-ui, -apple-system, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}@supports (color:lab(0% 0 0)){:root{--bg:lab(1.184% .973254 1.1265);--surface:lab(3.64968% 2.70799 3.22317);--surface-raised:lab(9.42274% 5.12523 7.31011);--surface-high:lab(16.3791% 5.472 8.59009);--brand:lab(62.5737% 22.0084 55.2986);--brand-dim:lab(44.0729% 16.2251 36.0803);--brand-glow:lab(62.5737% 22.0084 55.2986/.2);--text-primary:lab(89.5799% 1.05247 4.45036);--text-secondary:lab(57.0735% 2.91941 7.93207);--text-muted:lab(30.3514% 3.3581 5.97387);--border:lab(14.0765% 4.59485 7.2266);--border-subtle:lab(7.16178% 3.64425 4.73303)}}html:lang(vi){--font-serif:var(--font-playfair), Georgia, "Times New Roman", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;padding-bottom:max(0px, env(safe-area-inset-bottom));line-height:1.65}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#080302eb;background:lab(1.184% .973254 1.1265/.92);position:sticky;top:0}.site-header-inner{max-width:1200px;padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.site-logo{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:700;display:flex}.site-logo-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:7px;height:7px}.site-nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text-primary);background:var(--surface)}.nav-link.active{color:var(--brand);background:#cc87301a;background:lab(62.5737% 22.0084 55.2986/.1)}.home-page{flex-direction:column;min-height:100vh;display:flex}.hero-section{max-width:1200px;padding:var(--space-10) var(--space-6) var(--space-8);align-items:flex-start;gap:var(--space-6);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (min-width:768px){.hero-section{padding:var(--space-16) var(--space-8) var(--space-12);gap:var(--space-8)}}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--brand);align-items:center;gap:var(--space-3);animation:fadeUp .6s var(--ease-out-quart) both;font-size:.75rem;font-weight:600;display:flex}.hero-eyebrow:before{content:"";background:var(--brand);flex-shrink:0;width:28px;height:1px;display:block}.hero-heading{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);max-width:14ch;animation:fadeUp .6s .1s var(--ease-out-quart) both;font-size:clamp(2.75rem,7vw,5.5rem);font-weight:700;line-height:1.05}.hero-heading em{color:var(--brand);font-style:normal}.hero-body{color:var(--text-secondary);max-width:50ch;animation:fadeUp .6s .2s var(--ease-out-quart) both;font-size:1.125rem;line-height:1.7}.hero-cta{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--brand);color:#080302;color:lab(1.184% .973254 1.1265);border-radius:var(--radius-md);animation:fadeUp .6s .3s var(--ease-out-quart) both;border:none;font-size:.9375rem;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.hero-cta:hover{background:#e49839;background:lab(69.5136% 23.6444 59.3182);transform:translateY(-1px)}.hero-cta svg{transition:transform .18s;display:inline-block}.hero-cta:hover svg{transform:translate(3px)}.tools-section{max-width:1200px;padding:var(--space-6) var(--space-6) var(--space-12);margin:0 auto}@media (min-width:768px){.tools-section{padding:var(--space-12) var(--space-8) var(--space-20)}}.tools-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-6);font-size:.75rem;font-weight:600}.tools-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.tools-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:flex;position:relative;overflow:hidden}.tool-card:not(.tool-card--disabled):hover{border-color:var(--brand-dim);background:var(--surface-raised);transform:translateY(-2px)}.tool-card--disabled{opacity:.5;cursor:default}.tool-card-preview{border-radius:var(--radius-md);background:var(--surface-raised);justify-content:center;align-items:center;height:100px;display:flex;overflow:hidden}.tool-card-badge{align-items:center;gap:var(--space-1);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-available{color:var(--brand);background:#cc873026;background:lab(62.5737% 22.0084 55.2986/.15)}.badge-soon{background:var(--surface-raised);color:var(--text-muted)}.tool-card-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-primary);font-size:1.375rem;font-weight:700}.tool-card-desc{color:var(--text-secondary);flex:1;font-size:.9375rem;line-height:1.6}.tool-card-link{align-items:center;gap:var(--space-2);color:var(--brand);margin-top:auto;font-size:.875rem;font-weight:600;transition:gap .15s;display:flex}.tool-card:not(.tool-card--disabled):hover .tool-card-link{gap:var(--space-3)}.cof-page{max-width:1200px;min-height:calc(100vh - 57px);padding:var(--space-6);gap:var(--space-6);grid-template-columns:1fr;margin:0 auto;display:grid}@media (min-width:900px){.cof-page{align-items:start;gap:var(--space-8);padding:var(--space-8) var(--space-8);grid-template-columns:360px 1fr}}@media (min-width:1100px){.cof-page{padding:var(--space-10) var(--space-10);grid-template-columns:420px 1fr}}.cof-wheel-col{gap:var(--space-4);flex-direction:column;display:flex}@media (min-width:900px){.cof-wheel-col{top:calc(57px + var(--space-6));position:sticky}}.cof-content-col{gap:var(--space-5);flex-direction:column;display:flex}.mode-toggle{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid;overflow:hidden}.mode-btn{padding:var(--space-3) var(--space-4);border-radius:calc(var(--radius-md) - 3px);font-size:.875rem;font-weight:600;font-family:var(--font-sans);letter-spacing:.02em;transition:all .2s var(--ease-out-quart);color:var(--text-muted);background:0 0;border:none}.mode-btn.active-major{color:#080302;color:lab(1.184% .973254 1.1265);background:#c06f0a;background:lab(55.3689% 28.574 60.5715)}.mode-btn.active-minor{color:#e9e4dd;color:lab(90.7369% .870407 3.7042);background:#0968a2;background:lab(41.6524% -8.42245 -38.6632)}.key-info{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.key-info-name{font-family:var(--font-serif);color:var(--text-primary);min-width:2.5ch;font-size:2rem;font-weight:700;line-height:1}.key-info-divider{background:var(--border);flex-shrink:0;width:1px;height:32px}.key-info-meta{flex-direction:column;gap:2px;display:flex}.key-info-mode{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:700}.key-info-relative{color:var(--text-secondary);font-size:.875rem}.key-info-relative strong{color:var(--brand);font-weight:600}.chord-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:700}.chord-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}@media (min-width:420px){.chord-grid{gap:var(--space-1);grid-template-columns:repeat(7,1fr)}}@media (min-width:640px){.chord-grid{gap:var(--space-2)}}.chord-card{align-items:center;gap:var(--space-1);cursor:pointer;animation:fadeUp .25s var(--ease-out-quart) both;flex-direction:column;display:flex}.chord-card:first-child{animation-delay:0s}.chord-card:nth-child(2){animation-delay:35ms}.chord-card:nth-child(3){animation-delay:70ms}.chord-card:nth-child(4){animation-delay:.105s}.chord-card:nth-child(5){animation-delay:.14s}.chord-card:nth-child(6){animation-delay:.175s}.chord-card:nth-child(7){animation-delay:.21s}.chord-degree{letter-spacing:.06em;font-size:.625rem;font-weight:700;line-height:1}.chord-name-box{border-radius:var(--radius-sm);font-family:var(--font-serif);text-align:center;border:1px solid #0000;width:100%;padding:8px 4px;font-size:.875rem;font-weight:700;line-height:1;transition:transform .15s,box-shadow .15s,border-color .15s}@media (min-width:420px){.chord-name-box{padding:10px 6px;font-size:1rem}}@media (min-width:640px){.chord-name-box{padding:11px 8px;font-size:1.0625rem}}.chord-card.root .chord-name-box{border-radius:var(--radius-md);padding:10px 6px;font-size:1rem}@media (min-width:420px){.chord-card.root .chord-name-box{padding:12px 8px;font-size:1.125rem}}@media (min-width:640px){.chord-card.root .chord-name-box{padding:14px 10px;font-size:1.25rem}}.chord-card.selected .chord-name-box{outline-offset:2px;outline:2px solid}@media (hover:hover){.chord-card:hover .chord-name-box{transform:translateY(-2px)}}.chord-type-label{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:.5625rem;font-weight:600;line-height:1}.fretboard-panel-wrap{transition:grid-template-rows .32s var(--ease-out-quart);grid-template-rows:0fr;display:grid}.fretboard-panel-wrap.open{grid-template-rows:1fr}.fretboard-panel-inner{overflow:hidden}.fretboard-panel{padding-top:var(--space-4);animation:fadeIn .25s var(--ease-out-quart)}.fretboard-panel-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}@media (min-width:640px){.fretboard-panel-card{align-items:flex-start;gap:var(--space-6);flex-direction:row}}.fretboard-panel-info{gap:var(--space-2);flex-direction:column;min-width:100px;display:flex}.fretboard-chord-name{font-family:var(--font-serif);font-size:2rem;font-weight:700;line-height:1}.fretboard-chord-type{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.75rem;font-weight:600}.fretboard-chord-degree{color:var(--text-muted);margin-top:var(--space-1);font-size:.8125rem}.fretboard-legend{gap:var(--space-1);flex-direction:column;margin-top:auto;display:flex}.fretboard-legend-item{color:var(--text-muted);align-items:center;gap:var(--space-2);font-size:.6875rem;display:flex}.fretboard-diagram-wrap{flex:1;justify-content:center;display:flex}.fretboard-close{top:var(--space-3);right:var(--space-3);border:1px solid var(--border);background:var(--surface-raised);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s;display:flex;position:absolute}.fretboard-close:hover{background:var(--surface-high);color:var(--text-primary)}.fretboard-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-title-block{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.page-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.1}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-2);max-width:55ch;font-size:.9375rem;line-height:1.5}.wheel-container{width:100%;max-width:380px;margin:0 auto}@media (min-width:900px){.wheel-container{max-width:100%}}.hint-text{color:var(--text-muted);text-align:center;font-size:.75rem}.site-footer{padding:var(--space-8) var(--space-6);text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8125rem}.site-footer a{color:var(--text-secondary);transition:color .15s}.site-footer a:hover{color:var(--brand)}.fretboard-diagram-col{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;width:100%;display:flex}.instrument-toggle{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-self:center;gap:3px;padding:3px;display:flex}.instrument-btn{align-items:center;gap:var(--space-2);padding:5px var(--space-3);border-radius:calc(var(--radius-md) - 3px);font-family:var(--font-sans);letter-spacing:.01em;color:var(--text-muted);cursor:pointer;transition:color .15s var(--ease-out-quart), background .15s var(--ease-out-quart);white-space:nowrap;background:0 0;border:none;font-size:.8125rem;font-weight:600;display:flex}.instrument-btn.active{background:var(--surface-raised);color:var(--text-primary)}.instrument-btn:not(.active):hover{color:var(--text-secondary)}.instrument-btn svg{flex-shrink:0;transition:opacity .15s}.instrument-btn:not(.active) svg{opacity:.5}.no-data-placeholder{padding:var(--space-6);text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:.875rem}.metro-page{max-width:1200px;min-height:calc(100vh - 57px);padding:var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}@media (min-width:900px){.metro-page{padding:var(--space-8);gap:var(--space-8)}}.metro-layout{gap:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:900px){.metro-layout{gap:var(--space-8);grid-template-columns:minmax(300px,380px) 1fr}}@media (min-width:1100px){.metro-layout{grid-template-columns:420px 1fr}}.metro-stage{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color .4s var(--ease-in-out), box-shadow .4s var(--ease-in-out);flex-direction:column;display:flex}.metro-stage.is-running{border-color:#cc873059;border-color:lab(62.5737% 22.0084 55.2986/.35);box-shadow:0 0 0 1px #cc873014,0 18px 46px -28px #cc873080;box-shadow:0 0 0 1px lab(62.5737% 22.0084 55.2986/.08),0 18px 46px -28px lab(62.5737% 22.0084 55.2986/.5)}@media (min-width:900px){.metro-stage{top:calc(57px + var(--space-6));position:sticky}}.metro-visual{width:100%;max-width:240px}.metro-svg{width:100%;height:auto}.metro-rod{transform-box:view-box}.metro-readout{justify-content:center;align-items:center;gap:var(--space-4);width:100%;display:flex}.bpm-step{border:1px solid var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--text-secondary);transition:color .15s, background .15s, border-color .15s, transform .12s var(--ease-out-quart);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.bpm-step:hover{color:var(--brand);background:var(--surface-high);border-color:#cc873073;border-color:lab(62.5737% 22.0084 55.2986/.45)}.bpm-step:active{transform:scale(.92)}.bpm-value{justify-content:center;align-items:baseline;column-gap:var(--space-2);text-align:center;grid-template-columns:auto auto;min-width:132px;display:grid}.bpm-number{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:clamp(3rem,12vw,3.75rem);font-weight:700;line-height:1}.bpm-unit{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.bpm-term{margin-top:var(--space-1);letter-spacing:.04em;color:var(--brand);grid-column:1/-1;font-size:.8125rem;font-style:italic}.beat-dots{justify-content:center;column-gap:var(--space-2);padding-top:var(--space-1);flex-wrap:wrap;row-gap:20px;display:flex}.beat-dot{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;transition:border-color .18s, background .18s, transform .12s var(--ease-out-quart);border-radius:50%;place-items:center;display:grid;position:relative}.beat-dot:hover{border-color:var(--surface-high)}.beat-dot:active{transform:scale(.9)}.beat-dot-core{width:12px;height:12px;transition:width .18s var(--ease-out-quart), height .18s var(--ease-out-quart), background .18s, box-shadow .18s;border-radius:50%}.beat-dot.level-2 .beat-dot-core{background:var(--brand);width:16px;height:16px}.beat-dot.level-1 .beat-dot-core{background:#625245;background:lab(36.1245% 5.4511 10.3029)}.beat-dot.level-0 .beat-dot-core{background:0 0;width:12px;height:12px;box-shadow:inset 0 0 0 1.5px #3b3029;box-shadow:inset 0 0 0 1.5px lab(21.0619% 3.80844 6.70703)}.beat-dot-num{color:var(--text-muted);font-size:.625rem;font-weight:600;transition:color .18s;position:absolute;bottom:-15px}.beat-dot.is-current{background:var(--surface-raised);border-color:#cc87308c;border-color:lab(62.5737% 22.0084 55.2986/.55)}.beat-dot.is-current .beat-dot-num{color:var(--text-secondary)}.beat-dot.is-current.level-1 .beat-dot-core{background:#be9e7c;background:lab(67.4621% 8.70276 22.3434)}.beat-dot.is-hit .beat-dot-core{animation:beatHit .36s var(--ease-out-quart)}@keyframes beatHit{0%{transform:scale(1.9);box-shadow:0 0 #cc87308c;box-shadow:0 0 lab(62.5737% 22.0084 55.2986/.55)}to{transform:scale(1);box-shadow:0 0 0 14px #cc873000;box-shadow:0 0 0 14px lab(62.5737% 22.0084 55.2986/0)}}.beat-dots{margin-bottom:var(--space-3)}.metro-hint{color:var(--text-muted);text-align:center;font-size:.75rem}.metro-transport{align-items:center;gap:var(--space-4);width:100%;margin-top:var(--space-1);display:flex}.play-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);letter-spacing:.02em;background:var(--brand);color:#140b06;color:lab(3.64968% 2.70799 3.22317);transition:background .18s, transform .12s var(--ease-out-quart), box-shadow .18s;border:none;flex:1;font-size:1rem;font-weight:700;display:inline-flex}.play-btn:hover{background:#e29936;background:lab(69.5709% 22.2338 60.305)}.play-btn:active{transform:scale(.98)}.play-btn.is-running{background:var(--surface-high);color:var(--text-primary);box-shadow:inset 0 0 0 1px #cc873066;box-shadow:inset 0 0 0 1px lab(62.5737% 22.0084 55.2986/.4)}.bar-counter{min-width:56px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg);flex-direction:column;align-items:center;gap:1px;display:flex}.bar-counter-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.5625rem;font-weight:700}.bar-counter-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700;line-height:1.2}.metro-controls{gap:var(--space-4);flex-direction:column;display:flex}.metro-card{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.metro-card-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.metro-card-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:700}.tap-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);transition:color .15s, border-color .15s, background .15s, transform .1s var(--ease-out-quart);border-radius:999px;font-size:.8125rem;font-weight:600}.tap-btn:hover{color:var(--brand);border-color:#cc873073;border-color:lab(62.5737% 22.0084 55.2986/.45)}.tap-btn:active{background:var(--surface-high);transform:scale(.95)}.tempo-slider,.volume-slider{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.tempo-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand) 0 var(--fill), var(--surface-high) var(--fill) 100%);border-radius:999px;height:6px}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand) 0 var(--fill), var(--surface-high) var(--fill) 100%);border-radius:999px;height:6px}.tempo-slider::-moz-range-track{background:linear-gradient(to right, var(--brand) 0 var(--fill), var(--surface-high) var(--fill) 100%);border-radius:999px;height:6px}.volume-slider::-moz-range-track{background:linear-gradient(to right, var(--brand) 0 var(--fill), var(--surface-high) var(--fill) 100%);border-radius:999px;height:6px}.tempo-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--brand);width:20px;height:20px;transition:transform .12s var(--ease-out-quart);background:#f0e6da;background:lab(91.9105% 1.80176 7.44995);border-radius:50%;margin-top:-7px;box-shadow:0 2px 8px #00000073;box-shadow:0 2px 8px lab(0% 0 0/.45)}.volume-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--brand);width:20px;height:20px;transition:transform .12s var(--ease-out-quart);background:#f0e6da;background:lab(91.9105% 1.80176 7.44995);border-radius:50%;margin-top:-7px;box-shadow:0 2px 8px #00000073;box-shadow:0 2px 8px lab(0% 0 0/.45)}.tempo-slider::-moz-range-thumb{border:3px solid var(--brand);background:#f0e6da;background:lab(91.9105% 1.80176 7.44995);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 8px #00000073;box-shadow:0 2px 8px lab(0% 0 0/.45)}.volume-slider::-moz-range-thumb{border:3px solid var(--brand);background:#f0e6da;background:lab(91.9105% 1.80176 7.44995);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 8px #00000073;box-shadow:0 2px 8px lab(0% 0 0/.45)}.tempo-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.tempo-slider:focus-visible,.volume-slider:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:999px}.slider-scale{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:calc(-1 * var(--space-2));color:var(--text-muted);font-size:.6875rem;display:flex}.slider-scale span:nth-child(2){color:var(--text-secondary);text-align:center}.preset-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}@media (min-width:520px){.preset-row{grid-template-columns:repeat(6,1fr)}}.preset-chip{padding:var(--space-2) var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;align-items:center;gap:1px;transition:border-color .15s,background .15s,color .15s;display:flex}.preset-name{color:var(--text-secondary);font-size:.75rem;font-style:italic;font-weight:600}.preset-bpm{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.625rem;font-weight:700}.preset-chip:hover{border-color:var(--border);background:var(--surface-raised)}.preset-chip.active{background:#cc87301a;background:lab(62.5737% 22.0084 55.2986/.1);border-color:#cc873080;border-color:lab(62.5737% 22.0084 55.2986/.5)}.preset-chip.active .preset-name{color:var(--brand)}.preset-chip.active .preset-bpm{color:#cc8730cc;color:lab(62.5737% 22.0084 55.2986/.8)}.sig-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}@media (min-width:520px){.sig-grid{grid-template-columns:repeat(8,1fr)}}.sig-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg);min-height:58px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;line-height:1;transition:border-color .15s,background .15s,color .15s;display:flex}.sig-top,.sig-bottom{font-size:1.0625rem;font-weight:700}.sig-top{padding-bottom:3px}.sig-bottom{opacity:.95;border-top:1.5px solid;padding-top:3px}.sig-btn:hover{border-color:var(--border);background:var(--surface-raised);color:var(--text-primary)}.sig-btn.active{color:var(--brand);background:#cc87301f;background:lab(62.5737% 22.0084 55.2986/.12);border-color:#cc873080;border-color:lab(62.5737% 22.0084 55.2986/.5)}.subdiv-row{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:460px){.subdiv-row{grid-template-columns:repeat(4,1fr)}}.subdiv-btn{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);flex-direction:column;transition:border-color .15s,background .15s,color .15s;display:flex}.subdiv-btn:hover{border-color:var(--border);background:var(--surface-raised);color:var(--text-primary)}.subdiv-btn.active{color:var(--brand);background:#cc87301f;background:lab(62.5737% 22.0084 55.2986/.12);border-color:#cc873080;border-color:lab(62.5737% 22.0084 55.2986/.5)}.subdiv-label{letter-spacing:.02em;font-size:.6875rem;font-weight:600}.note-glyph{color:currentColor}.sound-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.sound-chip{padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);background:var(--bg);color:var(--text-secondary);border-radius:999px;font-size:.8125rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.sound-chip:hover{border-color:var(--border);color:var(--text-primary)}.sound-chip.active{color:var(--brand);background:#cc87301f;background:lab(62.5737% 22.0084 55.2986/.12);border-color:#cc873080;border-color:lab(62.5737% 22.0084 55.2986/.5)}.volume-row{align-items:center;gap:var(--space-3);display:flex}.volume-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg);width:34px;height:34px;color:var(--text-secondary);flex-shrink:0;place-items:center;transition:color .15s,border-color .15s;display:grid}.volume-btn:hover{color:var(--brand);border-color:#cc873066;border-color:lab(62.5737% 22.0084 55.2986/.4)}.volume-value{text-align:right;min-width:30px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.metro-shortcuts{gap:var(--space-2) var(--space-5);padding:0 var(--space-1);color:var(--text-muted);flex-wrap:wrap;font-size:.75rem;display:flex}.metro-shortcuts span{align-items:center;gap:var(--space-1);display:inline-flex}.metro-shortcuts kbd{border:1px solid var(--border);background:var(--surface-raised);min-width:20px;color:var(--text-secondary);font-family:var(--font-sans);border-bottom-width:2px;border-radius:4px;place-items:center;padding:2px 6px;font-size:.6875rem;font-weight:600;line-height:1.3;display:inline-grid}.metro-page button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.beat-dot.is-hit .beat-dot-core{animation:none}}.site-header-inner .site-nav{flex:auto}.lang-toggle{padding:3px 3px 3px var(--space-2);border:1px solid var(--border-subtle);background:var(--surface);border-radius:999px;flex-shrink:0;align-items:center;gap:2px;display:flex}.lang-toggle-icon{color:var(--text-muted);flex-shrink:0;margin-right:2px}.lang-btn{padding:4px var(--space-2);color:var(--text-muted);letter-spacing:.06em;background:0 0;border:none;border-radius:999px;font-size:.6875rem;font-weight:700;transition:color .15s,background .15s}.lang-btn:hover{color:var(--text-secondary)}.lang-btn.active{color:var(--brand);background:#cc873024;background:lab(62.5737% 22.0084 55.2986/.14)}.lang-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.site-header-inner{z-index:3;position:relative}.header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.nav-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);flex-shrink:0;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.nav-toggle:hover{color:var(--text-primary)}.nav-toggle.is-open{color:var(--brand);background:#cc87301a;background:lab(62.5737% 22.0084 55.2986/.1);border-color:#cc873066;border-color:lab(62.5737% 22.0084 55.2986/.4)}.nav-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.nav-toggle-box{width:18px;height:12px;position:relative}.nav-toggle-box span{width:100%;height:2px;transition:transform .28s var(--ease-out-quart), opacity .16s linear;background:currentColor;border-radius:2px;position:absolute;left:0}.nav-toggle-box span:first-child{top:0}.nav-toggle-box span:nth-child(2){top:5px}.nav-toggle-box span:nth-child(3){top:10px}.nav-toggle.is-open .nav-toggle-box span:first-child{transform:translateY(5px)rotate(45deg)}.nav-toggle.is-open .nav-toggle-box span:nth-child(2){opacity:0;transform:scaleX(.3)}.nav-toggle.is-open .nav-toggle-box span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.mobile-nav-wrap{z-index:2;transition:grid-template-rows .3s var(--ease-out-quart), border-color .3s;background:#0f0703;background:lab(2.44118% 1.99535 2.31321);border-bottom:1px solid #0000;grid-template-rows:0fr;display:grid;position:absolute;top:100%;left:0;right:0}.mobile-nav-wrap.open{border-bottom-color:var(--border);grid-template-rows:1fr;box-shadow:0 20px 44px -26px #000000f2;box-shadow:0 20px 44px -26px lab(0% 0 0/.95)}.mobile-nav{overflow:hidden}.mobile-nav-link{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:54px;padding:0 var(--space-5);font-family:var(--font-sans);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);font-size:.9375rem;font-weight:600;transition:color .15s,background .15s;display:flex}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:active{background:var(--surface)}.mobile-nav-link svg{opacity:.35;transition:opacity .18s, transform .18s var(--ease-out-quart);flex-shrink:0}.mobile-nav-link.active{color:var(--brand);box-shadow:inset 3px 0 0 var(--brand);background:#cc873014;background:lab(62.5737% 22.0084 55.2986/.08)}.mobile-nav-link.active svg{opacity:1;transform:translate(2px)}.mobile-nav-wrap.open .mobile-nav-link{animation:fadeUp .32s var(--ease-out-quart) backwards}.mobile-nav-wrap.open .mobile-nav-link:first-child{animation-delay:30ms}.mobile-nav-wrap.open .mobile-nav-link:nth-child(2){animation-delay:70ms}.mobile-nav-wrap.open .mobile-nav-link:nth-child(3){animation-delay:.11s}.mobile-nav-wrap.open .mobile-nav-link:nth-child(4){animation-delay:.15s}.nav-scrim{z-index:1;opacity:0;visibility:hidden;cursor:default;transition:opacity .25s var(--ease-in-out), visibility .25s;background:#0101008c;background:lab(.19046% .218391 .203586/.55);border:none;padding:0;position:fixed;inset:0}.nav-scrim.open{opacity:1;visibility:visible}@media (max-width:767px){.site-header-inner{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.site-logo{font-size:1.0625rem}.site-nav,.lang-toggle-icon{display:none}.lang-btn{min-height:30px;padding:0 var(--space-3)}}@media (min-width:768px){.nav-toggle,.mobile-nav-wrap,.nav-scrim{display:none}}@media (prefers-reduced-motion:reduce){.mobile-nav-wrap{transition:none}.mobile-nav-wrap.open .mobile-nav-link{animation:none}.nav-toggle-box span{transition:none}}