:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eeeae1;background:#121718}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:28px 20px}
main{width:min(100%,440px);padding:40px 32px;background:#1b2222;border:1px solid #35413d;border-radius:20px;box-shadow:0 24px 70px #0003}
.brand{font-weight:750;font-size:24px;letter-spacing:-1px;margin-bottom:34px}.brand span{font-weight:400;color:#b1c7b3}
.preview-pill{display:inline-block;font-size:12px;color:#bdd0bd;border:1px solid #485b4d;border-radius:30px;padding:6px 10px}
h1{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:20px 0 12px}h2{font-size:14px;margin:0 0 8px}
p{line-height:1.65}.description{color:#c7cec6;margin:0 0 26px}
button{font:inherit;cursor:pointer;border-radius:10px;padding:13px 15px;border:1px solid #506052;background:#27352d;color:#f4f1ea;min-height:48px}
button:focus-visible{outline:3px solid #f0c49d;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{cursor:default;opacity:.65}
.google-button{width:100%;background:#e7eee4;color:#18251b;border-color:#e7eee4;font-weight:650}
.entry-hint{font-size:13px;color:#adb9b0;margin:14px 0 0}.privacy-note{font-size:12px;color:#adb9b0;border-top:1px solid #35413d;margin:28px 0 0;padding-top:20px}
.dialog-note{background:#29372d;border:1px solid #526950;border-radius:10px;padding:14px;font-size:14px;line-height:1.6;margin-top:18px}
#demo-controls{border-top:1px solid #35413d;margin-top:24px;padding-top:20px}.demo-role-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.demo-role-buttons button{font-size:12px;flex:1}
[hidden]{display:none!important}noscript{display:block;margin-top:16px;color:#f0c49d}
@media(max-width:420px){main{padding:30px 22px}h1{font-size:32px}}