@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background-color:#000;font-family:Roboto,sans-serif}textarea::placeholder{color:#ffffff4d;transition:opacity}textarea:focus::placeholder{opacity:0}.background-dots{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.app-content{z-index:1;min-height:100vh;position:relative}@keyframes dotPulse{0%,to{opacity:0}50%{opacity:1}}.bg-dot{pointer-events:none;background:#fff;border-radius:50%;animation:ease-in-out infinite dotPulse;position:absolute}.home-title{font-size:50px;line-height:60px}.role-selection-content{text-align:center;width:100%;max-width:560px}.role-selection-content h1{font-size:clamp(30px,6vw,42px);font-weight:300;line-height:1.2}.role-selection-intro{color:#fff9;margin:14px auto 32px;font-size:16px;font-weight:300;line-height:1.6}.role-selection-options{gap:14px;display:grid}.role-selection-option{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:0 solid #000;border-radius:16px;align-items:flex-start;gap:18px;width:100%;padding:22px;font-family:Roboto,sans-serif;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.role-selection-option:hover,.role-selection-option:focus-visible{background:#ffffff17;transform:translateY(-2px)}.role-selection-option:focus-visible{outline-offset:3px;outline:2px solid #fff}.role-selection-icon{background:#ffffff12;border:0 solid #444;border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.role-selection-copy{gap:7px;padding-top:2px;display:grid}.role-selection-title{align-items:center;gap:8px;font-size:21px;font-weight:400;display:flex}.role-selection-description{color:#fff;font-size:13px;font-weight:300;line-height:1.5}.role-selection-hint{color:#ffffff61;margin-top:26px;font-size:13px;font-weight:300;line-height:1.5}.conversation-thread{scrollbar-width:thin;scrollbar-color:#3a3a3a #0b0b0b}.conversation-thread::-webkit-scrollbar{width:8px}.conversation-thread::-webkit-scrollbar-track{background:#0b0b0b;border-radius:8px}.conversation-thread::-webkit-scrollbar-thumb{background:#3a3a3a;border:2px solid #0b0b0b;border-radius:8px}.conversation-thread::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.toolbar{flex-wrap:wrap;align-items:center;gap:24px;width:100%;max-width:720px;margin-top:16px;display:flex}.mode-label-group{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.mode-info-button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:15px;height:15px;padding:0;font:700 10px/1 Roboto,sans-serif;display:inline-flex}.mode-info-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.mode-info-tooltip{z-index:20;color:#ffffffd9;text-align:left;background:#161616;border:1px solid #333;border-radius:12px;width:min(300px,100vw - 32px);padding:14px 16px;font:300 13px/1.6 Roboto,sans-serif;position:absolute;top:calc(100% + 12px);box-shadow:0 8px 26px #0009}.mode-info-tooltip-default{left:0}.mode-info-tooltip-chain{right:0}p.mode-unavailable-note,p.password-error-note{color:#ffffffd9;background:#161616;border:1px solid #333;border-radius:12px;padding:14px 16px;font:300 13px/1.6 Roboto,sans-serif;box-shadow:0 8px 26px #0009}p.mode-unavailable-note{text-align:left;align-items:flex-start;gap:10px;width:min(380px,100%);margin-top:30px;display:flex}p.password-error-note{text-align:center;width:100%;margin-bottom:12px}.mode-unavailable-icon{cursor:default;margin-top:3px}.modal-close-button{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:10px;right:10px}.modal-close-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.send-now-btn{color:#000;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background-color:#fff;border:none;border-radius:50px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:400}.send-now-btn:disabled{color:#000;opacity:1;cursor:not-allowed;background-color:#fff}@media (max-width:600px){.home-page{padding-inline:16px!important}.home-title{font-size:40px;line-height:48px}.mode-toggle-row{gap:6px!important}.conversation-page{--conversation-page-padding:12px;--thread-padding-left:10px;--thread-padding-right:8px}.toolbar{justify-content:center;gap:16px}.send-now-btn{order:10;width:100%;margin-top:8px;padding:14px 28px}.toolbar-mode{text-align:center;flex-basis:100%;margin-left:0!important}.toolbar-mode>div{transform:translate(50%);right:50%!important}}