.public-page{--public-text:#a6b6c7;--public-accent:var(--primary);min-height:100vh;color:var(--foreground);background:var(--background)}html.light .public-page{--public-text:#526575;--public-accent:#0e7490}.public-page *,.public-footer *{box-sizing:border-box}.public-page :is(a,button,input,select):focus-visible,.public-footer a:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.public-page :is(h1,h2,h3,p,li){overflow-wrap:anywhere}.public-shell{width:min(1240px,100% - 40px);margin-inline:auto}.public-header{border-bottom:1px solid var(--border)}.public-header>div{flex-wrap:wrap;align-items:center;gap:15px;min-height:80px;padding-block:14px;display:flex}.public-brand{color:var(--foreground);letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:9px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.public-brand img{flex-shrink:0}.public-brand span>span{color:var(--primary)}.public-brand em{color:var(--accent-foreground);font-style:normal}.public-header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.public-header-actions>a{color:var(--public-text);align-items:center;gap:8px;font-size:12px;display:inline-flex}.public-content{max-width:950px;padding-block:50px 65px}.public-eyebrow{color:var(--public-accent);letter-spacing:1.6px;margin:0 0 14px;font:500 10px/1.8 IBM Plex Mono,monospace}.public-skip{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:12px;position:fixed;top:-100px;left:15px}.public-skip:focus{top:12px}.public-footer{border-top:1px solid var(--border);background:var(--background);color:var(--muted-foreground);padding-block:25px}.public-footer nav{flex-wrap:wrap;gap:16px 24px;display:flex}.public-footer a{color:var(--muted-foreground);font-size:12px;text-decoration:none}.public-footer a:hover{color:var(--foreground)}.public-footer p{overflow-wrap:anywhere;margin:20px 0 0;font-size:10px;line-height:1.8}.auth-main{align-items:center;gap:45px;padding-block:45px 60px;display:grid}.auth-story{display:none}.auth-card{border:1px solid var(--border);background:var(--card);border-radius:18px;width:100%;max-width:460px;margin-inline:auto;padding:27px}.auth-card h1{letter-spacing:-.8px;margin:0;font-size:29px;font-weight:600;line-height:1.3}.auth-card>p{color:var(--public-text);margin-top:10px;font-size:13px;line-height:1.8}.auth-card form{flex-direction:column;gap:18px;margin-top:25px;display:flex}.auth-card [data-slot=input]{height:44px;font-size:16px}.auth-card form>button[type=submit]{min-height:44px}.auth-card label{line-height:1.6}.auth-card a{color:var(--public-accent)}.password-field{position:relative}.password-field>button{width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.password-field>button:hover{background:var(--secondary)}.auth-note{border-left:2px solid var(--border);padding-left:12px}.compat-hero h1{letter-spacing:-1.4px;margin:0;font-size:clamp(32px,4vw,49px);font-weight:600;line-height:1.15}.compat-hero>p:last-child{color:var(--public-text);max-width:680px;margin:20px 0 35px;font-size:16px;line-height:1.85}.compat-group-title{flex-wrap:wrap;align-items:baseline;gap:14px;font-size:21px;font-weight:600;display:flex}.compat-group-title span{color:var(--public-text);font-size:12px;font-weight:400}.compat-list{gap:12px;margin:25px 0 45px;padding:0;list-style:none;display:grid}.compat-list li{border:1px solid var(--border);background:var(--card);border-radius:12px;min-width:0;padding:23px}.compat-list h4{overflow-wrap:anywhere;margin:0 0 10px;font-size:17px;font-weight:600}.compat-list p{color:var(--public-text);margin:0;font-size:12px;line-height:1.8}.compat-state{color:var(--public-text);margin-block:25px;font-size:14px;line-height:1.8}.compat-guide{border-top:1px solid var(--border);padding-top:35px}.compat-guide h2{letter-spacing:-.7px;font-size:27px;font-weight:600}.compat-guide p,.compat-guide li{color:var(--public-text);font-size:14px;line-height:1.9}.compat-guide ol{margin-block:20px;padding-left:22px}.compat-example{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-block:24px;padding:22px}.compat-example pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0;font:400 13px/1.9 IBM Plex Mono,monospace}.compat-guide a{color:var(--public-accent)}@media (width>=850px){.public-shell{width:min(1240px,100% - 80px)}.auth-main{grid-template-columns:1.2fr 1fr;gap:85px;padding-block:65px 80px}.auth-story{max-width:550px;display:block}.auth-story h2{letter-spacing:-1.5px;margin:0 0 24px;font-size:clamp(35px,3.7vw,49px);font-weight:600;line-height:1.15}.auth-story h2 span{color:var(--public-accent)}.auth-story>p:not(.public-eyebrow){color:var(--public-text);font-size:15px;line-height:1.85}.auth-story ul{gap:25px;margin:32px 0;padding:0;list-style:none;display:grid}.auth-story li{gap:16px;display:flex}.auth-story li>svg{color:var(--public-accent);flex-shrink:0;margin-top:3px}.auth-story strong{font-size:14px;font-weight:600;display:block}.auth-story li span{color:var(--public-text);margin-top:5px;font-size:13px;line-height:1.8;display:block}.auth-story>a{color:var(--public-accent);font-size:13px}.auth-card{padding:35px}.compat-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.public-brand{gap:6px;font-size:15px}.public-header-actions{gap:6px}.public-header-actions>a{gap:4px;font-size:11px}.auth-card{padding:22px}}@media (prefers-reduced-motion:reduce){.public-page *,.public-page :before,.public-page :after{transition:none!important;animation:none!important}}