@import url('/fonts.css');
:root{font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:#1C1410;background:#FBF8F2;font-size:14px}*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom)}[hidden]{display:none!important}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 34px;background:#FBF8F2;border-bottom:1px solid #EAE3D2}header strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:400;letter-spacing:.01em}
main,.mobile-setup,.storage-tools{max-width:720px;margin:24px auto;padding:30px;background:#FFFEFC;border:1px solid #EFE9DA;border-radius:0}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:.01em;line-height:1.2}h1{font-size:40px;margin:4px 0 20px}h2{font-size:29px}p{line-height:1.75;margin:0 0 16px;color:#5A4E48}label,.eyebrow{display:block;font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#7A6860}.muted,.pre-release{font-size:12px;color:#7A6860}
button,input,select{font-family:inherit;min-height:44px;border-radius:0}input,select{font-size:16px;padding:12px;background:#FCFAF5;border:1px solid #E3DCCB;color:#1C1410;margin:8px 0 22px;max-width:100%;width:100%}button{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:12px 22px;background:#F7F2EA;color:#5A4433;border:1px solid rgba(107,83,68,.45);cursor:pointer;margin:6px 8px 10px 0;line-height:1.4}button:hover{background:#F4EFE5}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #B8735A;outline-offset:3px}#browser-probe{background:transparent;border-color:#E3DCCB;color:#7A6860}.help{max-width:720px;margin:24px auto}.help>details{padding:22px 30px;background:#FFFEFC;border:1px solid #EFE9DA}.help summary{cursor:pointer;font-size:12px;font-weight:500;line-height:1.6;color:#6B5344}.help details details{padding-top:14px;border-top:1px solid #EFE9DA;margin-top:14px}.help p{margin-top:10px}.storage-tools{background:#F6F2E9;padding:20px 30px}.storage-tools p:last-child{margin-bottom:0}iframe{display:block;width:100%;height:calc(100dvh - 140px);border:0}#status{margin:12px 24px}#workspace{margin:0;padding:0}
@media(max-width:760px){header{padding:18px 16px;flex-wrap:wrap;gap:8px}header strong{font-size:23px}main,.mobile-setup,.storage-tools{margin:16px;padding:22px}.help{margin:16px}.help>details{padding:20px 22px}h1{font-size:34px}button{max-width:100%}#browser-probe{display:block}#status{margin:12px 16px}}

.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{display:block;width:170px;height:auto;max-width:48vw;flex-shrink:0}.brand-divider{display:block;width:1px;height:26px;background:#EAE3D2;flex-shrink:0}.brand-sub{font-family:Inter,Arial,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#7A6860}@media(max-width:420px){.brand{gap:9px}.brand img{width:145px}.brand-sub{font-size:9px;letter-spacing:.08em}}

/* Blend the supplied white logo background into the cream app surface. */
.brand img{mix-blend-mode:multiply}
/* Exact original header dimensions and type, including installed standalone mode. */
.brand img{height:36px;width:auto;max-width:none;flex-shrink:0}.brand{gap:10px}.brand-divider{height:26px;margin-left:4px}.brand-sub{font-size:10.5px;font-weight:400;letter-spacing:.14em;text-transform:none;margin-left:10px;white-space:nowrap}h1,h2,h3{font-weight:300}header.topbar{padding:14px 20px;background:#FBF8F2}button.primary::after{content:'→';margin-left:8px}button.primary{display:inline-flex;align-items:center;justify-content:center;gap:6px}@media(max-width:420px){.brand img{height:36px;width:auto}.brand-sub{font-size:10.5px;letter-spacing:.14em}.brand{gap:8px}.brand-sub{margin-left:3px}}

body>header{padding:14px 20px;position:sticky;top:0;z-index:20;padding-top:max(14px,env(safe-area-inset-top));background:#FBF8F2}#login button[type=submit]::after,#install-app::after,#open-cached::after,#browser-probe::after{content:'→';margin-left:8px}#gate{max-width:400px;margin:72px auto;padding:0 24px;background:transparent;border:0}#gate h1{font-size:36px;letter-spacing:.02em}#login button[type=submit]{width:100%}@media(max-width:600px){#gate{margin:40px auto}body>header{padding-left:16px;padding-right:16px}}


/* Match the live bot header; local storage, access and dossier behaviour are unchanged. */
.brand img,.brand-logo{height:40px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:normal}
.brand-divider{margin:0 4px;height:26px;background:#EAE3D2}
.brand-sub{margin-left:0;color:#8C7B6E;font-size:10.5px;font-weight:400;letter-spacing:.14em}
@media(max-width:720px){
 .brand,.header-brand{flex-wrap:wrap;gap:8px;min-width:0}
 .brand img,.brand-logo{height:32px;width:auto;max-width:100%;max-height:none}
 .brand-divider{display:none}
 .brand-sub{font-size:9px;white-space:normal;overflow-wrap:anywhere}
}