:root{--robocamp-pink:#e6007e;--robocamp-blue:#312783}html,body,#root{height:100%}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-Bold-DM16brCS.otf)format("opentype");font-style:bold;font-display:swap}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-Light-DuR3vBSk.otf)format("opentype");font-style:light;font-display:swap}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-Black-Ba0Cf_TX.otf)format("opentype");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-BlackItalic-Zn2z709e.otf)format("opentype");font-style:italic;font-weight:900;font-display:swap}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont-SQU0RjE2.ttf)format("truetype");font-style:normal;font-display:swap}body{background-color:#f5f5f5;margin:0;overflow:hidden}button,h1,h2,h3,h4,h5,h6{font-family:Metropolis;font-weight:900}p,span,a,div{font-family:Open Sans}.login-screen{background:#fff;justify-content:center;align-items:center;height:100vh;display:flex}.login-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.login-logo{width:220px;max-width:60vw}.login-status{color:#312783;margin:0;font-size:15px;line-height:1.5}.login-status-error{color:#b0004b}.login-loader{place-items:center;width:56px;height:56px;display:grid}.login-loader-spinner{border:4px solid #31278329;border-top-color:var(--robocamp-pink);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.pink-btn{background:var(--robocamp-pink);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;padding:12px 30px;font-size:16px;font-weight:700;transition:transform .2s ease-in-out}.pink-btn:hover{transform:scale(1.1)}.pink-btn-secondary{color:var(--robocamp-blue);background:0 0;border:2px solid #3127832e;margin-top:4px}.pink-btn-secondary:hover{transform:scale(1.04)}.pink-btn:disabled{cursor:wait;opacity:.7;transform:none}.pink-btn-quiet{color:var(--robocamp-pink);background:#e6007e1a}.topbar{z-index:1000;background:#fff;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:20px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000a}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-logo{height:auto}.topbar-title{color:var(--robocamp-blue);font-size:18px;font-weight:700}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-user{color:#333;font-size:14px}.topbar-logout{padding:8px 14px;font-size:14px}.main-content{padding:20px 20px 84px}.bottom-nav{z-index:1000;background:#fff;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;gap:8px;padding:10px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 6px #0000000a}.bottom-nav-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 14px;font-weight:500}.bottom-nav-button.active{background:var(--robocamp-pink);color:#fff}.settings-page{color:#222}.home-uploader{gap:14px;display:grid}.uploader-row{align-items:center;gap:10px;display:flex}.uploader-select{box-sizing:border-box;color:#222;background:#fff;border:1px solid #3127831f;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-size:15px}.uploader-select:focus{border-color:#e6007e59;box-shadow:0 0 0 4px #e6007e14}.uploader-actions{margin-top:6px}.uploader-preview{gap:8px;display:grid}.uploader-preview img{border:1px solid #3127830f;border-radius:12px;max-width:100%}.uploader-preview-actions{gap:10px;display:flex}.settings-hero h2{margin:0;font-size:28px;line-height:1.1}.settings-card{background:linear-gradient(#fff 0%,#fff8fb 100%);border:1px solid #e6007e14;border-radius:22px;padding:18px;box-shadow:0 10px 30px #1c18400f}.settings-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.settings-card-header h3{color:var(--robocamp-blue);margin:0;font-size:20px}.settings-help,.settings-status{color:#666;margin:8px 0 0;line-height:1.5}.settings-status-error{color:#b0004b}.settings-list{gap:12px;min-height:28px;margin:16px 0;display:grid}.settings-empty{color:#4b4b4b;background:#3127830d;border-radius:18px;padding:16px}.bot-card{background:#fff;border:1px solid #31278314;border-radius:18px;padding:14px 15px}.bot-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bot-name{color:var(--robocamp-blue);font-size:16px;font-weight:700}.bot-id{color:#6b6b6b;word-break:break-all;margin-top:4px;font-size:12px}.bot-delete-btn{color:#b0004b;cursor:pointer;background:#b0004b14;border:1px solid #b0004b24;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:700}.bot-delete-btn:disabled{opacity:.6;cursor:wait}.settings-form{gap:12px;margin-top:18px;display:grid}.settings-field{color:var(--robocamp-blue);gap:8px;font-weight:600;display:grid}.settings-field input{box-sizing:border-box;color:#222;background:#fff;border:1px solid #31278324;border-radius:16px;outline:none;width:100%;padding:14px;font-size:16px}.settings-field input:focus{border-color:#e6007e59;box-shadow:0 0 0 4px #e6007e14}.settings-bots-card{gap:0;display:grid}.settings-submit{justify-content:center;width:100%}.created{background:#3127830d;border:1px solid #31278314;border-radius:18px;margin-top:18px;padding:16px}.created h4{color:var(--robocamp-blue);margin:0 0 8px}.created p{margin:0 0 8px}.created-token-label{color:#666;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;margin-top:8px!important;margin-bottom:6px!important}.created-token{word-break:break-all;color:var(--robocamp-blue);background:#fff;border:1px solid #3127831a;border-radius:14px;padding:12px 14px;display:block}@media (width<=640px){.topbar{padding:16px 14px}.topbar-title{font-size:16px}.main-content{padding:14px 14px 88px}.settings-page{gap:14px;display:grid}.settings-card{border-radius:20px;padding:14px}.settings-hero h2{font-size:24px}.settings-card-header{flex-direction:column;align-items:flex-start}.settings-callout{flex-direction:column}.pink-btn{width:100%}.bot-card-top{flex-direction:column}.bot-delete-btn{width:100%}}.card-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.home-card{background:linear-gradient(#fff,#fffdfa);border:1px solid #3127830f;border-radius:16px;padding:14px}.home-card h3{color:var(--robocamp-blue);margin:0 0 8px}.small-muted{color:#666;margin:0 0 8px;font-size:13px}@media (width<=640px){.card-row{grid-template-columns:1fr}.welcome{font-size:20px}}.topbar-title{font-family:Metropolis;font-weight:200}