:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#fff;--text2:#ffffffdb;--text3:#ffffffad;--hair:#fff3;--amber:#ffb547;--teal:#5fd4cf;--green:#7ee2a2;--violet:#b9a6ff;--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#16142c;margin:0;font-size:16px;line-height:1.55;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.glass{-webkit-backdrop-filter:blur(36px)saturate(170%);backdrop-filter:blur(36px)saturate(170%);background:linear-gradient(#ffffff1a,#ffffff08),#12102694;border-radius:28px;position:relative;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff0d,0 24px 70px #06041a73}.glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#ffffffbf,#ffffff14 35%,#fff0 60%,#ffffff47);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing{padding:max(24px, env(safe-area-inset-top)) max(40px, 6vw) max(24px, env(safe-area-inset-bottom));transition:opacity .5s var(--ease), transform .5s var(--ease);background:linear-gradient(90deg,#100c2800 30%,#100c2859);justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.landing.leaving{opacity:0;pointer-events:none;transform:scale(.98)}.sheet{scrollbar-width:none;gap:18px;width:min(460px,100%);max-height:calc(100vh - 48px);padding:34px 32px 26px;display:grid;overflow-y:auto}.sheet::-webkit-scrollbar{display:none}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text2);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.dot{background:var(--amber);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ffb5472e,0 0 18px #ffb547b3}h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.1}.lede{color:var(--text2);text-wrap:pretty;margin:0;font-size:17px}.verbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.verbs li{box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff0f;border-radius:16px;gap:2px;padding:12px 14px;display:grid}.verbs .g{color:var(--text3);font-size:13.5px}.verbs .v{font-size:17px;font-weight:600}.amber{color:var(--amber)}.teal{color:var(--teal)}.green{color:var(--green)}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{appearance:none;cursor:pointer;height:46px;transition:transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);background:#ffffff1f;border:0;border-radius:999px;padding:0 22px;font-size:15px;font-weight:600;box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #ffffff1f}.btn:hover{background:#fff3;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.primary{color:#16171b;background:#f5f5f8;box-shadow:0 10px 30px #ffffff2e,inset 0 -1px #00000014}.btn.primary:hover{background:#fff}.btn.small{height:36px;padding:0 14px;font-size:14px}.btn:focus-visible,.chip:focus-visible,.mic:focus-visible,.btn-pill:focus-visible,.seg button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.status{color:var(--text3);margin:-4px 0 0;font-size:14px}.fineprint{color:var(--text3);margin:0;font-size:13.5px}.settings{box-shadow:inset 0 0 0 1px var(--hair);background:#00000024;border-radius:18px}.settings summary{cursor:pointer;justify-content:space-between;padding:12px 16px;font-size:14px;font-weight:600;list-style:none;display:flex}.settings summary::-webkit-details-marker{display:none}.settings summary:after{content:"›";transition:transform .25s var(--ease);color:var(--text3);transform:rotate(90deg)}.settings[open] summary:after{transform:rotate(-90deg)}.rows{padding:0 16px 14px;display:grid}.steps{color:var(--text2);gap:10px;margin:0;padding:0 16px 14px 34px;font-size:15px;display:grid}.steps b{color:var(--text);font-weight:600}.key{color:var(--text);white-space:nowrap;background:#ffffff1f;border-radius:999px;padding:0 7px;font-size:14px;font-weight:600;display:inline-block}.menu-pill{gap:6px;font-weight:600}.row{border-top:1px solid var(--hair);justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.row small{color:var(--text3);font-size:13px;display:block}.row.buttons{flex-wrap:wrap;justify-content:flex-start;padding-top:10px}.seg{background:#ffffff14;border-radius:999px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--text2);transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:5px 11px;font-size:14px}.seg button.on{color:#16171b;background:#ffffffeb;font-weight:600}.switch{appearance:none;cursor:pointer;width:44px;height:26px;transition:background .25s var(--ease);background:#ffffff29;border-radius:999px;flex:none;position:relative}.switch:after{content:"";width:20px;height:20px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(18px)}.switch:focus-visible{outline:2px solid var(--teal);outline-offset:2px}input[type=time]{color:var(--text);font:inherit;background:#ffffff14;border:0;border-radius:10px;padding:5px 10px}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.pill{border-radius:999px;align-items:center;gap:10px;height:40px;padding:0 16px;font-size:14.5px;font-weight:500;display:inline-flex}.pill .sep{background:var(--hair);width:1px;height:14px}.muted{color:var(--text2)}.top-left{top:max(18px, env(safe-area-inset-top));position:absolute;left:18px}.top-right{top:max(18px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute;right:18px}.btn-pill{cursor:pointer;border:0}.btn-pill:hover{background:linear-gradient(#fff3,#ffffff14),#12102694}.bottom{left:50%;bottom:max(20px, env(safe-area-inset-bottom));justify-items:center;gap:10px;width:min(820px,100% - 32px);display:grid;position:absolute;transform:translate(-50%)}.hint{color:var(--text2);text-align:center;text-wrap:balance;text-shadow:0 1px 3px #0009;margin:0;font-size:14px}kbd{font:600 12.5px var(--font);color:var(--text);background:#ffffff2e;border-radius:6px;padding:1px 7px}.bar{border-radius:999px;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.mic{cursor:pointer;color:#16171b;width:44px;height:44px;transition:transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);background:#ffffffeb;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.mic:hover{transform:scale(1.05)}.mic.live{background:var(--amber);animation:1.4s ease-in-out infinite breathe;box-shadow:0 0 0 6px #ffb54738,0 0 30px #ffb54799}@keyframes breathe{50%{box-shadow:0 0 0 10px #ffb5471f,0 0 40px #ffb54780}}#say{flex:1;min-width:0}#say-input{width:100%;height:44px;color:var(--text);font:500 15px var(--font);background:0 0;border:0;outline:none;padding:0 8px}#say-input::placeholder{color:var(--text3)}.divider{background:var(--hair);flex:none;width:1px;height:22px}.chip{cursor:pointer;height:36px;transition:background .2s var(--ease);background:#ffffff14;border:0;border-radius:999px;flex:none;padding:0 14px;font-size:14.5px;font-weight:600}.chip:hover{background:#ffffff2e}@media (width<=720px){.landing{background:linear-gradient(#100c2800 20%,#100c2880);justify-content:center;align-items:flex-end;padding:16px}.sheet{max-height:72vh;padding:26px 22px 20px}.chip[data-act=closeout],.chip[data-act=menu],.divider,.hint,.top-left #hud-summary,.top-left .sep{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
