*{box-sizing:border-box}html,body{color:#171717;-webkit-text-size-adjust:100%;background:#f6f3ed;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button,input,select{font:inherit}a{color:inherit}.shell{width:min(760px,100% - 32px);padding-top:max(48px, calc(24px + env(safe-area-inset-top)));padding-bottom:max(80px, calc(32px + env(safe-area-inset-bottom)));margin:0 auto}.hero{margin-bottom:28px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:16px;font-size:clamp(36px,8vw,64px);line-height:.98}.lead{color:#555;max-width:620px;line-height:1.55}.card{background:#fffdf9;border:1px solid #d9d3c8;border-radius:20px;margin-bottom:16px;padding:20px}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}input,select{background:#fff;border:1px solid #cfc8bc;border-radius:12px;width:100%;min-height:48px;padding:12px 14px}button,.routeButton{color:#fff;cursor:pointer;touch-action:manipulation;background:#171717;border:0;border-radius:999px;min-height:48px;padding:11px 18px}.routeButton{justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}button.secondary{color:#171717;background:#ece7de}button:disabled{cursor:not-allowed;opacity:.45}.accountActions{justify-content:flex-end}.muted{color:#6a655d;font-size:14px}.status{background:#f0ece4;border-radius:12px;padding:10px 12px;font-size:14px}.status.offline{top:max(8px, env(safe-area-inset-top));z-index:10;margin-bottom:16px;position:sticky}.sessionGrid{gap:14px;display:grid}.sessionMeta{color:#625d55;gap:4px;margin-bottom:14px;font-size:14px;display:grid}.sessionTitle{margin-bottom:8px;font-size:22px}.installPromptBackdrop{z-index:1000;padding:20px;padding-bottom:max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;align-items:end;display:grid;position:fixed;inset:0}.installPromptCard{background:#fffdf9;border:1px solid #d9d3c8;border-radius:28px;width:min(100%,520px);margin:0 auto;padding:26px;box-shadow:0 20px 60px #0000003d}.installPromptIcon{color:#f6f3ed;background:#171717;border-radius:18px;place-items:center;width:68px;height:68px;margin-bottom:18px;font-size:34px;font-weight:800;display:grid}.installPromptEyebrow{color:#6a655d;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:700}.installPromptTitle{margin-bottom:10px;font-size:clamp(28px,7vw,36px);line-height:1.05}.installPromptCopy{color:#555;margin-bottom:22px;font-size:16px;line-height:1.5}.installPromptActions{grid-template-columns:1fr auto;gap:10px;display:grid}.installPromptPrimary,.installPromptLater{min-height:52px}.installPromptLater{color:#171717;background:#ece7de}@media (max-width:560px){.shell{width:min(100% - 24px,760px);padding-top:max(28px, calc(16px + env(safe-area-inset-top)))}.card{border-radius:16px;padding:16px}.row>button,.row>.routeButton{flex:150px}.accountActions{width:100%}.installPromptBackdrop{padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom))}.installPromptCard{border-radius:24px;padding:24px 20px}.installPromptActions{grid-template-columns:1fr}}
