/* Theme tokens mirror app.peach.talk (peach-funnel-site src/index.css :root / .dark) */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format("woff2")}
:root{color-scheme:light dark;
--background:38 12% 83%;--foreground:222 47% 8%;--card:38 14% 90%;--card-foreground:222 47% 8%;
--primary:190 100% 26%;--primary-foreground:210 30% 96%;--muted:38 10% 76%;--muted-foreground:218 26% 22%;
--border:0 0% 93%;--input:190 100% 26% / 0.18;--ring:190 100% 26%;--destructive:0 72% 42%;--radius:0.75rem}
@media (prefers-color-scheme:dark){:root{
--background:222 47% 7%;--foreground:210 40% 98%;--card:222 47% 10%;--card-foreground:210 40% 98%;
--primary:190 100% 50%;--primary-foreground:222 47% 7%;--muted:215 20% 18%;--muted-foreground:215 20% 65%;
--border:190 100% 50% / 0.12;--input:190 100% 50% / 0.14;--ring:190 100% 50%;--destructive:0 84% 65%}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(var(--background));color:hsl(var(--foreground));font:16px/1.5 "Manrope",system-ui,sans-serif}
.card{width:100%;max-width:440px;background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:8px;padding:28px;margin:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.brand{display:flex;justify-content:center;margin-bottom:20px}
.brand img{height:36px;width:auto}
.logo-dark{display:none}
@media (prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:block}}
h1{font-size:20px;font-weight:700;margin:0 0 8px}
.muted{color:hsl(var(--muted-foreground));font-size:14px}
a{color:hsl(var(--primary))}
input{width:100%;padding:12px;background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font:inherit;margin:8px 0}
input:focus,.btn:focus-visible,.link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}
.btn{width:100%;padding:12px;border:0;border-radius:calc(var(--radius) - 2px);background:hsl(var(--primary));color:hsl(var(--primary-foreground));font:600 16px/1.25 "Manrope",system-ui,sans-serif;cursor:pointer;margin-top:4px}
.btn:hover{filter:brightness(1.08)}
.btn.secondary{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border))}
.btn.secondary:hover{background:hsl(var(--muted))}
.btn:disabled{opacity:.6;cursor:default}
.row{display:flex;gap:10px}
.link{background:none;border:0;color:hsl(var(--primary));cursor:pointer;padding:0;font:inherit;font-size:14px}
.sep{text-align:center;color:hsl(var(--muted-foreground));font-size:13px;margin:14px 0 4px}
.error{color:hsl(var(--destructive))}ul{padding-left:20px}

.mark{font-size:48px;line-height:1;color:hsl(var(--primary));text-align:center}.code{font:800 28px/1.2 ui-monospace,Menlo,monospace;letter-spacing:4px;text-align:center;background:hsl(var(--primary)/.1);color:hsl(var(--primary));border-radius:12px;padding:14px;margin:16px 0}.small{font-size:13px}#connected h1{text-align:center}.grant{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid hsl(var(--muted)/.5)}.grant .btn{width:auto;margin:0;padding:8px 14px}