:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#0ad6a1;--primary-50:#0ad6a180;--primary-accent:#0ad6a1;--on-fill:#fff;--ink:#fff;--ink-50:#ffffff80;--ink-35:#ffffff59;--ink-15:#ffffff26;--error:#f44336;--voice:#5fe7af;--surface:#03181e;--sheet:#000000e6;--artwork:url(/assets/background_gradient-DghwIDzJ.jpg);--font:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary-accent:#00795a;--ink:#03181e;--ink-50:#03181ea6;--ink-35:#03181e1f;--ink-15:#03181e0f;--error:#c1271b;--voice:#00a57c;--surface:#f0f8f4;--sheet:#fffffff0;--artwork:url(/assets/background_gradient_light-BLdOHpqW.jpg)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--surface)}body:before{content:"";z-index:-1;background:var(--surface) var(--artwork) no-repeat;background-position:-42lvh 0;background-size:100lvh 100lvh;width:100vw;height:100lvh;position:fixed;inset:0 auto auto 0}@media (width>=600px){body:before{background-position:50%;background-size:cover}}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.25}::selection{background:var(--primary-50)}h1,h2,p,ul{margin:0;padding:0}button,input,select{font:inherit;color:inherit}a{color:var(--primary-accent)}button,a,input,select,label{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--primary-accent);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{max-width:30rem;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex;position:relative}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex;position:relative}.topbar-start,.topbar-end{align-items:center;gap:4px;display:flex}main{flex-direction:column;flex:1;display:flex}.footer{z-index:1;justify-content:center;display:flex;position:relative}.footer a{color:var(--ink-50);padding:12px 8px;font-size:12px;text-decoration:none}.logo{flex:none;display:block}.body{font-size:16px}.note{color:var(--ink-50);font-size:12px}.headline{overflow-wrap:break-word;flex:1;padding-top:16px;font-size:36px;font-weight:700;line-height:1.2}.icon-button,.glass-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);border:0;border-radius:100px;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button{cursor:pointer;touch-action:manipulation;flex:none;width:64px;height:64px}.icon-button:active:not(:disabled){transform:scale(.96)}.icon-button:disabled{opacity:.5;cursor:default}.icon-button-glass{background:var(--ink-35)}.icon-button-primary{background:var(--primary);color:var(--on-fill)}.icon-button-danger{background:var(--error);color:#fff}.glass-pill{background:var(--ink-35);gap:8px;height:60px;padding:0 28px 0 24px;font-size:16px}.language{font-size:16px;font-weight:500}.language select{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;position:absolute;inset:0}.language:focus-within{outline:2px solid var(--primary-accent);outline-offset:3px}.button{cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;height:60px;font-size:16px;font-weight:400;transition:transform .14s ease-out;display:inline-flex}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{cursor:default}.button-primary{background:var(--primary);color:var(--on-fill)}.button-primary:disabled{background:var(--primary-50);color:var(--ink-50)}.button-secondary{background:var(--ink-35);color:var(--ink)}.button-secondary:disabled{background:var(--ink-15);color:var(--ink-50)}.text-button{min-height:48px;color:var(--primary-accent);cursor:pointer;background:0 0;border:0;font-size:16px}.spinner{color:var(--primary)}.screen{z-index:1;flex-direction:column;flex:1;padding:0 8px;display:flex;position:relative}.centered{text-align:center;justify-content:center;align-items:center;gap:16px}.home{text-align:center;justify-content:center;align-items:center;padding-bottom:200px}.home .body{margin-bottom:48px}.code-cells{cursor:text;gap:4px;margin-bottom:24px;display:flex;position:relative}.code-cell{background:var(--ink-15);border:1px solid #0000;border-radius:42px;justify-content:center;align-items:center;width:56px;height:89px;font-size:36px;transition:background-color .16s ease-out,border-color .16s ease-out;display:flex}.code-cell.is-focused{border-color:var(--ink);background:0 0}.code-cell.is-filled{background:var(--primary);color:var(--on-fill)}.code-cells-input{opacity:0;caret-color:#0000;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.paste{width:180px}.terms{justify-content:space-between;padding-top:16px;padding-bottom:16px}.terms-header{gap:8px;margin-bottom:16px;display:flex}.terms .body{margin-bottom:32px}.glass-card{background:var(--ink-15);border-radius:30px;margin-bottom:12px;padding:12px 0}.legal-row{color:var(--ink);align-items:center;gap:12px;padding:16px;font-size:16px;text-decoration:none;display:flex}.legal-row span{flex:1}.terms .button{margin-top:32px}.room{justify-content:flex-end;padding-bottom:66px}.room-slot{justify-content:center;align-items:center;min-height:64px;display:flex}.not-speaking{text-align:center;flex-direction:column;align-items:center;font-size:16px;display:flex}.connecting{align-items:center;gap:8px;font-size:14px;display:flex}.audio-controls{gap:28px;display:flex}.voice-line{z-index:0;width:100vw;height:236px;color:var(--voice);pointer-events:none;opacity:.5;transition:opacity .1s ease-out,transform .1s ease-out;position:fixed;top:calc(50dvh - 118px);left:0;transform:scaleY(.84)}.voice-line.is-active{opacity:1;transform:none}.sheet-backdrop{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:30rem;padding:32px 16px calc(16px + env(safe-area-inset-bottom));background:var(--sheet);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border-radius:30px 30px 0 0;animation:.26s cubic-bezier(.22,1,.36,1) sheet-in;position:relative}.sheet-handle{background:var(--ink-50);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:14px;left:50%}.sheet-title{margin-bottom:4px;font-size:24px;font-weight:400;line-height:1.3}.sheet-body{color:var(--ink-50);font-size:16px;line-height:1.3}.sheet-tips{text-align:left;margin:40px 12px 0}.sheet-tips-title{color:var(--ink-50);margin-bottom:12px}.sheet-tips ul{flex-direction:column;gap:10px;padding-left:22px;display:flex}.sheet-tips li::marker{color:var(--ink-50)}.sheet-actions{flex-direction:column;gap:8px;margin-top:40px;display:flex}@keyframes sheet-in{0%{transform:translateY(100%)}}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin,.sheet{animation:none}.button,.voice-line,.code-cell{transition:none}}.gallery{grid-template-columns:repeat(auto-fill,390px);gap:16px;padding:16px;display:grid}.gallery>*{outline:1px solid var(--ink-15);height:844px;overflow:auto}.gallery .shell{min-height:100%}
