@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--blue:#0784ff;--ink:#272a30;--muted:#93959e;--border:#e9e9ed;--font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--canvas:#f7f9fc;--glass-fill:#ffffff9c;--glass-edge:#ffffffd9;--glass-blur:blur(24px) saturate(1.7);--glass-sheen:linear-gradient(135deg, #ffffffb8, #ffffff24 45%, #e5efff33);--glass-shadow:inset 0 1px 0 #fff, inset 1px 0 0 #fff9, inset -1px -1px 0 #fff6, 0 4px 16px #263b5e12, 0 1px 3px #263b5e0a;--overlay-shadow:var(--glass-shadow), 0 20px 64px #233b6329, 0 4px 12px #233b6312;--control-fill:linear-gradient(145deg, #fffc, #e1eeff99);--control-shadow:inset 0 1px 0 #fff, 0 2px 6px #263b5e0d;--inset-fill:#eaf0f780;--inset-shadow:inset 0 1px 3px #263b5e0a, 0 1px 0 #fffc;--primary-fill:linear-gradient(155deg, #4fb2ff, #0784ff 80%);--primary-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #0068dc38, 0 3px 8px #0877dc29;--workspace-background:radial-gradient(ellipse at 8% 0%, #e5f1ff8a, transparent 40%), radial-gradient(ellipse at 100% 100%, #eee9fa70, transparent 42%), var(--canvas)}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--font);margin:0;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #80bfff}input:focus,textarea:focus{outline:none}button{border:0}button svg{flex-shrink:0}button{transition:background .18s,transform .18s,color .18s}button:active:not(:disabled){transform:scale(.97)}.liquid-glass{isolation:isolate;background:var(--glass-sheen), var(--glass-fill);border:1px solid var(--glass-edge);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);position:relative}.liquid-glass:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(115deg,#ffffff70,#0000 30% 70%,#bad7ff1a);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff40}.liquid-glass.glass-overlay{--glass-fill:#ffffffc2;box-shadow:var(--overlay-shadow)}.chat-header>*,.composer-area>*{pointer-events:auto}.chat-app{flex-direction:column;max-width:none;height:100dvh;min-height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}.app-window{background:var(--workspace-background);height:100%;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--glass-sheen), var(--glass-fill);border-right:1px solid var(--glass-edge);z-index:12;border-radius:30px;flex-direction:column;flex-shrink:0;width:min(310px,100vw - 32px);padding:0 14px 14px;transition:transform .23s;display:flex;position:absolute;top:10px;bottom:10px;left:10px;transform:translate(calc(-100% - 16px))}.sidebar-toolbar{justify-content:space-between;align-items:center;height:62px;padding:9px 9px 0;display:flex}.icon-button{color:#9698a2;background:0 0;border-radius:9px;justify-content:center;align-items:center;min-width:32px;min-height:32px;display:flex}.icon-button:hover{color:#555a65;background:#00000007}.compose-button{color:#717784}.sidebar-heading{align-items:center;gap:10px;padding:13px 10px 20px;display:flex}.sidebar-heading h1{font-family:"Manrope", var(--font);letter-spacing:-1.2px;margin:0;font-size:27px;font-weight:800}.sidebar-heading h1>span{color:var(--blue)}.conversation-count{color:#9a9da6;text-align:center;border:1px solid #e0e1e8;border-radius:5px;min-width:18px;margin-top:4px;padding:2px 4px;font-size:10px}.search-box{color:#999ca6;background:#dce5f25c;border:1px solid #ffffff85;border-radius:16px;align-items:center;gap:7px;margin:0 8px;padding:10px 11px;display:flex}.search-box:focus-within{border-color:#9acbff;box-shadow:0 0 0 3px #0784ff0a}.search-box input{color:#535864;background:0 0;border:0;flex:1;width:100%;min-width:0;font-size:11px}.search-box input::placeholder{color:#969aa5}.sidebar-label{letter-spacing:1.1px;color:#7b899d;padding:28px 10px 12px;font-size:9px;font-weight:600}.conversation-list{flex:1;min-height:110px;overflow-y:auto}.conversation{text-align:left;background:0 0;border-radius:18px;gap:11px;width:100%;margin-bottom:5px;padding:14px 11px;display:flex;position:relative}.conversation.selected{background:#d5e9ff9c;box-shadow:inset 0 1px #ffffffa6,0 2px 5px #52759a08}.conversation:hover{background:#e4edfa99}.conversation-copy{flex:1;min-width:0}.conversation-top{justify-content:space-between;align-items:center;margin:0 0 5px;display:flex}.conversation-top strong{font-size:13px;font-weight:650}.conversation-top time{color:#9ca5b3;font-size:9px}.conversation-title{white-space:nowrap;text-overflow:ellipsis;color:#707887;margin:0 0 4px;font-size:11px;display:block;overflow:hidden}.conversation-preview{-webkit-line-clamp:2;color:#77869b;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.avatar{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.avatar piot-mascot{width:100%;height:100%}.avatar-large{width:112px;height:112px}.unread-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:32px;left:2px}.online-dot{background:#69b39a;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.online-dot.offline{background:#b4b7bf}.no-results{color:#9b9da7;padding:16px;font-size:12px}.chat-panel{isolation:isolate;--composer-height:96px;--header-height:104px;background:0 0;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-header{height:var(--header-height);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:4;pointer-events:none;background:0 0;border-bottom:0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:absolute;inset:0 0 auto}.chat-panel.is-empty{--header-height:76px}.chat-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.browser-toggle{width:44px;min-width:44px;height:44px;color:var(--blue);border-radius:50%}.browser-toggle.is-active{background:#e0ecff}.browser-panel{width:var(--browser-panel-width,clamp(440px, 48vw, 1000px));z-index:6;border-left:1px solid #dfe7f3;flex-direction:column;flex-shrink:0;min-width:320px;max-width:calc(100% - 320px);display:flex;position:relative}.browser-resize-handle{z-index:8;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:12px;position:absolute;inset:0 auto 0 -6px}.browser-resize-handle:before{content:"";background:0 0;width:2px;position:absolute;inset:0 auto 0 5px}.browser-resize-handle:hover:before,.browser-resize-handle:focus-visible:before,.browser-panel.is-resizing .browser-resize-handle:before{background:#5b94ef}.browser-panel.is-resizing{-webkit-user-select:none;user-select:none}.browser-panel.is-resizing .browser-viewport{pointer-events:none}.browser-panel-heading,.browser-control-bar{justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.browser-panel-heading{min-height:84px}.browser-panel-title,.browser-panel-actions{align-items:center;gap:12px;display:flex}.browser-panel-title{color:#4b7dd4}.browser-panel-title strong{color:#3f506e;font-size:15px;display:block}.browser-panel-title span{color:#8391a9;margin-top:4px;font-size:11px;display:block}.browser-control-bar{border-top:1px solid #e5ebf4;border-bottom:1px solid #e5ebf4;padding:12px 20px}.browser-control-bar>span{color:#667791;align-items:center;gap:7px;font-size:12px;display:flex}.browser-control-button{background:var(--control-fill);border:1px solid var(--glass-edge);box-shadow:var(--control-shadow);color:#376dc4;font:inherit;cursor:pointer;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:600}.browser-control-button:disabled{opacity:.55;cursor:wait}.browser-control-button:focus-visible,.browser-toggle:focus-visible{outline-offset:3px;outline:2px solid #4c87ed}.browser-viewport{background:#eaf0f8;flex:1;min-height:0;position:relative;overflow:hidden}.browser-stream{width:100%;height:100%;position:relative;overflow:hidden}.browser-remote-display{transform-origin:0 0;position:absolute}.browser-stream-status,.browser-placeholder{text-align:center;color:#7c8da8;background:#eaf0f8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;font-size:13px;display:flex;position:absolute;inset:0}.browser-error{color:#a14e3b;background:#fff3ec;padding:12px 20px;font-size:12px;line-height:1.6}.browser-profile-note{color:#8391a9;margin:0;padding:14px 20px;font-size:11px;line-height:1.6}@media (max-width:800px){.browser-panel{width:min(var(--browser-panel-width,600px), 100%);min-width:min(320px,100%);max-width:100%;position:absolute;inset:0 0 0 auto;box-shadow:-12px 0 40px #38568112}}@media (pointer:coarse){.browser-resize-handle{width:20px;left:-10px}.browser-resize-handle:before{left:9px}}.contact{color:#3d4b60;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:104px;min-height:80px;padding:7px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.contact-name{justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:650;display:flex}.contact-status{color:#6f7d90;justify-content:center;align-items:center;gap:3px;margin-top:3px;font-size:7px;display:flex}.contact-status .online-dot{width:4px;height:4px}.is-active{color:var(--blue)}.conversations-button{background:var(--glass-sheen), var(--glass-fill);color:var(--blue);border-radius:50%;gap:0;width:44px;min-width:44px;height:44px;margin-left:0;font-size:11px;display:flex}.icon-button.liquid-glass:hover{color:var(--blue);background:linear-gradient(135deg,#fffffff0,#e9f3ff99)}.chat-scroll{overscroll-behavior:contain;scroll-behavior:smooth;padding:calc(var(--header-height) + 8px) 24px calc(var(--composer-height) + 24px);scrollbar-width:thin;scrollbar-color:#e6e7ed transparent;min-height:0;scroll-padding-top:calc(var(--header-height) + 8px);scroll-padding-bottom:calc(var(--composer-height) + 24px);flex:1;overflow-y:auto}.date-divider{text-align:center;color:#8793a4;letter-spacing:.2px;min-height:30px;padding:10px 0 0;font-size:8px}.date-divider span{color:#c6c7cc;padding:0 2px}.chat-scroll.is-empty{display:flex}.welcome{text-align:center;flex-direction:column;align-items:center;margin:auto;padding-bottom:32px;display:flex}.welcome .contact{gap:20px;width:auto;min-height:0;padding:0;position:static;transform:none}.welcome h2{font-family:"Manrope", var(--font);letter-spacing:-1px;color:#373c47;margin:0;font-size:clamp(26px,3vw,32px);font-weight:650;line-height:1.3}.welcome .contact-status{color:#8793a4;gap:5px;margin-top:10px;font-size:12px}.user-bubble:after,.assistant-bubble:before{content:"";width:14px;height:18px;clip-path:path("M0 0H8C8 8 9 14 14 18C7 18 2 15 0 12Z");pointer-events:none;background:#e7edf5;position:absolute;bottom:0}.composer-area{padding:10px 16px max(10px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;background:linear-gradient(#f7f9fc00,#f7f9fcbd 70%);flex-shrink:0;position:absolute;inset:auto 0 0}.composer{align-items:flex-end;gap:10px;max-width:760px;margin:0 auto;display:flex}.input-shell{border:1px solid var(--glass-edge);width:100%;box-shadow:var(--glass-shadow);background:var(--glass-sheen), var(--glass-fill);border-radius:28px;align-items:flex-end;gap:8px;min-height:52px;padding:8px 8px 8px 17px;transition:border-color .2s,box-shadow .2s;display:flex}.input-shell:focus-within{box-shadow:var(--glass-shadow), 0 0 0 3px #0784ff0a;border-color:#b5d6ff}.input-shell textarea{resize:none;color:#34445b;background:0 0;border:0;flex:1;min-width:0;max-height:140px;padding:5px 0;font-size:16px;line-height:23px}.input-shell textarea::placeholder{color:#8796aa}.send-button{color:#fff;background:linear-gradient(155deg,#57baff,#0784ff 75%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #005bc94d,0 2px 5px #0072e629}.send-button:hover{background:#006ce0}.send-button:disabled{color:#ffffffef;background:linear-gradient(155deg,#d0e9ff,#a4caff);box-shadow:inset 0 1px 1px #ffffffa6}.stop-button{background:linear-gradient(155deg,#57baff,#0784ff 75%)}.connection-notice{color:#999fab;justify-content:center;align-items:center;gap:6px;margin:0 0 13px;font-size:10px;display:flex}.connection-notice button{color:#4388cc;background:#f1f6fd;border-radius:5px;padding:5px 7px;font-size:10px}.composer-error{color:#c37b6d;text-align:center;margin:0 0 8px;font-size:11px}.message-list{max-width:760px;margin:auto;padding-top:20px}.message-row{flex-direction:column;align-items:flex-start;margin-bottom:23px;animation:.25s ease-out arrive;display:flex}.message-row.outgoing{align-items:flex-end;margin-bottom:26px}.bubble{overflow-wrap:anywhere;max-width:min(90%,640px);padding:11px 15px;font-size:14px;line-height:1.65;position:relative}.user-bubble{color:#fff;white-space:pre-wrap;background:linear-gradient(#54baff,#178fff 42%,#0784ff calc(100% - 18px),#0784ff);border-radius:19px 19px 5px;box-shadow:0 3px 5px #0877dc24,inset 0 1px 1px #ffffff80,inset 0 -1px #0068dc38}.user-bubble:after{background:#0784ff;right:-6px}.assistant-bubble{color:#45556b;background:linear-gradient(#fff,#e7edf5 calc(100% - 18px),#e7edf5);border-radius:19px 19px 19px 5px;box-shadow:0 3px 5px #263b5e12,inset 0 1px #fff,inset 0 -1px #d1dce966}.assistant-bubble:before{background:#e7edf5;left:-6px;transform:scaleX(-1)}.delivery{color:#a2a6b0;margin-top:6px;margin-right:1px;font-size:9px}.message-actions{color:#a6abb5;align-items:center;gap:5px;margin:5px 0 0 4px;font-size:9px;display:flex}.message-actions button{color:#b5bac4;background:0 0;align-items:center;padding:3px;display:flex}.message-actions button:hover{color:#0784ff}.loop-elapsed{font-variant-numeric:tabular-nums;margin-left:5px}.markdown>p{margin:0 0 11px}.markdown>p:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3{margin:12px 0 8px;font-size:15px;font-weight:650}.markdown ol,.markdown ul{margin:8px 0;padding-left:22px}.markdown li{margin:4px 0}.markdown a{color:#0077da}.markdown img{object-fit:contain;background:#ffffff80;border:4px solid #ffffffb3;border-radius:20px;width:auto;max-width:100%;height:auto;max-height:420px;margin:14px auto 18px;display:block;box-shadow:0 6px 20px #263b5e14,0 1px 4px #263b5e0a}@media (max-width:600px){.markdown img{border-radius:17px;max-height:320px;margin-block:12px 16px}}:is(.assistant-bubble:has(.youtube-video),.assistant-bubble:has(.audio-player)){width:100%}.youtube-video{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;min-width:200px;min-height:200px;margin:10px 0;display:block;overflow:hidden}.youtube-video iframe{border:0;width:100%;height:100%;display:block}.audio-player{width:100%;max-width:480px;margin:10px 0;display:block}.markdown pre{background:#e5e7ed;border-radius:8px;max-width:100%;padding:12px;font-size:11px;line-height:1.6;overflow:auto}.markdown code{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.markdown :not(pre)>code{background:#e4e6ec;border-radius:4px;padding:2px 4px}.assistant-bubble:has(.markdown-table){width:100%;max-width:100%}.markdown-table{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bdcde0 #f4f7fb;background:#fff;border:1px solid #dce5f0;border-radius:14px;max-width:100%;margin:16px 0;overflow-x:auto;box-shadow:0 3px 12px #263b5e06}.markdown-table:focus-visible{outline-offset:3px;outline:3px solid #80bfff}.markdown table{border-collapse:separate;border-spacing:0;overflow-wrap:normal;width:100%;font-size:12px;line-height:1.55}.markdown th,.markdown td{text-align:left;vertical-align:middle;min-width:76px;padding:13px 16px}.markdown tr>:first-child{min-width:0}.markdown th{color:#526987;background:#eef4fb;border-bottom:1px solid #dce5f0;font-size:11px;font-weight:650;line-height:1.45}.markdown td{color:#44556e;font-variant-numeric:tabular-nums;border-bottom:1px solid #edf1f6}.markdown tbody tr:nth-child(2n){background:#f8fafd}.markdown tbody tr:hover{background:#f0f6ff}.markdown tbody tr:last-child td{border-bottom:0}.markdown td:has(a):not(:has(img)){min-width:180px}.markdown td a{color:#176ec4;text-underline-offset:3px;overflow-wrap:anywhere;font-weight:550;text-decoration-color:#176ec440}.markdown td a:hover{color:#0056aa;text-decoration-color:currentColor}.markdown td:has(img){width:120px;min-width:120px}.markdown td img{object-fit:contain;background:#fff;border:1px solid #e8edf4;border-radius:10px;width:88px;max-width:none;height:88px;margin:0 auto;padding:7px;display:block}@media (max-width:600px){.markdown th,.markdown td{padding:11px 12px}.markdown td:has(img){width:96px;min-width:96px}.markdown td img{width:72px;height:72px}}.markdown blockquote{color:#7d8593;border-left:2px solid #bdc9d8;margin-left:0;padding-left:12px}.typing-wrap{flex-direction:column;align-items:flex-start;display:flex}.typing-bubble{background:linear-gradient(#f6f6f8,#ededf1);border-radius:18px 18px 18px 5px;gap:4px;margin-top:4px;padding:15px 17px;display:flex;box-shadow:inset 0 1px #ffffffd9,0 2px 4px #2632470d}.typing-bubble i{background:#afb3bd;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}.thinking-caption{color:#8995a7;align-items:flex-start;gap:6px;max-width:270px;margin:9px 0 0 2px;font-size:9px;line-height:1.6;display:flex}.thinking-spinner{flex-shrink:0;margin-top:1px}.thinking-caption-text{overflow-wrap:anywhere;min-width:0}@supports ((-webkit-background-clip:text) or (background-clip:text)){.thinking-caption-text{background:linear-gradient(110deg,#8995a7 35%,#365b88 50%,#8995a7 65%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite thinking-shimmer}}.error-bubble{color:#a56f61;background:#fbf1ed}.error-bubble:before{background:#fbf1ed}.error-heading{color:#ba8775;align-items:center;gap:7px;margin-bottom:9px;font-size:10px;font-weight:600;display:flex}.sidebar-scrim{z-index:11;-webkit-backdrop-filter:none;backdrop-filter:none;background:#253b5a1a;display:block;position:absolute;inset:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes thinking-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sidebar.is-open{transform:translate(0)}.conversations-button span{display:none}.contact .avatar-small{width:48px;height:48px}.connection-notice{font-size:10px}@media (max-height:480px){.welcome{padding-bottom:0}.welcome .contact{gap:12px}.welcome .avatar-large{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.thinking-caption-text{color:inherit;background:0 0}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liquid-glass,.liquid-glass.glass-overlay,.google-login.liquid-glass{background:#f3f6fb;border-color:#dce4ef}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:root{--control-fill:#eaf3ff;--inset-fill:#f1f5fa;--glass-edge:#aebed2;--muted:#56667d}.liquid-glass,.liquid-glass.glass-overlay,.google-login.liquid-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f8fc;border-color:#aebed2;box-shadow:0 2px 5px #263b5e14}.liquid-glass:after{display:none}.chat-panel,.composer-area{background:#fff}.contact-status,.date-divider{color:#56667d}}.question-card{border-radius:20px;width:420px;max-width:94%;margin:0 0 12px;padding:17px}.question-heading{color:#7790af;align-items:center;gap:7px;margin-bottom:12px;font-size:10px;display:flex}.question-card fieldset{border:0;min-width:0;margin:0;padding:0}.question-card legend{color:#425873;overflow-wrap:anywhere;margin-bottom:13px;padding:0;font-size:13px;font-weight:550;line-height:1.6}.question-choice{color:#5c718d;cursor:pointer;overflow-wrap:anywhere;background:#ffffffb3;border:1px solid #e0e8f3;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:7px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.question-choice.is-selected{color:#317dca;background:#e8f3ff;border-color:#93c5ff}.question-choice input{accent-color:var(--blue);flex-shrink:0;margin:2px 0 0}.question-input{resize:vertical;background:var(--inset-fill);width:100%;min-height:70px;max-height:180px;box-shadow:var(--inset-shadow);color:#435b78;border:1px solid #d6e3f3;border-radius:12px;margin:10px 0;padding:11px 12px;font-size:16px;line-height:1.5;display:block}.question-input:focus{border-color:#93c5ff;box-shadow:0 0 0 3px #0784ff0a}.question-input::placeholder{color:#9aa9bd}.answer-button{background:var(--primary-fill);box-shadow:var(--primary-shadow);color:#fff;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin:13px 0 0 auto;padding:9px 13px;font-size:11px;display:flex}.answer-button:disabled{background:#c7d9ee}.question-error{color:#b97569;font-size:11px;line-height:1.5}.answered-question{padding:13px 16px}.answered-question>span{color:#7d92aa;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;display:flex}.answered-question svg{color:#65a496;flex-shrink:0}.answered-question p{color:#4c6a8c;overflow-wrap:anywhere;white-space:pre-wrap;margin:7px 0 0 21px;font-size:12px}.landing{background:radial-gradient(ellipse at 15% 10%, #dcecffb3, transparent 48%), radial-gradient(ellipse at 90% 90%, #eee5fab0, transparent 48%), var(--canvas);place-items:center;min-height:100dvh;padding:40px 24px;display:grid}.landing-content{text-align:center;flex-direction:column;align-items:center;width:min(100%,540px);display:flex}.landing-content>.avatar{filter:drop-shadow(0 14px 22px #3b82f619);width:144px;height:144px;margin-bottom:26px}.landing h1{font-family:"Manrope", var(--font);letter-spacing:-2px;margin:0;font-size:clamp(38px,7vw,54px);font-weight:650;line-height:1.2}.landing-description{color:#758091;max-width:330px;margin:18px 0 0;font-size:16px;line-height:1.7}.introduction{align-items:center;max-width:410px;min-height:78px;margin-top:30px;display:grid}.introduction-message{color:#465b75;margin:0;font-size:clamp(17px,3vw,20px);line-height:1.6;animation:.45s both introduction-in}@keyframes introduction-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.introduction-dots{margin:10px 0 32px;display:flex}.introduction-dots button{background:0 0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.introduction-dots button:after{content:"";background:#cbd5e1;border-radius:50%;width:5px;height:5px}.introduction-dots button[aria-pressed=true]:after{background:var(--blue)}.google-login{color:#344154;border-radius:16px;justify-content:center;align-items:center;gap:13px;min-height:52px;padding:14px 30px;font-size:15px;font-weight:550;text-decoration:none;transition:box-shadow .18s,background .18s;display:flex}.google-login:hover{background:#fff;box-shadow:0 5px 20px #384e6b14}.google-login[aria-disabled=true]{opacity:.55;cursor:default}.landing-note{color:#8490a1;max-width:265px;margin:19px 0 0;font-size:12px;line-height:1.7}.landing-legal{color:#68778b;max-width:340px;margin:12px 0 0;font-size:12px;line-height:1.7}.landing-legal a{color:#086bc6;text-underline-offset:3px}.account-notice{color:#9b4a39;margin:18px 0 0;font-size:13px;line-height:1.6}.account-retry{color:#0769c8;background:0 0;border-radius:9px;margin-top:12px;padding:8px 14px}.account-bar{border-top:1px solid var(--border);align-items:center;gap:10px;padding:18px 10px 6px;display:flex}.account-copy{flex:1;gap:4px;min-width:0;display:grid}.account-copy strong,.account-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-copy strong{font-size:13px;font-weight:550}.account-copy span{color:#7d8798;font-size:11px}@media (prefers-reduced-motion:reduce){.introduction-message{animation:none}}@media (max-height:700px){.landing-content>.avatar{width:96px;height:96px;margin-bottom:16px}.introduction{margin-top:18px}.introduction-dots{margin-bottom:20px}}
