*{box-sizing:border-box}html,body{color:#eef4ff;background:radial-gradient(circle at 50% -10%,#21365f 0,#0000 38%),#07101f;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.shell{justify-content:center;min-height:100dvh;display:flex}.app{flex-direction:column;width:100%;min-height:100dvh;display:flex}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#081120c7;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:18px;display:flex}.avatar{letter-spacing:1px;background:radial-gradient(circle at 35% 25%,#74f5dc,#3688df 45%,#182d64);border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-weight:700;display:grid;box-shadow:0 0 32px #41aaff42}.header h1{margin:0;font-size:20px}.header p{color:#8ea1be;margin:3px 0 5px;font-size:12px}.status{color:#9ee5cf;align-items:center;gap:6px;font-size:12px;display:flex}.status span{background:#5ee7bd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #5ee7bd}.conversation{flex:1;padding:18px 14px 110px;overflow-y:auto}.messageRow{margin:9px 0;display:flex}.messageRow.user{justify-content:flex-end}.bubble{border-radius:18px;max-width:88%;padding:12px 14px;font-size:15px;line-height:1.45}.messageRow.ana .bubble{background:#152238;border-bottom-left-radius:5px}.messageRow.user .bubble{background:linear-gradient(135deg,#287bd4,#3455bc);border-bottom-right-radius:5px}.thinking{color:#9daec7}.approval{border-top:1px solid #ffffff1a;gap:8px;margin-top:13px;padding-top:12px;display:grid}.approval strong{color:#ffd79a}.approval small{color:#9daec7}.approval button{cursor:pointer;color:#fff;background:#287bd4;border:0;border-radius:11px;padding:10px 14px;font-weight:600}.approval button.danger{background:#b83d4b}.composer{padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07101ff0;border-top:1px solid #ffffff14;gap:9px;display:flex;position:fixed;bottom:0;left:0;right:0}.composer input{color:#eef4ff;background:#101c30;border:1px solid #263752;border-radius:14px;outline:none;flex:1;min-width:0;padding:13px 15px}.composer input:focus{border-color:#418fdd}.composer button{color:#fff;cursor:pointer;background:#287bd4;border:0;border-radius:14px;padding:0 16px;font-weight:600}.composer button:disabled{opacity:.45}@media (min-width:760px){.shell{padding:30px}.app{background:#07101fa6;border:1px solid #ffffff17;border-radius:24px;max-width:860px;min-height:calc(100dvh - 60px);overflow:hidden}.composer{margin-top:auto;position:sticky}.conversation{padding-bottom:24px;padding-left:24px;padding-right:24px}.bubble{max-width:72%}}.loginShell{place-items:center;min-height:100dvh;padding:20px;display:grid}.loginCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1425db;border:1px solid #ffffff17;border-radius:24px;width:100%;max-width:420px;padding:34px 28px;box-shadow:0 24px 70px #0000004d}.loginAvatar{background:radial-gradient(circle at 35% 25%,#74f5dc,#3688df 45%,#182d64);border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 18px;font-size:20px;font-weight:700;display:grid;box-shadow:0 0 36px #41aaff4d}.loginCard h1{text-align:center;margin:0;font-size:25px}.loginCard>p{text-align:center;color:#8ea1be;margin:7px 0 28px}.loginCard form{gap:17px;display:grid}.loginCard label{color:#aebbd0;gap:7px;font-size:13px;display:grid}.loginCard input{color:#fff;background:#101c30;border:1px solid #293a56;border-radius:13px;outline:none;width:100%;padding:13px 14px}.loginCard input:focus{border-color:#418fdd}.loginCard button{color:#fff;cursor:pointer;background:#287bd4;border:0;border-radius:13px;margin-top:5px;padding:13px;font-weight:600}.loginCard button:disabled{opacity:.5}.loginError{color:#ffabb4;background:#b83d4b29;border-radius:11px;padding:10px 12px;font-size:13px}.logoutButton{z-index:50;color:#aebbd0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111f34d9;border:1px solid #ffffff1f;border-radius:10px;padding:8px 13px;position:fixed;top:18px;right:20px}.logoutButton:hover{color:#fff;border-color:#ffffff3d}@media (max-width:600px){.logoutButton{padding:7px 10px;font-size:12px;top:12px;right:12px}}.header{min-height:112px;padding-right:110px;position:relative}.avatarFrame{background:#101d32;border:2px solid #64b5ff4d;border-radius:50%;flex:0 0 78px;width:78px;height:78px;transition:box-shadow .35s,transform .35s,border-color .35s;position:relative;overflow:hidden;box-shadow:0 0 0 5px #3384d20f,0 0 30px #2f8ee52e}.anaPortrait{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block;transform:scale(1.08)}.avatarFrame.thinking{border-color:#52adffcc;animation:2.2s ease-in-out infinite anaThink;box-shadow:0 0 0 6px #3891eb1a,0 0 34px #3d9dff6b}.avatarFrame.executing{border-color:#ffb755d9;animation:1.4s ease-in-out infinite anaWork;box-shadow:0 0 0 6px #ffb14214,0 0 36px #ffa4325c}.avatarFrame.approval{border-color:#ffcd72b3;box-shadow:0 0 28px #ffbd4c38}.headerInfo{min-width:0}.status.thinking{color:#82c7ff}.status.executing{color:#ffc978}.status.approval{color:#ffd799}.status.thinking span{background:#5eb5ff;animation:1.6s ease-in-out infinite statusPulse;box-shadow:0 0 9px #5eb5ff}.status.executing span{background:#ffb34f;animation:1s ease-in-out infinite statusPulse;box-shadow:0 0 9px #ffb34f}.status.approval span{background:#ffd071;box-shadow:0 0 8px #ffd071}@keyframes anaThink{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes anaWork{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes statusPulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:600px){.header{min-height:92px;padding:14px 74px 14px 14px}.avatarFrame{flex-basis:62px;width:62px;height:62px}.header h1{font-size:19px}.header p{font-size:11px}}.header{padding-right:18px}.logoutButton{color:#91a4bf;cursor:pointer;background:#122035b8;border:1px solid #ffffff1c;border-radius:10px;flex:none;margin-left:auto;padding:8px 13px;font-size:13px;transition:color .2s,background .2s,border-color .2s;position:static}.logoutButton:hover{color:#eef4ff;background:#1d3250e6;border-color:#fff3}@media (max-width:600px){.header{padding:14px}.logoutButton{margin-left:auto;padding:7px 9px;font-size:11px;position:static}}.backendStatus{color:#71839d;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.backendStatus i{background:#5ee7bd;border-radius:50%;width:6px;height:6px}.backendStatus.offline{color:#d88d96}.backendStatus.offline i{background:#e16170}.messageBlock{max-width:88%}.messageRow.user .messageBlock{flex-direction:column;align-items:flex-end;display:flex}.messageRow.ana .messageBlock{flex-direction:column;align-items:flex-start;display:flex}.messageBlock .bubble{max-width:100%}.messageTime{color:#54657e;margin:4px 7px 0;font-size:10px}.composer textarea{resize:none;color:#eef4ff;background:#101c30;border:1px solid #263752;border-radius:14px;outline:none;flex:1;min-width:0;max-height:140px;padding:13px 15px;line-height:1.4;overflow-y:auto}.composer textarea:focus{border-color:#418fdd}.thinkingDots{vertical-align:middle;gap:4px;margin-right:8px;display:inline-flex}.thinkingDots i{background:#82c7ff;border-radius:50%;width:5px;height:5px;animation:1.25s ease-in-out infinite anaDot}.thinkingDots i:nth-child(2){animation-delay:.15s}.thinkingDots i:nth-child(3){animation-delay:.3s}@keyframes anaDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (min-width:760px){.messageBlock{max-width:72%}}@media (max-width:600px){.composer textarea{padding:12px 13px;font-size:16px}.backendStatus{font-size:10px}}.composer{flex-wrap:wrap}.documentChip{color:#c9def7;background:#16304eb8;border:1px solid #6aaeff3d;border-radius:11px;flex:0 0 100%;justify-content:space-between;align-items:center;gap:10px;padding:8px 11px;font-size:12px;display:flex}.documentChip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.documentChipRemove{color:#93a9c5;cursor:pointer;background:0 0;border:0;flex:none;font-size:20px;line-height:1}.documentChipRemove:hover{color:#fff}.attachmentButton{cursor:pointer;-webkit-user-select:none;user-select:none;background:#101c30;border:1px solid #263752;border-radius:13px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:19px;display:flex}.attachmentButton:hover{background:#14243b;border-color:#418fdd}.attachmentButton.disabled{opacity:.45;cursor:default}.attachmentButton input{display:none}@media (max-width:600px){.attachmentButton{width:42px;min-width:42px;height:42px}}.devicesPage{max-width:1000px;margin:0 auto;padding:32px 20px 60px}.devicesHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.devicesHeader h1{margin:0 0 6px}.devicesHeader p{opacity:.72;margin:0}.devicesGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.devicesCard{background:#8080800f;border:1px solid #80808040;border-radius:18px;padding:20px}.devicesCard h2{margin-top:0}.devicesPrimaryButton,.devicesDangerButton,.devicesActions button{cursor:pointer;font:inherit;border:0;border-radius:12px;padding:11px 16px}.devicesPrimaryButton{color:#fff;background:#2377ff}.devicesDangerButton{margin-top:18px;display:block}.devicesOverlay{z-index:1000;background:#00000094;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.devicesModal{background:var(--background,#fff);width:min(560px,100%);max-height:90vh;color:var(--foreground,#111);border-radius:20px;padding:26px;overflow:auto;box-shadow:0 24px 80px #00000040}.devicesModal h2{margin-top:0}.devicesActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.devicesPairingReady{background:#2377ff1a;border-radius:14px;margin-top:18px;padding:16px}@media (max-width:640px){.devicesHeader{flex-direction:column;align-items:stretch}.devicesPrimaryButton{width:100%}.devicesActions{flex-direction:column-reverse}}.deviceClaimPage{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.deviceClaimCard{background:#8080800f;border:1px solid #80808038;border-radius:22px;width:min(600px,100%);padding:30px}.deviceClaimCard h1{margin-top:0;margin-bottom:14px}.deviceClaimComputer{gap:12px;margin:24px 0;display:grid}.deviceClaimComputer>div{background:#80808014;border-radius:12px;justify-content:space-between;gap:20px;padding:13px 15px;display:flex}.deviceClaimComputer span{opacity:.68}.deviceClaimNotice{background:#2377ff1a;border-radius:14px;margin-top:20px;padding:15px}.deviceClaimActions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.deviceClaimActions button{cursor:pointer;font:inherit;border:0;border-radius:12px;padding:11px 16px}.deviceClaimSuccess{background:#1eb45a29;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:20px;font-size:28px;display:grid}.deviceClaimMuted{opacity:.65}@media (max-width:640px){.deviceClaimComputer>div{flex-direction:column;gap:4px}.deviceClaimActions{flex-direction:column-reverse}.deviceClaimActions button{width:100%}}.avatarMenuWrap{z-index:80;flex:none;position:relative}.avatarButton{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;margin:0;padding:0;display:block}.avatarButton:hover .avatarFrame{border-color:#6fc5ff94;transform:scale(1.035)}.avatarButton:focus-visible{outline-offset:5px;outline:2px solid #5eb5ff}.avatarMenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0a1425f7;border:1px solid #ffffff1c;border-radius:16px;width:270px;padding:8px;position:absolute;top:calc(100% + 13px);left:0;box-shadow:0 22px 60px #00000070,0 0 0 1px #2d7fcd0a}.avatarMenu:before{content:"";background:#0a1425f7;border-top:1px solid #ffffff1c;border-left:1px solid #ffffff1c;width:11px;height:11px;position:absolute;top:-6px;left:31px;transform:rotate(45deg)}.avatarMenuItem{color:#eef4ff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;width:100%;min-height:48px;padding:9px 11px;text-decoration:none;display:flex}.avatarMenuItem:hover{background:#3979be24}.avatarMenuItem span{font-size:14px;font-weight:600}.avatarMenuItem small{color:#7f93af;font-size:11px;line-height:1.3}.avatarMenuDisabled{cursor:default;opacity:.48}.avatarMenuDisabled:hover{background:0 0}.avatarMenuSeparator{background:#ffffff14;height:1px;margin:6px 4px}.avatarMenuLogout{color:#b9c5d8;min-height:42px}.avatarMenuLogout:hover{color:#fff;background:#ffffff0f}.aboutPage{min-height:100dvh;padding:28px 16px 60px}.aboutShell{width:100%;max-width:760px;margin:0 auto}.aboutTop{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.aboutBack{color:#94bff0;font-size:14px;text-decoration:none}.aboutBack:hover{color:#fff}.aboutBadge{color:#8295af;font-size:12px}.aboutHero{margin-bottom:24px;padding:8px 2px 12px}.aboutHero h1{margin:0 0 8px;font-size:36px}.aboutHero p{color:#aebbd0;max-width:650px;margin:0;font-size:16px;line-height:1.65}.aboutCard{background:#0d192cb8;border:1px solid #ffffff17;border-radius:18px;margin-top:14px;padding:22px}.aboutCard h2{margin:0 0 10px;font-size:18px}.aboutCard p{color:#a8b7cc;margin:0;line-height:1.65}.aboutPrimary{color:#fff;background:#287bd4;border-radius:11px;margin-top:18px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.aboutPrimary:hover{background:#3288e5}@media (max-width:600px){.avatarMenu{width:auto;position:fixed;top:88px;left:12px;right:12px}.avatarMenu:before{left:31px}.avatarMenuItem{min-height:52px}.aboutPage{padding-top:20px}.aboutTop{flex-direction:column;align-items:flex-start;gap:8px}.aboutHero h1{font-size:31px}}.devicesBack{color:#94bff0;align-items:center;margin-bottom:22px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.devicesBack:hover{color:#fff}@media (max-width:600px){.devicesBack{margin-bottom:16px;font-size:13px}}.devicesDownloadButton{cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.devicesCard>.devicesPrimaryButton{margin-top:14px}.deviceCard{background:linear-gradient(145deg,#12233bd1,#0b172ab8);border-color:#598ec929;padding:22px;position:relative;box-shadow:0 14px 40px #0000001f}.deviceCardTop{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.deviceCardTitle{min-width:0}.deviceCardTitle h2{color:#eef4ff;overflow-wrap:anywhere;margin:0 0 4px;font-size:19px}.deviceHostname{color:#7187a5;overflow-wrap:anywhere;font-size:12px;display:block}.deviceStatus{border-radius:999px;flex:none;align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.deviceStatus i{border-radius:50%;width:7px;height:7px}.deviceStatus.online{color:#8ce2c5;background:#37be911a}.deviceStatus.online i{background:#56d8ad;box-shadow:0 0 8px #56d8adbf}.deviceStatus.offline{color:#8799b1;background:#7c8fa817}.deviceStatus.offline i{background:#74869f}.deviceMeta{background:#ffffff09;border:1px solid #ffffff0e;border-radius:13px;gap:1px;display:grid;overflow:hidden}.deviceMeta>div{background:#07111f47;justify-content:space-between;align-items:center;gap:18px;padding:11px 13px;display:flex}.deviceMeta span{color:#71839d;font-size:12px}.deviceMeta strong{color:#cbd7e8;text-align:right;font-size:12px;font-weight:500}.deviceCard .devicesDangerButton{color:#cf8d96;background:#96313c1a;border:1px solid #ff75802e;margin-top:18px;padding:9px 12px;font-size:12px}.deviceCard .devicesDangerButton:hover{color:#ffb2bb;background:#96313c2e;border-color:#ff758052}.deviceCard.revoked{opacity:.58}.deviceRevoked{color:#7e8da3;margin-top:17px;font-size:12px}@media (max-width:640px){.deviceCard{padding:18px}.deviceCardTop{gap:10px}.deviceCardTitle h2{font-size:17px}.deviceMeta>div{flex-direction:column;align-items:flex-start;gap:4px}.deviceMeta strong{text-align:left}}.devicesOnboardingModal{color:#eef4ff;background:linear-gradient(145deg,#112036fa,#091424fa);border:1px solid #6da8e629}.devicesModalBadge{color:#8ec5ff;background:#3080d51f;border-radius:999px;margin-bottom:16px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.devicesOnboardingModal h2{margin-bottom:8px}.devicesModalIntro{color:#aebbd0;margin:0 0 22px;line-height:1.55}.devicesSteps{gap:10px;display:grid}.devicesStep{background:#ffffff06;border:1px solid #fff1;border-radius:14px;gap:13px;padding:14px;display:flex}.devicesStep>span{color:#8ec5ff;background:#2377ff29;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.devicesStep strong{color:#eef4ff;margin-bottom:4px;font-size:14px;display:block}.devicesStep p{color:#869ab6;margin:0;font-size:12px;line-height:1.45}.devicesSecurityNote,.devicesTestNotice{border-radius:13px;margin-top:14px;padding:13px 14px;font-size:12px;line-height:1.5}.devicesSecurityNote{color:#9bbbd8;background:#278bcd14}.devicesTestNotice{color:#c6aa75;background:#daa34112}.devicesOnboardingModal .devicesActions{margin-top:22px}.devicesOnboardingModal .devicesActions>button{color:#aebbd0;background:#ffffff0f}@media (max-width:640px){.devicesOnboardingModal{padding:20px}.devicesStep{padding:12px}}.computerChatAction{margin-top:12px}.computerChatAction a{color:#a9d1ff;background:#287bd429;border:1px solid #4e99e838;border-radius:11px;justify-content:center;align-items:center;padding:9px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.computerChatAction a:hover{color:#fff;background:#287bd440;border-color:#4e99e861}@media (max-width:600px){.computerChatAction a{width:100%}}.taskCancelBar{color:#d8e2f0;background:#53192459;border:1px solid #e161704d;border-radius:12px;flex:0 0 100%;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-size:12px;display:flex}.taskCancelButton{color:#fff;cursor:pointer;font:inherit;background:#791f2dbd;border:1px solid #e1617075;border-radius:10px;flex:none;padding:8px 11px;font-weight:600}.taskCancelButton:hover:not(:disabled){background:#972738db}.taskCancelButton:disabled{opacity:.55;cursor:default}@media (max-width:600px){.taskCancelBar{flex-direction:column;align-items:stretch;gap:8px}.taskCancelButton{width:100%}}.composer .taskCancelButton{color:#fff;cursor:pointer;appearance:none;background:#8e2635eb;border:1px solid #e16170a6;border-radius:12px;width:100%;min-height:52px;padding:13px 18px;font-size:16px;font-weight:600;line-height:1.2}.composer .taskCancelButton:hover:not(:disabled){background:#a82d3ef5}.composer .taskCancelButton:disabled{opacity:.6;cursor:default}@media (max-width:600px){.composer .taskCancelButton{min-height:54px;font-size:16px}}.messageRow.ana .bubble{white-space:pre-wrap}
