/* GENERATED FILE. Do not edit. Source: CHROME_CSS in functions/sharePreview.js.
   Regenerate with: node web_app/scripts/sync_chrome.mjs */
/* KOFA-CHROME-START (generated copies must match; see sync_chrome.mjs) */
.lhead{position:sticky;top:0;left:auto;width:auto;margin:0;padding:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #eaeaea;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:#111}
.lhead a{text-decoration:none;color:inherit}
.lhead-in{max-width:1200px;margin:0 auto;padding:15px 24px;display:flex;justify-content:flex-start;align-items:center;gap:30px}
.lhead-logo{font-weight:900;font-size:31px;letter-spacing:-1.2px;flex:none;color:#111}
.lhead-nav{display:flex;justify-content:flex-start;max-width:none;margin:0;padding:0;gap:26px;font-size:15px;font-weight:600}
.lhead-nav a{color:#3a3a3a;font-weight:600}
.lhead-nav a:hover{color:#111}
.lhead-actions{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:15px;font-weight:600;flex:none}
.lhead-actions .lh-link{color:#3a3a3a}
.lhead-actions .lh-link:hover{color:#111}
.lh-signin{background:#111;color:#fff;padding:11px 20px;border-radius:11px}
.lhead .lh-signin{color:#fff}
.nav-toggle{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.nav-burger{display:none;margin:0 0 0 auto;padding:0;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;flex:none}
.nav-burger span{display:block;width:22px;height:2px;background:#111;border-radius:2px;transition:transform .2s,opacity .2s}
.lhead-mobile{display:none;flex-direction:column;background:#fff;border-top:1px solid #eaeaea}
.lhead-mobile a{padding:15px 24px;border-bottom:1px solid #eaeaea;font-size:16px;font-weight:600;color:#2a2a2a}
.lhead-mobile a:last-child{border-bottom:none}
.lhead-mobile .mob-signin{color:#111;font-weight:800}
.nav-toggle:checked ~ .lhead-mobile{display:flex}
.nav-toggle:checked ~ .lhead-in .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle:checked ~ .lhead-in .nav-burger span:nth-child(2){opacity:0}
.nav-toggle:checked ~ .lhead-in .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.lfoot{background:#141414;color:#cfcfcf;margin:56px 0 0;padding:0;border-top:none;width:auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
.lfoot a{text-decoration:none}
.lfoot-in{max-width:1200px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.2fr 2fr;gap:44px}
.lfoot-logo{font-size:27px;font-weight:900;letter-spacing:-1px;color:#fff}
.lfoot-brand p{margin:11px 0 0;font-size:14px;color:#9a9a9a;max-width:250px;line-height:1.55}
.lfoot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lfoot-cols h5{font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#8a8a8a;margin:0 0 13px}
.lfoot-cols a{display:block;font-size:14px;color:#cfcfcf;margin:9px 0;transition:color .15s}
.lfoot-cols a:hover{color:#fff}
.lfoot-copy{max-width:1200px;margin:0 auto;padding:20px 24px;border-top:1px solid #262626;font-size:12.5px;color:#8a8a8a}
@media(max-width:860px){.lhead-nav,.lhead-actions{display:none}.nav-burger{display:flex}.lfoot-in{grid-template-columns:1fr;gap:30px}.lfoot-cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lhead-logo{font-size:27px}.lhead-in{gap:16px}}
.kblobs{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;overflow:hidden}
.kblob{position:absolute;border-radius:50%;filter:blur(64px);opacity:.5;will-change:transform}
.kb1{width:540px;height:540px;top:-160px;right:-170px;background:radial-gradient(circle at 30% 30%,#e2e7ef,#eef0f4)}
.kb2{width:400px;height:400px;top:46%;left:-170px;background:radial-gradient(circle at 35% 30%,#e8e6f0,#f1f0f6)}
.kb3{width:310px;height:310px;top:80%;right:6%;background:radial-gradient(circle at 30% 30%,#e4ecea,#f0f4f3)}
@media(max-width:700px){.kb1{width:340px;height:340px}.kb2{width:260px;height:260px}.kb3{display:none}}
/* KOFA-CHROME-END */
