@font-face{font-family:Jakarta;src:url('/assets/jakarta.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Recoleta;src:url('/assets/recoleta.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Recoleta;src:url('/assets/recoleta-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* Matches Ouish's styles.css, OuishLogo, AuthLayout, Button and Input. */
:root{color-scheme:light;--paper:#fafaf9;--ink:#1a1a1a;--muted:#6b7280;--amber:#f9c05c;--line:#e5e7eb;--white:#fff;--text-sm:14px;--text-base:16px;--text-lg:20px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-base)/1.6 Jakarta,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#fde68a;color:#1a1a1a}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:from-font}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #b45309;outline-offset:4px}.skip-link{position:fixed;inset:12px auto auto 12px;z-index:10;padding:12px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.header-wrap{width:100%;max-width:1024px;margin:auto;padding:24px 24px 0}header{display:flex;align-items:center;gap:20px;background:var(--white);border-radius:999px;padding:12px 20px}.brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}.brand img{display:block;width:100px;height:31px}.product-label{font-size:var(--text-sm);color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.site-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;font-size:var(--text-sm);text-decoration:none;white-space:nowrap}.site-link:hover{background:#f9fafb;border-color:#d1d5db}main{width:100%;min-height:calc(100svh - 240px);padding:56px 24px;display:flex;align-items:center;justify-content:center}.card{width:100%;max-width:500px;padding:32px;background:var(--white);border-radius:16px}h1,h2,h3{font-family:Recoleta,Georgia,serif;line-height:1.12;text-wrap:balance;margin:0 0 20px}h1{font-size:40px;font-weight:700;letter-spacing:-1px}h2{font-size:28px;font-weight:700;letter-spacing:-.5px}h3{font-size:24px;font-weight:500}p{margin:0 0 20px;overflow-wrap:break-word}.intro{color:var(--muted);font-size:var(--text-base);text-wrap:pretty}.step{display:block;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:12px}.auth-layout{width:100%;max-width:976px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.auth-art{position:relative;margin:12px;min-height:490px;align-self:stretch;max-height:560px}.auth-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;border-radius:16px;box-shadow:0 18px 30px -14px #0003;outline:1px solid #0000000d}.photo-back{position:absolute;inset:6px;background:#fce7c1;border-radius:16px;transform:rotate(-4deg)}.auth-art p{position:absolute;left:30px;top:30px;color:#fff;font:700 42px/1.08 Recoleta,Georgia,serif;letter-spacing:-1px}.auth-card{max-width:none;padding:28px 32px}.auth-heading{text-align:center}.auth-heading h1{font-size:32px;margin-bottom:12px}.auth-heading .intro{font-size:var(--text-sm);margin-bottom:28px}.field{margin-top:20px}label{display:block;font-size:var(--text-sm);font-weight:500;color:#374151;margin-bottom:10px}input:not([type=hidden]){width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:16px;line-height:1.5;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#6b7280}input:focus-visible{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}button{cursor:pointer;min-height:50px;border-radius:999px;padding:13px 24px;width:100%;font-weight:500;line-height:1.5;user-select:none;transition:background-color .2s,box-shadow .2s,transform .2s}button:active{transform:scale(.96)}.primary{margin-top:24px;background:var(--amber);color:#111827;border:1px solid transparent}.primary:hover{box-shadow:0 8px 18px -10px #f9c05c99;background:#f8b944}.secondary{margin-top:10px;background:#fff;border:1px solid var(--line);color:#111827}.secondary:hover{background:#f9fafb}.small{font-size:var(--text-sm);margin:22px 0 0}.fine{font-size:13px;color:var(--muted);margin:20px 0 0}.auth-card .fine,.signup-link{text-align:center}.signup-link a{color:#a44a08;font-weight:600}.error{padding:14px 16px;background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2;border-radius:12px;font-size:var(--text-sm)}.separator{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:var(--text-sm);margin:24px 0}.separator::before,.separator::after{content:'';height:1px;background:#f3f4f6;flex:1}.google-signin,.g_id_signin{display:flex;justify-content:center;max-width:100%;min-width:0}.google-signin{display:block}.google-signin iframe{max-width:100%}.account-label{background:#f9fafb;border-radius:12px;padding:12px 16px;font-size:var(--text-sm);color:var(--muted)}.account-label strong{display:block;color:var(--ink);overflow-wrap:anywhere}.permissions{background:#fffbeb;border-radius:12px;padding:20px}.permissions h2{font:600 var(--text-sm)/1.5 Jakarta,sans-serif;margin-bottom:16px;letter-spacing:0}.permissions ul{padding-left:20px;margin:0;font-size:var(--text-sm)}.permissions li+li{margin-top:12px}.consent-card .fine{text-align:center}.prose{width:100%;max-width:740px;background:#fff;border-radius:16px;padding:40px}.prose h1{font-size:40px}.prose h2{font-size:26px;margin:32px 0 16px}.prose p,.prose li{font-size:16px}.prose p:last-child{margin-bottom:0}.prose a,.card>p>a{color:#92400e}.home{max-width:976px;width:100%;text-align:center;padding-top:12px}.home h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-2.6px;margin-bottom:28px}.home-intro{max-width:640px;margin:0 auto 24px;font-size:20px;line-height:1.7;color:#333;text-wrap:pretty}.getting-started{color:var(--muted);font-size:var(--text-sm);margin:0}.examples{margin-top:48px;text-align:left}.examples>h2{font:600 var(--text-sm)/1.5 Jakarta,sans-serif;color:var(--muted);margin-bottom:16px;letter-spacing:0}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.example{border-radius:16px;padding:24px}.example-amber{background:#fce7c1}.example-blue{background:#e0f2fe}.example-yellow{background:#f3f5bc}.example-number{font-size:13px;color:#57534e;font-variant-numeric:tabular-nums;display:block;margin-bottom:24px}.example h3{font-weight:700;font-size:24px;margin-bottom:12px}.example p{font-size:var(--text-sm);margin:0;line-height:1.7}.home-note{max-width:620px;margin:28px auto 0}footer{max-width:1024px;padding:16px 24px 28px;margin:auto;color:var(--muted);font-size:13px;text-align:center}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 20px;margin-bottom:12px}footer nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}footer nav a:hover{text-decoration:underline}footer p{margin:0;font-size:12px}
@media(max-width:800px){.auth-layout{display:block;max-width:480px}.auth-art{display:none}main{padding:36px 24px}.auth-card{padding:28px}.home h1{font-size:64px}.home-intro{font-size:18px}.example-grid{gap:12px}.example{padding:20px}.example h3{font-size:22px}}
@media(max-width:540px){.header-wrap{padding:16px 16px 0}header{gap:12px;padding:8px 14px}.brand img{width:86px;height:auto}.product-label{padding-left:12px;font-size:12px}.site-link{font-size:12px;padding:8px 12px}main{padding:32px 16px;min-height:calc(100svh - 230px)}.card{padding:26px 22px}.auth-heading h1{font-size:30px}h1{font-size:34px}.home{padding-top:8px}.home h1{font-size:52px;letter-spacing:-1.7px}.home-intro{font-size:17px}.desktop-break{display:none}.example-grid{grid-template-columns:1fr}.examples{margin-top:32px}.example{padding:20px 24px}.example-number{margin-bottom:12px}.example h3{font-size:24px}.prose{padding:28px 22px}.prose h1{font-size:34px}.prose h2{font-size:25px}footer{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}