@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'Space Grotesk',system-ui,sans-serif;color:#ece9dc;background:#151c1b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #efba65;outline-offset:4px}header{max-width:1240px;margin:auto;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:26px;font-weight:700;color:#ece9dc;text-decoration:none;letter-spacing:-1px}.logo span{color:#c2e88c;margin-left:7px}.logo small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px;color:#a5b6aa}.shift{font-size:12px;color:#b1c0b5}main{max-width:1240px;margin:0 auto;padding:12px 30px 30px;display:grid;grid-template-columns:260px 1fr;gap:34px}aside{padding-top:25px}.boss{background:#efba65;color:#362717;padding:24px;box-shadow:5px 6px 0 #090d0b;transform:rotate(-2deg)}small{font-size:10px;letter-spacing:1px}.boss h2{font-size:24px}.boss p{line-height:1.6}.scribble{font-style:italic;border-top:1px solid #6c471a55;padding-top:15px}.notes{padding:30px 8px;line-height:1.65;color:#a6b7ac;font-size:13px}.notes h3{color:#e8eada}.notes strong{color:#c2e88c}.computer{background:#e9e8dd;color:#26352e;border:7px solid #43574a;border-radius:14px;box-shadow:0 20px 65px #0005;overflow:hidden}.windowbar{display:flex;justify-content:space-between;background:#33463c;color:#b7c8b7;padding:12px 15px;font-size:10px;letter-spacing:1px}.windowbar span:first-child{color:#efba65}nav{display:flex;gap:25px;border-bottom:1px solid #bbc4b6;padding:16px 25px;font-size:12px;background:#d9dfcf}.welcome{padding:55px 45px;min-height:460px}.welcome>small{color:#657b57}.welcome h1{font-size:clamp(30px,4vw,49px);line-height:1.13;letter-spacing:-2px}.welcome p{max-width:520px;line-height:1.75;color:#586758}.primary{border:0;background:#304c3b;color:#f0eedc;padding:16px 23px;border-radius:5px;box-shadow:0 4px 0 #15291d;font-weight:700;min-height:48px}.primary:hover{background:#456646}.footnote{font-size:12px}.contact{display:flex;align-items:center;gap:14px;padding:23px 25px 10px}.avatar{width:48px;height:48px;background:var(--person);border:2px solid #26352e;display:grid;place-items:center;font-weight:700;font-size:26px;box-shadow:3px 3px 0 #26352e}.contact h1{margin:0;font-size:22px}.contact p{margin:3px 0;font-size:12px;color:#65705f}.status{margin-left:auto;font-size:11px}.context{font-size:12px;margin:10px 25px 20px;padding-bottom:15px;border-bottom:1px solid #bcc6b5}.conversation{max-height:310px;overflow:auto;padding:0 25px 20px;display:flex;flex-direction:column;gap:13px}.bubble{max-width:85%;background:#fffdf1;border:1px solid #c3cbb9;padding:13px 17px;border-radius:0 12px 12px}.bubble.own{align-self:flex-end;background:#d3dfbe;border-radius:12px 0 12px 12px}.bubble small{color:#667855;font-weight:700}.bubble p{font-size:14px;line-height:1.6;margin:6px 0 0}.choices,.debrief{padding:22px 25px;background:#dde2d2;border-top:1px solid #bdc7b5}.choices>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.choices button:not(.quiet){background:#f8f6e9;color:#26352e;border:1px solid #a7b59d;text-align:left;padding:14px;border-radius:5px}.choices button span{display:block;font-size:11px;color:#66725e;margin-top:5px}.choices button:hover{background:#ecf1dd}.choices button:disabled{opacity:.4;cursor:default}.quiet{background:none;border:0;color:#64735f;padding:15px 0;min-height:44px}.debrief h2{font-size:23px}.debrief h3{font-size:16px}.debrief p{font-size:14px;line-height:1.7}.history{border-bottom:1px solid #bbc4b6;padding-bottom:10px;font-size:13px}footer{text-align:center;font-size:11px;color:#9bad9e;padding:15px 25px 30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:780px){header{padding:20px;flex-wrap:wrap}.logo{font-size:22px}main{grid-template-columns:1fr;padding:0 14px 20px;gap:20px}aside{padding:0}.boss{padding:14px 20px;transform:none;box-shadow:none}.boss h2,.scribble,.notes{display:none}.boss p{margin:8px 0;font-size:13px}.welcome{padding:32px 22px;min-height:360px}.welcome h1{letter-spacing:-1px}.computer{border-width:4px}.windowbar{font-size:8px;letter-spacing:0}nav{gap:17px;padding:14px;font-size:11px}.contact,.choices,.debrief{padding-left:16px;padding-right:16px}.context{margin-left:16px;margin-right:16px}.conversation{padding-left:16px;padding-right:16px;max-height:280px}.status{display:none}.choices>div{grid-template-columns:1fr}.bubble{max-width:95%}}
/* O computador fictício é a própria superfície de jogo. */
.desktop{min-height:100svh;background:radial-gradient(ellipse at 65% 30%,#395744,#182922 70%);position:relative;padding:65px 30px 95px 150px;overflow:hidden}.desktop-top{position:absolute;top:0;left:0;right:0;height:45px;background:#111c18cc;border-bottom:1px solid #6f8b6144;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px}.desktop-top small{color:#b1cc9a;margin-left:12px;font-size:9px}.desktop-top>span{color:#9caf9f;font-size:10px}.desktop-icons{position:absolute;top:65px;left:18px;display:grid;gap:18px;width:110px}.desktop-icons button{border:1px solid transparent;background:none;color:#e8ebda;padding:8px;font-size:11px;min-height:76px;border-radius:5px}.desktop-icons button:hover{background:#c7e7aa18;border-color:#c7e7aa44}.desktop-icons button>span{display:block;font-size:35px;color:#dbd6ae;line-height:1.3;margin-bottom:4px}.desktop-wallpaper{position:absolute;right:6%;top:30%;font-size:clamp(60px,10vw,150px);font-weight:700;line-height:.85;color:#cbe4ac0c;letter-spacing:-8px;pointer-events:none}.desktop-wallpaper em{font-style:normal}.desktop-wallpaper small{display:block;letter-spacing:4px;font-size:12px;margin-top:30px}.desktop-window{position:relative;max-width:900px;margin:0 auto;background:#e9e8dd;color:#26352e;border:4px solid #526949;border-radius:8px;box-shadow:12px 18px 0 #0a140c55,0 20px 80px #0006;overflow:hidden}.desktop-window .windowbar{align-items:center;padding:8px 14px;min-height:40px}.windowbar button{background:#526448;border:1px solid #849575;color:#e9e8dd;min-width:32px;min-height:28px;font-size:16px;margin-left:5px}.taskbar{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#17231f;border-top:2px solid #819871;box-shadow:0 -4px 20px #0003}.taskbar button{background:#334638;border:1px solid #657b56;border-radius:3px;color:#e6ebd6;padding:10px 13px;min-height:44px;display:flex;gap:8px;align-items:center;font-size:11px}.taskbar button.active{background:#abc986;color:#1c2b21;border-color:#c8e2a6}.taskbar .start-menu{font-weight:700;background:#dbc784;color:#292c1d}.taskbar>small{margin-left:auto;color:#acc195;font-size:10px}@media(max-width:780px){.desktop{padding:132px 10px 90px}.desktop-top{padding:0 12px}.desktop-top>span{display:none}.desktop-icons{top:52px;left:10px;right:10px;width:auto;display:flex;justify-content:space-around;gap:2px}.desktop-icons button{min-height:65px;font-size:10px;padding:5px;flex:1}.desktop-icons button>span{font-size:27px}.desktop-window{border-width:3px}.taskbar{gap:4px;padding-left:7px;padding-right:7px}.taskbar button{padding:9px 11px}.taskbar button>span:nth-child(2){display:none}.taskbar>small{font-size:9px}.desktop-wallpaper{letter-spacing:-3px}}
.desktop{height:100svh;padding:0}.desktop-window{position:absolute;width:min(790px,calc(100vw - 185px));max-height:calc(100svh - 150px);overflow:auto;margin:0;border-radius:4px}.desktop-window>.windowbar{position:sticky;top:0;z-index:3;cursor:grab;touch-action:none;user-select:none}.desktop-window.maximized{left:0!important;top:45px!important;width:100%;max-width:none;height:calc(100svh - 115px);max-height:none}.os-start{position:absolute;bottom:75px;left:12px;z-index:100;background:#e4e6d6;color:#25372a;width:290px;border:3px solid #637b52;box-shadow:8px 8px 0 #0005;padding:20px}.os-start p{font-size:12px}.os-start button{display:block;width:100%;text-align:left;background:none;border:0;padding:14px;color:#25372a}.os-start button:hover{background:#b7c99e}.os-start small{display:block;padding-top:12px;font-size:9px}.taskbar{z-index:200}@media(max-width:780px){.desktop-window{left:8px!important;top:135px!important;width:calc(100% - 16px);max-height:calc(100svh - 210px)}.desktop-window.maximized{top:45px!important;left:0!important;width:100%}.desktop-window .welcome{min-height:0}.desktop-icons{z-index:0}}
body:has(.desktop){overflow:hidden}.desktop-window .windowbar:active{cursor:grabbing}
/* Desktop inspirado em um sistema de janelas clássico. */
:root{font-family:'Segoe UI',Tahoma,Arial,sans-serif}.desktop{background:radial-gradient(ellipse at 80% 75%,#24a6df 0,transparent 55%),linear-gradient(115deg,#003e87,#087cbd 60%,#0062ac);color:#fff}.desktop:before{content:'';position:absolute;right:16%;top:24%;width:260px;height:260px;background:linear-gradient(90deg,transparent 48%,#1b8bd2 48%,#1b8bd2 52%,transparent 52%),linear-gradient(transparent 48%,#1b8bd2 48%,#1b8bd2 52%,transparent 52%),#bcecff;border:2px solid #d9f7ff;transform:perspective(600px) rotateY(-25deg);box-shadow:0 0 90px #98e7ff66;opacity:.6}.desktop-top{background:#00366666;border:0;font-family:'Segoe UI',sans-serif}.desktop-top strong{font-weight:500}.desktop-top small{color:#c5e6ff}.desktop-top>span{color:#d3eeff}.desktop-wallpaper{display:none}.desktop-icons button{font-family:'Segoe UI',sans-serif;font-size:12px;text-shadow:1px 2px 3px #000}.desktop-icons button>span{color:#fff;text-shadow:2px 3px 2px #003867;font-size:38px}.desktop-icons button:hover{background:#a8dfff33;border-color:#b0e5ff88;border-radius:0}.desktop-window{border:1px solid #548bb3;background:#fff;color:#202020;border-radius:0;box-shadow:0 10px 35px #001d5266;width:min(790px,calc(100vw - 185px))}.desktop-window>.windowbar{background:#f8f8f8;color:#222;font:12px 'Segoe UI',sans-serif;padding:0 0 0 12px;height:34px;min-height:34px;letter-spacing:0;border-bottom:1px solid #ddd}.windowbar>strong{font-weight:400}.windowbar>div{display:flex;height:34px}.windowbar button{background:none;border:0;color:#222;margin:0;width:46px;height:34px;border-radius:0;font-size:16px}.windowbar button:hover{background:#dedede}.windowbar button[data-window="close"]:hover{background:#e81123;color:white}.taskbar{height:49px;background:#092940ed;border-top:0;gap:0;padding:0 8px;box-shadow:none}.taskbar button{border:0;background:none;color:white;height:49px;min-height:49px;padding:0 16px;border-radius:0;font:12px 'Segoe UI',sans-serif;border-bottom:2px solid transparent}.taskbar button:hover{background:#ffffff18}.taskbar button.active{background:#ffffff20;color:white;border-bottom-color:#72c9ff}.taskbar .start-menu{background:none;color:white;font-size:17px}.taskbar>small{color:#fff;font:12px 'Segoe UI',sans-serif;padding:0 15px}.os-start{bottom:49px;left:0;background:#202b35;color:white;border:0;box-shadow:0 0 25px #0005;width:330px;z-index:199;padding:22px}.os-start button{color:white;min-height:48px}.os-start button:hover{background:#ffffff18}.os-start p,.os-start small{color:#b6c7d5}.welcome{background:#fff}.welcome>small{color:#697e8f}.welcome h1{font-size:34px;letter-spacing:-1px}.welcome p{color:#4e5d68}.contact{background:#fff}.contact p,.status{color:#65798c}.context{border-color:#dce4eb}.conversation{background:#f4f7fa;padding-top:20px}.bubble{background:#fff;border-color:#d8e0e7;border-radius:8px}.bubble.own{background:#d9edff;border-color:#bddbfa}.bubble small{color:#36658a}.choices,.debrief{background:#f0f3f6;border-color:#dce3e9}.choices button:not(.quiet){background:white;border-color:#c3ccd5;color:#22364a;border-radius:3px}.choices button:hover:not(.quiet){background:#e7f2ff;border-color:#0078d4}.choices button span{color:#63788c}.primary{background:#0078d4;border:1px solid #006fc4;border-radius:2px;box-shadow:none;color:white}.primary:hover{background:#006bbd}.history{border-color:#ddd}@media(max-width:780px){.desktop:before{width:180px;height:180px;right:10%;top:40%}.desktop-window{width:calc(100% - 16px)}.taskbar button{padding:0 11px}.taskbar>small{padding:0 5px;font-size:11px}.welcome h1{font-size:28px}.desktop-window.maximized{height:calc(100svh - 94px)}}
.desktop-icons{position:static;display:block;width:auto}.desktop-icons button{position:absolute;width:110px;height:94px;touch-action:none;user-select:none;z-index:1}.desktop-icons button>span{display:block;height:53px;margin:0 0 5px}.desktop-icons svg{width:49px;height:49px;filter:drop-shadow(1px 3px 2px #00325b66)}.desktop-icons button.dragging{z-index:150;background:#b8ddff33;border:1px solid #b8ddff88;cursor:grabbing}.desktop-icons button{cursor:default}@media(max-width:780px){.desktop-icons{position:absolute;display:flex;top:52px;left:10px;right:10px}.desktop-icons button{position:static;width:auto;height:70px}.desktop-icons button>span{height:38px}.desktop-icons svg{height:36px;width:36px}}
.avatar{padding:0;border:0;box-shadow:none;background:none;width:52px;height:52px}.avatar img{display:block;width:52px;height:52px;border-radius:9px}.taskbar button>span:first-child{display:flex;align-items:center}.taskbar svg{width:25px;height:25px;filter:drop-shadow(0 1px 1px #0004)}
.start-menu .os-symbol{width:23px;height:23px;filter:none}.start-menu:hover .os-symbol{color:#64bcff}
/* Trambique OS: aplicativos de jogo dentro de um desktop próprio. */
.desktop{background:#273646 url('/src/wallpaper.svg') center/cover no-repeat}.desktop:before{display:none}.desktop-top{height:36px;background:#111b26b3;border-bottom:1px solid #ffffff15}.desktop-top small{color:#edb77f}.desktop-window{background:#e6ebee;border:2px solid #1b2730;box-shadow:0 12px 35px #0008;border-radius:4px;width:560px;max-height:calc(100svh - 125px)}.desktop-window>.windowbar{background:#e9ecef;height:30px;min-height:30px;font-size:12px}.windowbar>div,.windowbar button{height:30px}.windowbar button{width:34px}.windowbar button[data-window="close"]{color:#c23838;font-size:22px;font-weight:700}.taskbar{background:#161b20f2;border-top:1px solid #647783;height:57px;gap:5px;padding:4px 9px}.taskbar button{height:48px;min-height:48px;padding:6px 10px;background:#ffffff08;border-radius:3px;border-bottom-width:3px}.taskbar button.active{background:#ffffff25;border-bottom-color:#edb77f}.taskbar .start-menu{background:#a55b35;color:#fff;padding:10px}.taskbar svg{width:29px;height:29px}.taskbar button>span:nth-child(2){display:none}.taskbar>small{margin-left:auto}.desktop-icons button{font-size:11px}.desktop-window[data-window-id="calls"]{width:375px;background:#172d35;color:#dce7e9}.desktop-window[data-window-id="calls"]>.windowbar{background:#dce6e5}.desktop-window[data-window-id="calls"] .contact{background:#28454b;border-bottom:1px solid #608089;flex-wrap:wrap;justify-content:center;text-align:center;padding:20px 16px 14px;gap:9px}.desktop-window[data-window-id="calls"] .avatar{width:88px;height:88px;order:2;flex-basis:100%;display:flex;justify-content:center}.desktop-window[data-window-id="calls"] .avatar img{width:88px;height:88px;border:2px solid #99bfc0;border-radius:7px}.desktop-window[data-window-id="calls"] .contact>div:not(.avatar){order:1;width:100%}.desktop-window[data-window-id="calls"] .contact h1{font-size:18px;text-transform:uppercase;letter-spacing:1px}.desktop-window[data-window-id="calls"] .contact p{color:#b7cccc;font-size:11px}.desktop-window[data-window-id="calls"] .status{order:3;margin:0;color:#8fe6b5;font-size:11px}.desktop-window[data-window-id="calls"] .context{font-size:11px;color:#adbec4;margin:12px 15px;border-color:#48606a}.desktop-window[data-window-id="calls"] .conversation{background:#14242d;max-height:220px;padding:15px;gap:10px}.desktop-window[data-window-id="calls"] .bubble{background:#28424b;color:#e1edf0;border-color:#3f606a;padding:10px 12px}.desktop-window[data-window-id="calls"] .bubble.own{background:#37455f;border-color:#526783}.desktop-window[data-window-id="calls"] .bubble p{font-size:12px}.desktop-window[data-window-id="calls"] .bubble small{color:#93c8dc}.desktop-window[data-window-id="calls"] .choices,.desktop-window[data-window-id="calls"] .debrief{background:#20343e;border-color:#47606a;padding:15px}.desktop-window[data-window-id="calls"] .choices>div{grid-template-columns:1fr}.desktop-window[data-window-id="calls"] .choices button:not(.quiet){background:#34515c;border-color:#5c7d87;color:#f1f4ef;padding:10px}.desktop-window[data-window-id="calls"] .choices button span{color:#b0c8cd;font-size:10px}.desktop-window[data-window-id="calls"] .choices button:hover:not(.quiet){background:#446778}.desktop-window[data-window-id="calls"] .quiet{color:#ffb4b4}.desktop-window[data-window-id="calls"] .debrief p{color:#c0d1d6;font-size:12px}.desktop-window[data-window-id="calls"] .debrief h2{font-size:20px}.desktop-window[data-window-id="calls"] .debrief h3{font-size:14px}.welcome{padding:28px;min-height:300px;background:#eef1f2}.welcome h1{font-size:27px;letter-spacing:-.6px}.welcome p{font-size:13px;line-height:1.6}.desktop-window[data-window-id="calls"] .welcome{background:#20343e;color:#e3ecee}.desktop-window[data-window-id="calls"] .welcome p{color:#b9ced5}.desktop-window[data-window-id="calls"] .welcome small{color:#dfb788}.primary{background:#b66b3e;border-color:#8d4a25}.primary:hover{background:#ca8252}.desktop-window[data-window-id="boss"]>.windowbar{border-left:5px solid #d18c46}.desktop-window[data-window-id="files"]>.windowbar{border-left:5px solid #458fae}.desktop-window[data-window-id="ledger"]>.windowbar{border-left:5px solid #60a783}.os-start{background:#23313a;border-top:3px solid #d7905c;bottom:57px}.desktop-window.maximized{width:100%!important;height:calc(100svh - 93px);top:36px!important}.os-symbol{color:#ffe3bd}@media(max-width:780px){.desktop-window,.desktop-window[data-window-id="calls"]{width:calc(100% - 16px);max-height:calc(100svh - 205px)}.desktop-top{height:36px}.welcome{padding:22px}.taskbar button{padding:6px 10px}.desktop-window[data-window-id="calls"] .choices>div{grid-template-columns:1fr 1fr}}
.desktop{background:linear-gradient(150deg,#738e9b,#4b6576 60%,#344c60)}
.desktop-top{background:#1e2b35b3}.desktop-top small{color:#e2b88e}
.taskbar .start-menu{background:#e7a867;color:#263644;border:1px solid #f0c38f}
.start-menu .os-symbol{color:#263644;width:25px;height:25px}.taskbar .sound-toggle{margin-left:auto;font-size:20px;min-width:44px}.taskbar>small{margin-left:8px}
/* Ajustes do computador e leitura do atendimento. */
.sound-panel{position:fixed;right:12px;bottom:69px;z-index:220;width:min(310px,calc(100vw - 24px));padding:18px;background:#23343e;color:#edf1ed;border:1px solid #758991;border-top:3px solid #e7a867;border-radius:5px;box-shadow:0 12px 35px #0007;font-size:13px}.sound-panel>div{display:flex;justify-content:space-between;align-items:center}.sound-panel button{background:#344e5a;color:#edf1ed;border:1px solid #718a94;border-radius:3px;padding:8px 12px;min-height:36px}.sound-panel>div button{background:none;border:0;font-size:20px}.sound-panel label{display:block;margin:20px 0}.sound-panel output{float:right;color:#edb77f}.sound-panel input{display:block;width:100%;margin-top:12px;accent-color:#e7a867}.sound-panel>button{width:100%}.defense-card{background:#dce9e2;border-left:3px solid #467d66;padding:14px;margin:18px 0}.defense-card h3{margin:8px 0}.defense-card p{margin-bottom:0}.desktop-window .windowbar{border-left:4px solid #718a94}.desktop-window[data-window-id="calls"]>.windowbar{border-left-color:#459b80}.desktop-window[data-window-id="help"]>.windowbar{border-left-color:#8176b9}.taskbar .sound-toggle{color:#edb77f}.desktop-window:focus-within{border-color:#9daeb5}@media(max-width:480px){.taskbar{gap:2px;padding:4px}.taskbar button{padding:6px 7px}.taskbar svg{width:25px;height:25px}.taskbar>small{font-size:10px;padding:0 4px;margin-left:0}.taskbar .sound-toggle{min-width:36px}}
.typing-bubble{min-width:82px}.typing-dots{display:flex;align-items:center;gap:5px;height:28px;padding:7px 0 2px}.typing-dots span{width:6px;height:6px;background:currentColor;border-radius:50%;opacity:.4;animation:message-dot 1.05s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.14s}.typing-dots span:nth-child(3){animation-delay:.28s}.quiet:disabled{opacity:.4;cursor:default}@keyframes message-dot{0%,65%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-dots span{animation:none;opacity:.65}}
/* Rolagem discreta e mensagens com movimento. */
.desktop-window,.conversation{scrollbar-width:thin;scrollbar-color:#819da477 transparent;scroll-behavior:smooth}.desktop-window::-webkit-scrollbar,.conversation::-webkit-scrollbar{width:5px;height:5px}.desktop-window::-webkit-scrollbar-track,.conversation::-webkit-scrollbar-track{background:transparent}.desktop-window::-webkit-scrollbar-thumb,.conversation::-webkit-scrollbar-thumb{background:#819da455;border-radius:20px}.desktop-window::-webkit-scrollbar-thumb:hover,.conversation::-webkit-scrollbar-thumb:hover{background:#a6bdc0aa}.desktop-window::-webkit-scrollbar-button,.conversation::-webkit-scrollbar-button{display:none;width:0;height:0}.desktop-window::-webkit-scrollbar-corner,.conversation::-webkit-scrollbar-corner{background:transparent}.conversation{scrollbar-gutter:stable}.bubble.message-enter{animation:message-arrive .28s cubic-bezier(.2,.8,.2,1) both}.typing-bubble{min-width:72px;padding-bottom:8px!important}.typing-dots{height:25px;gap:6px;padding:7px 2px}.typing-dots span{width:7px;height:7px;animation:message-dot .9s ease-in-out infinite;background:#a9c6cb}.typing-bubble.own .typing-dots span{background:#c2c9e3}@keyframes message-arrive{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.bubble.message-enter,.typing-dots span{animation:none}.desktop-window,.conversation{scroll-behavior:auto}}
/* Três bolinhas pulando em sequência enquanto a mensagem é preparada. */
.typing-dots{height:32px;gap:7px;overflow:visible}.typing-dots span{animation:typing-bounce 1s ease-in-out infinite;will-change:transform,opacity}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,55%,100%{transform:translateY(2px) scale(.85);opacity:.4}28%{transform:translateY(-6px) scale(1.08);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-dots span{animation:none;opacity:.7;will-change:auto}}
/* Ícones centrados e atalhos fixados na barra. */
.taskbar button{display:flex;align-items:center;justify-content:center;line-height:1;padding:0;width:48px;flex-shrink:0}.taskbar .start-menu{padding:0}.taskbar .sound-toggle{padding:0;display:flex;align-items:center;justify-content:center;line-height:1;position:relative}.taskbar .sound-toggle:after{content:none}.taskbar [data-task-app]{touch-action:none;user-select:none}.taskbar.pin-drop{outline:2px solid #e7a867;outline-offset:-2px;background:#304450}.taskbar.pin-drop:before{content:'Solte para fixar';position:absolute;bottom:65px;left:72px;background:#23343e;color:#f2dcc1;border:1px solid #e7a867;border-radius:4px;padding:10px;font-size:12px}.app-drag-ghost{position:fixed;z-index:500;pointer-events:none;width:70px;height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#344e5ae6;border:1px solid #e7a867;border-radius:9px;color:#fff;font-size:10px;box-shadow:0 8px 20px #0006}.app-drag-ghost svg{width:40px;height:40px}.pin-menu{position:fixed;bottom:66px;z-index:400;background:#23343e;padding:6px;border:1px solid #718a94;box-shadow:0 6px 18px #0006;border-radius:4px}.pin-menu button{padding:12px;background:none;color:#edf1ed;border:0;font-size:12px}.pin-menu button:hover{background:#344e5a}.desktop-window[data-window-id="calls"] .typing-bubble{width:94px;min-width:94px;text-align:center;padding:10px 12px!important}.typing-bubble>small{display:block;text-align:center}.typing-dots{justify-content:center;align-items:center;width:100%;padding:4px 0;height:32px}.typing-dots span{flex:0 0 7px;animation:typing-bounce .9s ease-in-out infinite!important}.typing-dots span:nth-child(1){animation-delay:0s!important}.typing-dots span:nth-child(2){animation-delay:.15s!important}.typing-dots span:nth-child(3){animation-delay:.3s!important}@media(max-width:480px){.taskbar button{width:39px;min-width:0}.taskbar .sound-toggle{min-width:36px}}
/* O atalho mantém a aparência do desktop até se aproximar da barra. */
.app-drag-ghost[hidden]{display:none}.desktop-icons button.dragging{background:transparent;border-color:transparent;box-shadow:none;z-index:150;cursor:grabbing}.desktop-icons button.dragging:hover{background:transparent;border-color:transparent}.desktop-icons button.pin-preview{opacity:0}
.result-summary{margin:18px 0;padding:17px;border:1px solid #c8d3d8;border-radius:6px;background:#f8fafb}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-heading>strong{font-size:17px}.result-outcome{font-size:10px;padding:5px 8px;border-radius:4px;background:#e3e8ed;color:#445966}.result-outcome.blocked{background:#d6e9df;color:#285c45}.result-outcome.fooled{background:#f4e3cb;color:#815721}.result-summary .result-context{font-size:12px;color:#60717d;margin:8px 0 14px}.result-summary p{font-size:12px;line-height:1.65;margin:10px 0;max-width:none}.result-summary blockquote{margin:14px 0;padding:12px 14px;border-left:3px solid #718d9a;background:#e8eff2;border-radius:0 4px 4px 0}.result-summary blockquote small{color:#516b79;font-size:10px}.result-summary blockquote p{margin:6px 0 0;color:#344d5b}.result-summary .result-lesson{border-top:1px solid #dce4e8;padding-top:12px;margin-bottom:0}
.result-explanation{border-top:1px solid #dce4e8;margin-top:14px;padding-top:10px}.result-explanation summary{cursor:pointer;color:#385f70;font-size:12px;font-weight:600;padding:6px 0;min-height:32px}.result-explanation summary:focus-visible{outline:2px solid #b66b3e;outline-offset:3px}.result-explanation[open] summary{margin-bottom:6px}.result-explanation .result-lesson{border-top:0;padding-top:0}
.result-card-toggle{display:block;list-style:none;cursor:pointer;position:relative;padding-right:22px}.result-card-toggle::-webkit-details-marker{display:none}.result-card-toggle:after{content:'›';position:absolute;right:0;top:0;font-size:22px;color:#607b89;transition:transform .18s}.result-summary[open]>.result-card-toggle:after{transform:rotate(90deg)}.result-card-toggle .result-context{margin-bottom:0}.result-card-toggle:focus-visible{outline:2px solid #b66b3e;outline-offset:5px}.result-body{padding-top:12px}.result-summary[open] .result-body{animation:message-arrive .18s ease-out}.result-explanation{margin-top:12px}
.taskbar{padding-right:0}.taskbar button.show-desktop{width:10px;min-width:10px;align-self:stretch;height:auto;min-height:0;padding:0;margin:-4px 0 -4px 4px;border:0;border-left:1px solid #9cb2bd55;border-radius:0;background:#ffffff05}.taskbar button.show-desktop:hover,.taskbar button.show-desktop:focus-visible{background:#ffffff25;border-left-color:#d1e2eb}.taskbar button.show-desktop:focus-visible{outline:2px solid #edb77f;outline-offset:-2px}
.desktop-window[data-window-id="calls"].welcome-window{width:610px}.desktop-window[data-window-id="calls"] .onboarding{padding:28px 30px;background:radial-gradient(ellipse at 90% 15%,#34535b66,transparent 60%),#20343e}.firm-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#bdd5cb;border-bottom:1px solid #607b8055;padding-bottom:15px}.firm-label>span:last-child{margin-left:auto;font-size:8px;color:#8fa9b0}.firm-status{width:6px;height:6px;border-radius:50%;background:#8cc7a8;box-shadow:0 0 9px #8cc7a855}.intro-grid{display:grid;grid-template-columns:1fr 168px;gap:20px;align-items:center;padding:28px 0 24px}.intro-copy>small{font-size:9px;letter-spacing:1.3px}.desktop-window[data-window-id="calls"] .intro-copy h1{font-size:36px;line-height:1.1;margin:13px 0 18px;letter-spacing:-1.2px;color:#edf0e6}.intro-copy h1 em{font-style:normal;color:#edb77f}.desktop-window[data-window-id="calls"] .intro-copy p{font-size:12px;color:#adc2c8;line-height:1.65;margin:0}.employee-badge{position:relative;text-align:center;background:#e8e5d7;color:#30414a;padding:21px 12px 10px;border-radius:7px;transform:rotate(5deg);box-shadow:5px 7px 0 #101d2355;border:1px solid #faf1d8}.badge-clip{position:absolute;left:calc(50% - 13px);top:-10px;width:26px;height:17px;background:#798b91;border:3px solid #aebcbd;border-radius:4px}.employee-badge>small{color:#5d7277!important;font-size:8px;letter-spacing:1px}.badge-avatar{width:76px;height:76px;margin:12px auto 8px}.badge-avatar svg{width:100%;height:100%}.employee-badge>strong{display:block;font-size:15px;letter-spacing:1px}.employee-badge>span{display:block;font-size:8px;margin-top:5px}.badge-footer{display:flex;justify-content:space-between;border-top:1px dashed #a4b1ac;padding-top:10px;margin-top:15px;font-size:8px}.badge-footer b{font-size:7px;color:#426f57}.desktop-window[data-window-id="calls"] .employee-badge p{font-size:7px;margin:8px 0 0;color:#728075}.first-day-note{display:flex;gap:12px;padding:16px;background:#e5bb80;color:#483728;border-radius:3px;box-shadow:3px 4px 0 #14252b55}.first-day-note>span{font-size:24px}.first-day-note small{color:#685039;font-size:8px}.desktop-window[data-window-id="calls"] .first-day-note p{color:#493c2e;font-size:13px;line-height:1.45;margin:6px 0}.first-day-note div>span{font-size:9px;color:#7c6045}.first-day-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.first-day-steps>div{display:flex;gap:9px;align-items:flex-start}.first-day-steps b{font-size:10px;color:#edb77f;padding-top:2px}.first-day-steps span{font-size:11px;font-weight:600;color:#e3ece9}.first-day-steps small{display:block;font-weight:400;font-size:9px;letter-spacing:0;color:#9eb5bc;line-height:1.5;margin-top:5px}.start-shift{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#d99864;padding:15px 18px;color:#243741;border:1px solid #f0bd87;border-radius:4px;min-height:49px}.start-shift:hover{background:#e7ad79;color:#243741}.start-shift>span{font-size:22px}.intro-footer{display:flex;justify-content:space-between;font-size:9px;color:#8fa9b0;margin-top:13px}@media(max-width:780px){.desktop-window[data-window-id="calls"].welcome-window{width:calc(100% - 16px)}.desktop-window[data-window-id="calls"] .onboarding{padding:22px}.intro-grid{grid-template-columns:1fr 140px;gap:15px}.desktop-window[data-window-id="calls"] .intro-copy h1{font-size:29px}.first-day-steps{gap:8px}}@media(max-width:430px){.intro-grid{grid-template-columns:1fr 112px;gap:10px}.employee-badge{padding:20px 7px 10px}.employee-badge>strong{font-size:11px}.badge-avatar{width:58px;height:58px}.badge-footer{flex-direction:column;gap:5px}.desktop-window[data-window-id="calls"] .intro-copy h1{font-size:25px}.firm-label>span:last-child{display:none}.first-day-steps{grid-template-columns:1fr;gap:12px}.first-day-steps small{margin-top:2px}.intro-footer{gap:8px;font-size:8px}}
.desktop-window[data-window-id="calls"] .choices button.quiet{background:transparent;border:0;box-shadow:none;border-radius:3px;color:#d8a6a6;padding:10px 0;transition:color .15s}.desktop-window[data-window-id="calls"] .choices button.quiet:hover{background:transparent;color:#ffd0c9;text-decoration:underline;text-underline-offset:4px}.intro-footer{justify-content:flex-end}
.scheme-options em{display:block;font-style:normal;font-size:11px;color:#edb77f;margin-top:10px}.wallet{padding:16px;background:#dde9e2;border-left:3px solid #588a72;border-radius:3px;margin:20px 0;font-size:12px;color:#446456}.wallet strong{display:block;font-size:26px;margin:6px 0}.wallet small{font-size:9px;letter-spacing:0}.shop-item{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #cbd7da}.shop-item>span{font-size:32px}.shop-item>div{flex:1}.shop-item strong{font-size:13px}.shop-item p{font-size:11px;margin:5px 0}.shop-item button{background:#345d4d;color:#fff;border:0;border-radius:4px;padding:10px;font-size:11px}.shop-item button:disabled{opacity:.5;cursor:default}.desktop-decor{position:absolute;right:30px;bottom:90px;display:flex;gap:22px;pointer-events:none;font-size:52px;filter:drop-shadow(0 5px 3px #0003)}.call-payout{font-size:12px;color:#edb77f!important}.desktop-window[data-window-id="shop"]>.windowbar{border-left-color:#dca368}
.scheme-apps{color:#edb77f!important;font-size:10px!important;margin-top:9px!important}.tool-preview{padding:22px;border:1px dashed #b59b62;background:#f4ebd5;text-align:center;margin:20px 0;border-radius:5px}.tool-preview h2{font-size:23px;color:#6d572d}.tool-preview p{font-size:12px}.tool-preview>strong{display:block;margin:18px 0;color:#344c59}.tool-stamp{display:inline-block;font-size:9px;letter-spacing:1px;padding:8px;border:2px solid #648976;color:#426b57;transform:rotate(-3deg);margin-top:8px}.tool-preview.support{background:#182d33;text-align:left;border:1px solid #5c7f84;color:#a7d7c3}.tool-preview.support h2,.tool-preview.support p,.tool-preview.support>strong{color:#a7d7c3}.tool-preview.club{background:#eee8f6;border-color:#9982b3}.tool-preview.club h2{color:#6d5586}.tool-path{padding:14px;background:#dde7eb;font-size:12px;margin:16px 0}.tool-path p{font-size:12px;margin:6px 0}.scheme-tool .primary:disabled{opacity:.5;cursor:default}.desktop-window[data-window-id="prize"]>.windowbar{border-left-color:#e6b14c}.desktop-window[data-window-id="support"]>.windowbar{border-left-color:#668caa}.desktop-window[data-window-id="club"]>.windowbar{border-left-color:#8e78b5}
.earnings-toast{position:fixed;left:50%;top:23%;z-index:1000;display:flex;align-items:center;gap:20px;padding:22px 30px;pointer-events:none;border:2px solid #f2ca7c;border-radius:10px;background:#233e34;color:#fff4d2;box-shadow:0 14px 45px #0006,0 0 35px #e6be5c22;transform:translateX(-50%);animation:earnings-pop 2.7s both;text-align:center}.earnings-toast>span{color:#f2ca7c;font-size:30px}.earnings-toast small{font-size:10px;letter-spacing:1.5px;color:#d7e3c0}.earnings-toast strong{display:block;font-size:36px;margin:7px 0;color:#f5cd7b}.earnings-toast p{font-size:12px;margin:0;color:#aac9b7}@keyframes earnings-pop{0%{opacity:0;transform:translate(-50%,45px) scale(.55)}12%{opacity:1;transform:translate(-50%,-9px) scale(1.1)}22%{transform:translate(-50%,0) scale(1)}82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-35px) scale(.96)}}@media(max-width:480px){.earnings-toast{width:calc(100% - 36px);gap:12px;padding:20px}.earnings-toast strong{font-size:30px}}
.earnings-toast{width:350px;max-width:calc(100vw - 32px);min-height:154px;border:7px double #91b99a;border-radius:4px;background:repeating-linear-gradient(35deg,transparent 0 5px,#54836108 5px 6px),#dce9cc;color:#294e3a;padding:22px 24px;gap:14px;box-shadow:0 16px 40px #0006;overflow:hidden}.earnings-toast:before{content:'';position:absolute;inset:8px;border:1px solid #7da282;pointer-events:none}.earnings-toast .note-corner{position:absolute;left:14px;top:13px;font-size:13px;font-weight:700;color:#4b7656;transform:rotate(-12deg)}.note-content{position:relative;z-index:1;flex:1;text-align:center}.earnings-toast small{font-size:8px;letter-spacing:1.4px;color:#4b7656}.earnings-toast strong{font-size:36px;color:#294e3a;text-shadow:1px 1px #fff9;margin:10px 0 5px}.earnings-toast p{font-size:9px;letter-spacing:1px;font-weight:700;color:#4b7656}.note-content>span{display:block;font-size:10px;color:#5e7b61;margin-top:9px}.earnings-toast .note-seal{display:grid;place-items:center;width:58px;height:75px;border:3px double #689374;border-radius:50%;color:#4b7656;font-size:20px;font-weight:700;flex-shrink:0;transform:rotate(-10deg);background:#c5d8b3}
.received-item{padding:15px;border:1px solid #699e8b;border-radius:5px;background:#234f45;margin:12px 0}.received-item>strong{font-size:13px}.received-item p{font-family:monospace;font-size:11px;word-break:break-word;color:#b9d9c9}.received-item small{display:block;font-size:10px;letter-spacing:0;line-height:1.5;margin-top:12px}.demo-card{background:linear-gradient(135deg,#2d6654,#263e50);border:1px solid #95bda4;border-radius:12px;padding:24px;color:#d6e7da;box-shadow:0 7px 16px #1e354422;margin:20px 0}.demo-card small{display:block;font-size:9px}.demo-card strong{display:block;font-size:24px;margin:15px 0}.demo-card code{display:block;font-size:11px;word-break:break-all}.demo-card span{display:block;margin-top:20px;font-size:8px;letter-spacing:1px;color:#9dbea9}.operation-total{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;background:#dde9e2;font-size:12px}.operation-total strong{font-size:22px}.operation-app .primary{width:100%}.operation-app .primary:disabled{opacity:.5;cursor:default}.operation-footnote{font-size:10px!important}.app-empty{padding:20px;background:#e0e9ed;border-radius:5px;margin:22px 0}.app-empty button{padding:10px;background:#345c6d;color:#fff;border:0;border-radius:3px}.remote-screen{background:#172c34;color:#badacb;padding:20px;font:12px monospace;border-radius:4px}.remote-screen div{border-bottom:1px solid #466a69;padding-bottom:12px}.remote-screen p{color:#badacb;font:12px monospace}.desktop-window[data-window-id="wallet"]>.windowbar{border-left-color:#4b9976}
.conversation-mood{margin:0 22px 14px;padding:12px 14px;background:#203b43;border:1px solid #48636b;border-radius:5px}.conversation-mood>div{display:flex;justify-content:space-between;font-size:11px;color:#bdd0cc}.conversation-mood b{color:#e8bb87}.conversation-mood meter{display:block;width:100%;height:12px;margin:7px 0;accent-color:#8ebaa2}.conversation-mood meter::-webkit-meter-bar{background:#142c33;border:0;border-radius:8px}.conversation-mood meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#527d70,#a4c7a1);border-radius:8px;transition:width .5s}.conversation-mood small{font-size:10px;letter-spacing:0;color:#9eb8bc}.message-compose{margin-bottom:14px}.message-compose label{display:block;font-size:11px;color:#b9cecf;margin-bottom:7px}.message-compose textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:65px;max-height:150px;padding:12px;border:1px solid #66858b;border-radius:5px;background:#142e36;color:#eef4ef;font:13px inherit;line-height:1.5}.message-compose textarea:focus{outline:2px solid #d2a675;outline-offset:2px}.message-compose>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.message-compose small{font-size:9px!important;letter-spacing:0!important;margin:0!important}.desktop-window[data-window-id="calls"] .choices .message-compose button{width:auto;margin:0;padding:10px 18px;background:#8db3a1;color:#173831;border:0;border-radius:4px}.desktop-window[data-window-id="calls"] .choices button.voice-toggle{width:auto;background:transparent;border:1px solid #53717a;color:#bbd0d2;font-size:10px;padding:7px 10px;margin:0 0 16px}.desktop-window[data-window-id="calls"] .choices button.voice-toggle[aria-pressed="true"]{color:#edbd84;border-color:#ad8c65}
.conversation-mood.trust-card{margin:0 22px 16px;padding:14px 16px 11px;background:linear-gradient(120deg,#233f47,#1c343d);border:1px solid #47606a;border-radius:10px;box-shadow:inset 0 1px #ffffff08,0 3px 9px #00000016}.trust-caption{align-items:center}.trust-caption>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.25px;color:#d3dfdf}.trust-caption i{width:6px;height:6px;border-radius:50%;background:var(--trust-color);box-shadow:0 0 8px color-mix(in srgb,var(--trust-color),transparent 65%)}.trust-caption b{font-size:21px;font-variant-numeric:tabular-nums;color:var(--trust-color);line-height:1}.trust-caption em{font-size:10px;font-style:normal;margin-left:3px;opacity:.65}.trust-track{height:7px;margin:12px 0 9px;background:#102730;border-radius:8px;box-shadow:inset 0 1px 3px #0004;overflow:hidden}.trust-fill{display:block;height:100%;width:var(--trust-width);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--trust-color),#314d48 38%),var(--trust-color));box-shadow:0 0 9px color-mix(in srgb,var(--trust-color),transparent 70%);animation:trust-reveal .55s ease-out both}.trust-footer{align-items:center}.trust-footer small{font-size:10px;letter-spacing:0;color:#a9bec2}.trust-footer>span{font-size:6px;letter-spacing:3px;color:#5a747c}@keyframes trust-reveal{from{width:0}to{width:var(--trust-width)}}
.trust-fill{animation:none!important;width:var(--trust-width)}.message-compose textarea{font-family:inherit;font-size:13px;cursor:text}.message-compose button:disabled{opacity:.5}.contact .avatar img{transition:filter .2s}
.card-entry{padding:20px;margin:20px 0;background:#e0e9e5;border:1px solid #acbfb4;border-radius:8px}.card-entry label{display:block;font-size:12px;font-weight:600;color:#345343;margin-bottom:10px}.card-entry input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #829f91;border-radius:5px;background:#f6faf7;color:#29473a;font:14px monospace}.card-entry input:focus{outline:2px solid #588f76;outline-offset:2px}.card-entry small{display:block;font-size:10px;letter-spacing:0;line-height:1.5;margin-top:10px;color:#536e60}.card-entry .card-entry-error{font-size:11px;color:#a34535;margin-bottom:0}
.remote-pc{margin:20px 0;border:1px solid #5d8190;border-radius:8px;overflow:hidden;box-shadow:0 5px 16px #17384722}.remote-session{display:flex;align-items:center;gap:7px;background:#142d38;color:#cee0de;padding:10px 12px;font-size:10px}.remote-session small{margin-left:auto;font-size:8px;letter-spacing:0;color:#86a6ad}.remote-dot{width:6px;height:6px;border-radius:50%;background:#95cba0}.remote-workspace{position:relative;min-height:290px;background:radial-gradient(ellipse at 85% 20%,#527c89,#254653);padding:14px;display:flex;gap:12px}.remote-icons{display:flex;flex-direction:column;gap:8px;flex-shrink:0;width:75px}.remote-icons button{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:1px solid transparent;border-radius:5px;color:#eef5f3;font-size:9px;padding:7px 3px;width:100%}.remote-icons button span{font-size:24px;color:#e9cda1}.remote-icons button:hover,.remote-icons button.selected{background:#ffffff15;border-color:#a2c0c45c}.remote-desktop-note{align-self:center;text-align:center;color:#bfd4d7;font-size:14px;flex:1}.remote-desktop-note small{display:block;font-size:10px;letter-spacing:0;margin-top:9px;color:#8faeb5}.remote-app-window{align-self:flex-start;flex:1;background:#eff3ed;border:1px solid #acc0be;border-radius:5px;overflow:hidden;min-width:0}.remote-app-window>header{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#d0dfda;color:#304f4e;font-size:10px}.remote-app-window>header button{border:0;background:transparent;color:#304f4e;font-size:16px}.remote-app-window>div{padding:16px}.remote-app-window h3{font-size:14px;color:#345550;margin:0 0 15px}.remote-app-window p{font-size:11px;color:#526d67;border-bottom:1px solid #d6e0db;padding-bottom:10px}.remote-app-window small{font-size:8px;letter-spacing:0}.remote-balance{font-size:28px;color:#3b725a;margin:14px 0}.remote-taskbar{display:flex;justify-content:space-between;padding:9px 12px;background:#16323e;font-size:9px;color:#b9d0d2}.remote-photos{display:flex;flex-wrap:wrap;gap:9px}.remote-photos>span{background:#dce6db;padding:10px;text-align:center;font-size:28px}.remote-photos small{display:block;color:#597267;font-size:9px}.operation-app button[hidden]{display:none!important}
.desktop-window[data-window-id="calls"]{display:flex;flex-direction:column;overflow:hidden;max-width:none}.desktop-window[data-window-id="calls"]>.windowbar{flex-shrink:0}.call-window-body{overflow:auto;min-height:0;flex:1;padding-bottom:15px}.desktop-window[data-window-id="calls"] .conversation{max-height:var(--chat-height,310px)}.window-resize-handle{position:absolute;right:0;bottom:0;z-index:5;width:24px;height:24px;padding:0;border:0;background:linear-gradient(135deg,transparent 42%,#29434c 42%);color:#9ab6bc;font-size:15px;text-align:right;cursor:nwse-resize;touch-action:none}.desktop-window.maximized>.window-resize-handle{display:none}
.window-resize-side{position:absolute;right:0;top:32px;bottom:24px;width:12px;padding:0;z-index:6;border:0;border-left:1px solid #749da144;background:#34525b99;color:#cfdddd;cursor:ew-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.window-resize-side>span{display:block;font-size:22px;line-height:1}.window-resize-side:hover{background:#5f828a}.desktop-window.maximized>.window-resize-side{display:none}.desktop-window{max-width:none}.call-window-body{padding-right:12px}
.dialogue-hint{font-size:11px!important;line-height:1.5;color:#a5bdc1!important;margin:0 0 10px}.learning-replay{margin:22px 0;border:1px solid #789591;border-radius:6px;overflow:hidden}.learning-replay>summary{cursor:pointer;padding:13px;background:#284b4c;color:#d7e8e3;font-size:12px;font-weight:600}.learning-replay ol{padding:0 18px 0 35px;margin:0;background:#e7efeb;color:#34544b}.learning-replay li{padding:16px 0;border-bottom:1px solid #c6d6ce;font-size:12px}.learning-replay li:last-child{border:0}.learning-replay blockquote{margin:0;font-size:12px;color:#34544b;overflow-wrap:anywhere}.learning-replay li p{font-size:11px!important;color:#546d62!important;margin:8px 0;line-height:1.5}.learning-replay li small{display:block;color:#6c6450;font-size:10px;letter-spacing:0;line-height:1.5;margin-top:7px}.trust-change{display:inline-block;background:#d4e3d8;color:#35604b;padding:5px 8px;border-radius:4px;font-size:10px}.defense-round{margin:24px 0;padding:20px;border:1px solid #a5beab;border-radius:8px;background:#e8efe5;color:#345146}.defense-round>small{color:#607b52;font-size:9px}.defense-round h3{margin:10px 0!important;color:#345146}.defense-round>p{color:#586e60!important;font-size:12px!important}.defense-round>blockquote{margin:15px 0;padding:14px;border-left:3px solid #bf9465;background:#f7f2e5;font-size:12px;line-height:1.6;color:#6a5842}.defense-options{display:flex;flex-direction:column;gap:8px}.defense-options button{padding:13px;border:1px solid #b6c9b8;border-radius:4px;text-align:left;background:#f5f8f2;color:#345146;font-size:12px;line-height:1.4}.defense-options button:hover{background:#dbe8d6;border-color:#6f986c}.defense-feedback{padding:14px;border-radius:5px;background:#d5e6d0}.defense-feedback.review{background:#f0e2c8}.defense-feedback strong{font-size:13px;color:#345146}.defense-feedback p{font-size:11px!important;line-height:1.6;color:#4a6152!important}.defense-feedback small{display:block;font-size:10px;letter-spacing:0;line-height:1.6;color:#5b705b}.defense-history{padding:14px;background:#dfeadd;border-radius:5px;color:#3b5747;font-size:12px;margin:14px 0}.debrief .primary:disabled{opacity:.4;cursor:default}
.desktop{background:#233e4b url('/src/desktop-landscape.svg') center/cover no-repeat}.desktop-top{background:#172c37e8;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff12}.desktop-wallpaper{opacity:.055;right:7%;bottom:20%;letter-spacing:-5px}.desktop-window{border:1px solid #77949b;border-radius:8px;box-shadow:0 22px 60px #071d3166,0 0 0 1px #0c273233;background:#e8eeee}.desktop-window>.windowbar{background:linear-gradient(#edf2ef,#d8e2de);height:35px;min-height:35px;border-bottom:1px solid #a5b8b2;color:#314841;letter-spacing:.15px}.desktop-window>.windowbar>strong{font-weight:600;font-size:11px}.windowbar button{transition:background .12s}.taskbar{background:#12232eee;backdrop-filter:blur(15px);border-top:1px solid #849b9f44}.taskbar button[data-task-app]{border-radius:6px 6px 0 0;background:transparent}.taskbar button[data-task-app].active{background:#ffffff0c;box-shadow:inset 0 -3px #cfa271}.desktop-icons button{border-radius:7px;text-shadow:0 1px 4px #102630}.desktop-icons button:hover{background:#c9e5ec12;border-color:#c9e5ec30}.desktop-icons svg{filter:drop-shadow(0 4px 4px #122c3a44)}.os-account{margin-left:auto;padding:0 17px;border-right:1px solid #73979f33;text-align:right;line-height:1.35}.os-account span{display:block;font-size:7px;letter-spacing:1px;color:#8da5ad}.os-account strong{font-size:13px;font-weight:600;color:#b6d6bd}.taskbar>small{margin-left:10px}.window-resize-side{background:#34525b55;top:36px;width:9px;border-left:1px solid #90a7a51a}.window-resize-handle{border-bottom-right-radius:7px}.desktop-window[data-window-id="calls"]>.windowbar{background:linear-gradient(#e1eae5,#cddbd5)}.desktop-window[data-window-id="calls"] .contact{flex-wrap:nowrap;justify-content:flex-start;text-align:left;gap:15px;padding:17px 21px;background:linear-gradient(115deg,#284d53,#213b47);border-bottom:1px solid #64838a44}.desktop-window[data-window-id="calls"] .avatar{width:67px;height:67px;flex-basis:67px;flex-shrink:0;order:0;box-shadow:none;border:0;background:transparent}.desktop-window[data-window-id="calls"] .avatar img{width:67px;height:67px;border:2px solid #b2cebc;border-radius:14px;box-shadow:0 4px 12px #0002}.desktop-window[data-window-id="calls"] .contact>div:not(.avatar){order:1;width:auto;flex:1;min-width:0}.desktop-window[data-window-id="calls"] .contact h1{font-size:17px;letter-spacing:.4px;text-transform:none;color:#edf3ec}.desktop-window[data-window-id="calls"] .contact p{font-size:10px;line-height:1.5;color:#a9c1c5;margin-top:5px}.desktop-window[data-window-id="calls"] .status{order:2;margin-left:0;padding:5px 8px;background:#a2c9b31a;border:1px solid #a2c9b32e;border-radius:20px;font-size:8px;color:#b7d7c5;white-space:nowrap}.desktop-window[data-window-id="calls"] .context{font-size:10px;line-height:1.6;margin:12px 21px;border:0;padding:0;color:#9cb6c0}.conversation-mood.trust-card{margin:0 21px 14px;border-radius:7px;padding:11px 13px;background:#26414b55;border-color:#54757b55;box-shadow:none}.trust-caption b{font-size:17px}.trust-track{height:5px;margin:9px 0 7px}.desktop-window[data-window-id="calls"] .conversation{background:linear-gradient(#172c37,#142730);padding:19px 21px;gap:15px}.bubble{box-shadow:0 2px 5px #071a2522;overflow-wrap:anywhere}.desktop-window[data-window-id="calls"] .bubble{padding:12px 15px;border:1px solid #6c8b8d55;border-radius:3px 12px 12px;background:#28444e;max-width:87%}.desktop-window[data-window-id="calls"] .bubble.own{border-radius:12px 3px 12px 12px;background:#3b4d60;border-color:#778aa34d}.bubble p{font-size:12px;line-height:1.7}.bubble small{font-size:9px;letter-spacing:.5px}.desktop-window[data-window-id="calls"] .choices{background:#203944;border-top:1px solid #77979c3b;padding:18px 21px}.message-compose textarea{border-radius:8px;min-height:73px;border-color:#65898c;box-shadow:inset 0 2px 4px #0001}.message-compose textarea:focus{outline-width:1px;outline-color:#d7b184}.desktop-window[data-window-id="calls"] .choices .message-compose button{border-radius:6px;background:#9abbab;font-size:12px;padding:10px 18px;box-shadow:0 2px 0 #112d2666}.desktop-window[data-window-id="calls"] .scheme-options button{border-radius:8px;padding:16px;background:linear-gradient(125deg,#2b4b54,#25414c);border:1px solid #68898d55;box-shadow:0 3px 8px #0001}.desktop-window[data-window-id="calls"] .scheme-options button:hover{border-color:#cfa271;background:#314f57}.scheme-options strong{color:#e4ece5;font-size:13px}.scheme-options em{font-size:11px;color:#dfb889}.received-item{border-radius:8px;background:linear-gradient(130deg,#2d574c,#274c47);border-color:#7eab945c;padding:17px}.desktop-window[data-window-id="calls"] .received-item button{border-radius:5px;background:#84aa9722;color:#d3e8d8;border:1px solid #96bda566;font-size:12px}.operation-app>h1,.scheme-tool>h1{font-size:30px;letter-spacing:-1px;line-height:1.18}.tool-preview{border-radius:9px;box-shadow:0 5px 16px #45645811}.tool-path{border-radius:6px;background:#dce8e4}.demo-card{box-shadow:0 9px 18px #193d4526}.remote-workspace{background:radial-gradient(ellipse at 90% 10%,color-mix(in srgb,var(--owner,#79bed5),#355962 35%),#244454 70%)}.remote-session{padding:12px}.remote-app-window{box-shadow:0 7px 20px #0c253344}.remote-balance{background:#d9e8de;border:1px solid #9cbaa6;border-radius:7px;padding:14px}.result-summary{border-radius:7px;overflow:hidden;box-shadow:0 3px 8px #263f4c0b}
.incoming-message{position:fixed;right:24px;bottom:76px;width:350px;max-width:calc(100vw - 28px);z-index:900;background:#e9efe9;border:1px solid #9ab4a8;border-radius:10px;box-shadow:0 16px 50px #071b3766;color:#2d493f;overflow:hidden;animation:incoming-arrive .3s ease-out}.incoming-message>header{display:flex;align-items:center;gap:10px;padding:15px 16px;background:linear-gradient(110deg,#304f4d,#27434b);max-width:none;margin:0;color:#e3eee6}.incoming-symbol{width:36px;height:36px;border-radius:10px;background:#9cbaa922;color:#d4bc96;display:grid;place-items:center;font-size:21px}.incoming-message header>div{flex:1}.incoming-message header small{display:block;font-size:7px;letter-spacing:1.5px;color:#a5bfc0;margin-bottom:4px}.incoming-message header strong{font-size:11px;font-weight:600}.incoming-message header button{background:transparent;border:0;color:#b9ceca;padding:4px;font-size:21px}.incoming-message>p{font-size:12px;line-height:1.6;margin:16px;color:#576d60}.incoming-open{display:block;margin:0 16px 16px;width:calc(100% - 32px);text-align:left;border:1px solid #9ab4a8;border-radius:5px;background:#d8e5d9;color:#305246;padding:11px 13px;font-size:11px}.incoming-open:hover{background:#c5dbc9}.incoming-message.expanded{width:390px;max-height:calc(100svh - 125px);overflow:auto}.incoming-body{padding:16px}.unknown-sender{font-size:9px;color:#748276;display:flex;align-items:center;gap:5px;margin-bottom:12px}.unknown-sender:before{content:'';width:5px;height:5px;background:#c99763;border-radius:50%}.incoming-body>blockquote{margin:0;padding:15px;background:#fffaf0;border:1px solid #d7c8ad;border-radius:8px 8px 8px 2px;font-size:12px;line-height:1.7;color:#665741}.incoming-body>p{font-size:11px;color:#586d60;margin:17px 0 10px}.incoming-body .incoming-open{margin:14px 0 0;width:100%}.incoming-body .defense-feedback{margin-top:16px}.incoming-results{margin:24px 0;padding-top:18px;border-top:1px solid #b5c8c0}.incoming-results h2{font-size:17px;color:#3b5b4d}.incoming-results details{margin:10px 0;border:1px solid #b5c8c0;border-radius:6px;padding:13px;font-size:11px;background:#e1eae0}.incoming-results summary{cursor:pointer;font-weight:600;color:#3e5f4f}.incoming-results summary span{display:block;font-weight:400;font-size:9px;margin-top:5px;color:#74816d}.incoming-results p{font-size:11px!important;line-height:1.6}.incoming-results small{letter-spacing:0;font-size:9px;color:#667c63}@keyframes incoming-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.os-account{display:none}.incoming-message{right:14px;bottom:70px}.desktop-window[data-window-id="calls"] .contact{padding:13px;gap:10px}.desktop-window[data-window-id="calls"] .avatar,.desktop-window[data-window-id="calls"] .avatar img{width:56px;height:56px;flex-basis:56px}.desktop-window[data-window-id="calls"] .contact h1{font-size:15px}.desktop-window[data-window-id="calls"] .status{display:none}}
.desktop-window[data-window-id="calls"]{width:min(490px,calc(100vw - 185px));height:min(680px,calc(100svh - 130px));max-height:calc(100svh - 100px)}.desktop-window[data-window-id="calls"].welcome-window{width:min(660px,calc(100vw - 185px));height:auto}.call-window-body:has(.contact){display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.call-window-body>.contact,.call-window-body>.context,.call-window-body>.trust-card{flex-shrink:0}.desktop-window[data-window-id="calls"] .call-window-body>.conversation{flex:1;min-height:90px;max-height:none;overflow:auto}.call-window-body>.conversation:empty{display:none}.call-window-body>.choices{flex-shrink:0;max-height:47%;overflow:auto}.call-window-body:has(.conversation:empty)>.choices{flex:1;max-height:none;min-height:0}.call-window-body>.debrief{flex:1;min-height:0;overflow:auto}.call-window-body:has(.debrief)>.conversation{flex:0 1 145px!important;min-height:70px!important}.call-window-body>.trust-card{margin-bottom:10px}.desktop-window[data-window-id="calls"] .call-window-body>.conversation{padding-top:12px;padding-bottom:12px}@media(max-width:780px){.desktop-window[data-window-id="calls"]{width:calc(100% - 16px);height:calc(100svh - 200px)}.desktop-window[data-window-id="calls"].welcome-window{width:calc(100% - 16px)}.call-window-body>.choices{max-height:52%}.desktop-window[data-window-id="calls"] .contact{padding:10px 14px}.desktop-window[data-window-id="calls"] .context{margin:8px 14px}.conversation-mood.trust-card{margin:0 14px 8px}}
.desktop-window[data-window-id="support"] .operation-app{padding:24px}.desktop-window[data-window-id="support"] .operation-app>.demo-card,.desktop-window[data-window-id="support"] .operation-app>.operation-total{display:none}.desktop-window[data-window-id="support"] .operation-app>h1{font-size:25px;margin:12px 0}.desktop-window[data-window-id="support"] .operation-app>p{font-size:11px}.desktop-window[data-window-id="support"] .remote-pc{margin:16px 0}.remote-app-window .primary{box-shadow:none;font-size:11px;padding:12px;min-height:38px;border-radius:5px}.remote-workspace{min-height:300px}
.os-boot{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#335663 0%,#1b333f 50%,#101f29 100%);color:#dceadf;transition:opacity .35s,visibility .35s;font-family:inherit}
.os-boot.boot-finished{opacity:0;visibility:hidden;pointer-events:none}
.boot-center{text-align:center;padding:24px;width:min(420px,100%)}
.boot-logo{width:90px;height:90px;margin:0 auto 24px;padding:14px;border:1px solid #95bcab66;border-radius:24px;background:#a0c6b014;box-shadow:0 14px 55px #091a2666;animation:boot-logo-in .65s ease-out both}
.boot-logo svg{width:100%;height:100%;fill:none;stroke:#c7dfce;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.boot-logo .boot-spark{stroke:#e9b484;stroke-width:5}
.boot-center>small{font-size:10px;letter-spacing:3px;color:#99b8ba}.boot-center h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0;color:#edf4e9}.boot-center h1 span{color:#e9b484;margin-left:5px;font-weight:400}.boot-center>p{font-size:12px;color:#a7bec4;margin:13px 0 28px}
.boot-track{height:4px;width:215px;margin:35px auto 0;background:#e1eee21c;overflow:hidden;border-radius:9px}.boot-track span{display:block;height:100%;background:linear-gradient(90deg,#8cb9a5,#eac395);border-radius:inherit;transform-origin:left;animation:boot-progress 5.4s ease-in-out both}
.boot-center p[data-boot-status]{font-size:11px;margin:14px 0 22px;min-height:17px;color:#bad2cd}.boot-center>button{border:0;background:transparent;color:#93acb2;font-size:11px;padding:10px;cursor:pointer}.boot-center>button:hover,.boot-center>button:focus-visible{color:#edf4e9;text-decoration:underline;outline:1px solid #93acb2;outline-offset:3px}
.os-boot>footer{position:absolute;bottom:28px;width:100%;display:flex;flex-direction:column;gap:8px;text-align:center;color:#78969e;font-size:9px;letter-spacing:1.5px;background:transparent;border:0}.os-boot>footer span{letter-spacing:0}
@keyframes boot-progress{0%{transform:scaleX(.03)}30%{transform:scaleX(.32)}65%{transform:scaleX(.72)}100%{transform:scaleX(1)}}
@keyframes boot-logo-in{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.boot-logo,.boot-track span{animation:none}.os-boot{transition:none}}
.remote-document{margin:10px 0;border:1px solid #809aa944;border-radius:6px;background:#f6faf829;overflow:hidden}.remote-document summary{padding:11px 12px;cursor:pointer;font-size:12px;font-weight:600;line-height:1.5}.remote-document[open] summary{border-bottom:1px solid #809aa944}.remote-document p{padding:0 12px;line-height:1.7;font-size:12px}.remote-document summary:focus-visible{outline:2px solid #416b7b;outline-offset:-3px}.remote-receipt{margin:12px 0;padding:12px;background:#dceadf;border-radius:6px;color:#254e42}.remote-receipt>small{display:block;line-height:1.6}
/* Zape Zape 2: messenger colors inside the office desktop. */
.desktop-window[data-window-id="calls"]>.windowbar{background:#183c35;color:#dcebe5;border-bottom:1px solid #386255}
.desktop-window[data-window-id="calls"] .windowbar button{color:#dcebe5}
.desktop-window[data-window-id="calls"] .contact{background:#202c33;padding:13px 18px;gap:12px;border-bottom:0}
.desktop-window[data-window-id="calls"] .avatar,.desktop-window[data-window-id="calls"] .avatar img{width:58px;height:58px;flex-basis:58px;border-radius:50%}
.desktop-window[data-window-id="calls"] .avatar img{border-color:#537c6e}
.desktop-window[data-window-id="calls"] .contact h1{font-size:16px}.desktop-window[data-window-id="calls"] .contact p{color:#91aaa2}
.call-window-body:has(.contact){position:relative;background:#111b21}
.chat-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#202c33;padding:0 18px 10px;color:#91aaa2;font-size:10px}.chat-toolbar>span{display:flex;align-items:center;gap:6px}.chat-toolbar i{width:5px;height:5px;background:#52c898;border-radius:50%}.chat-toolbar>div{display:flex;gap:6px}.chat-toolbar button{border:1px solid #47675c;background:#2a3942;color:#cfe6dc;border-radius:6px;padding:4px 9px;font-size:10px;min-height:25px}.chat-toolbar button[aria-expanded="true"]{background:#126f57}
.desktop-window[data-window-id="calls"] .context{margin:7px 18px;color:#91aaa2;font-size:9px}
.desktop-window[data-window-id="calls"] .trust-card{background:#17262a;margin:0 18px 8px;padding:8px 11px;border-color:#3d5954}.trust-caption b{font-size:16px}.trust-track{height:6px}.trust-footer>span{display:none}
.desktop-window[data-window-id="calls"] .conversation{background-color:#0b141a;background-image:radial-gradient(circle at 15px 15px,#6887790d 2px,transparent 3px),radial-gradient(circle at 40px 36px,#6887790b 1px,transparent 2px);background-size:60px 60px;padding:16px 18px;gap:12px}
.desktop-window[data-window-id="calls"] .bubble{position:relative;background:#202c33;border:0;border-radius:0 10px 10px;box-shadow:0 2px 3px #0002;padding:9px 12px;max-width:85%}.desktop-window[data-window-id="calls"] .bubble.own{background:#075e4b;border-radius:10px 0 10px 10px}.desktop-window[data-window-id="calls"] .bubble p{font-size:12px;line-height:1.65;color:#e1ece7;margin:3px 0}.desktop-window[data-window-id="calls"] .bubble small{color:#91cfb4;font-size:9px}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:8px;color:#94aea5;margin-top:3px;line-height:1}.message-meta b{color:#75cdf2;font-size:10px;font-weight:400}.bubble[hidden]{display:none!important}
.desktop-window[data-window-id="calls"] .choices{background:#202c33;padding:10px 15px}.desktop-window[data-window-id="calls"] .message-compose{background:transparent;border:0;padding:0;box-shadow:none}.message-compose>label{font-size:10px;color:#aac5b8}.desktop-window[data-window-id="calls"] .message-compose textarea{border:1px solid #465b54;background:#2a3942;border-radius:9px;color:#e9f1ed;padding:10px 12px;min-height:58px}.desktop-window[data-window-id="calls"] .message-compose textarea:focus{outline:1px solid #45b78e;border-color:#45b78e}.desktop-window[data-window-id="calls"] .message-compose button{background:#19a578;border:0;color:white;border-radius:20px;padding:7px 16px;min-height:30px}.dialogue-hint{font-size:10px!important;margin:4px 0 7px}.desktop-window[data-window-id="calls"] .message-compose>div{margin-top:6px}.desktop-window[data-window-id="calls"] .message-compose>div small{font-size:8px}
.chat-search{flex-shrink:0;display:flex;gap:10px;align-items:center;background:#18272e;padding:10px 18px}.chat-search input{min-width:0;flex:1;background:#2a3942;border:1px solid #4d6a5e;border-radius:7px;color:#e2efe6;padding:8px;font-size:11px}.chat-search output{color:#9fb9af;font-size:8px;max-width:90px}
.chat-profile{position:absolute;top:116px;right:14px;z-index:10;width:310px;max-width:calc(100% - 28px);display:flex;gap:14px;padding:17px;background:#213b36;border:1px solid #729e8a;border-radius:10px;box-shadow:0 12px 35px #0009;color:#d6e9dd}.chat-profile img{flex-shrink:0;object-fit:contain;width:90px;height:90px}.chat-profile strong{font-size:16px}.chat-profile p{font-size:10px!important;line-height:1.5;margin:6px 0}.chat-profile small{display:block;font-size:9px;color:#9fc5ad;letter-spacing:0}.chat-profile button{display:block;margin-top:9px;padding:6px 9px;font-size:10px;background:#376b57;border:1px solid #81b49b;border-radius:5px;color:#eff7ed}
.app-flow{display:flex;gap:10px;padding:0;margin:22px 0;list-style:none}.app-flow li{flex:1;display:flex;gap:7px;align-items:center;font-size:10px;color:#72897e;line-height:1.4}.app-flow b{width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b5cbbd;border-radius:50%;font-size:11px}.app-flow li.complete{color:#267551}.app-flow .complete b{background:#2b8662;color:white;border:0}
.app-document{background:#e3ece4;border:1px solid #afc5b7;border-radius:7px;padding:12px;margin:14px 0;color:#33544a;font-size:12px}.app-document summary{font-weight:600;cursor:pointer}.app-document p{font-size:12px!important;line-height:1.7}.app-document code{display:block;overflow-wrap:anywhere;padding:10px 0}.app-document small{font-size:10px;letter-spacing:0;line-height:1.6}.app-contact{display:flex;gap:13px;align-items:center;margin:20px 0}.app-contact h2{margin:0;font-size:19px}.app-contact p{margin:5px 0;font-size:12px}.app-contact img{border-radius:50%}.note-label{display:block;color:#3b6252;font-size:12px;font-weight:600;margin:22px 0 9px}#caller-note{width:100%;resize:vertical;min-height:100px;padding:12px;background:#f4f7f2;color:#345044;border:1px solid #b4c9bb;border-radius:6px;font-family:inherit;font-size:12px;box-sizing:border-box}.note-status{display:block;font-size:9px;letter-spacing:0;margin:8px 0 20px;color:#5c7e6c}.inbox-pending,.app-next-step{margin:20px 0;padding:17px;background:#d5e7d8;border:1px solid #acc9b5;border-radius:8px}.inbox-pending h2{font-size:17px}.inbox-pending>small{font-size:9px;color:#547966}.app-next-step p{font-size:12px!important}
.remote-session button{margin-left:8px;font-size:9px;background:#426e65;border:1px solid #6e9e8d;color:#edf5ee;border-radius:4px;padding:5px}.shop-item .decor-toggle{grid-column:2/-1;padding:7px 10px;min-height:0;font-size:10px;background:#d5e5d9;border:1px solid #9cb7a4;color:#426c51}.scheme-tool>button[data-export-certificate]{margin-top:12px;font-size:11px;border-radius:5px}.membership p{font-size:11px!important}.card-entry>button{font-size:11px;padding:8px 10px;border-radius:5px;background:#d4e6d8;border:1px solid #95b69f;color:#396849}
@media(max-width:600px){.chat-toolbar{padding-left:14px;padding-right:14px}.app-flow{gap:6px}.app-flow li{font-size:9px;flex-direction:column;text-align:center}.chat-profile{top:104px}}
.desktop-window[data-window-id="calls"] .choices .message-compose button{background:#19a578;color:#f0fff7;border-radius:20px;padding:7px 16px;box-shadow:none}
.export-preview{position:fixed;inset:0;z-index:100001;background:#071d29aa;display:grid;place-items:center;padding:20px}.export-preview>div{width:600px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;background:#edf3eb;border:1px solid #799b85;border-radius:9px;overflow:hidden;box-shadow:0 20px 80px #0007}.export-preview header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0;background:#315c4d;color:#e4f1e5;max-width:none;font-size:12px}.export-preview header button{background:transparent;border:0;color:#e4f1e5;font-size:22px;padding:0 7px}.export-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;color:#325248;font:12px/1.8 monospace;margin:0;padding:25px}.export-preview a{align-self:flex-start;margin:0 25px 22px;padding:10px 14px;background:#317c59;border-radius:5px;color:#f0fff2;font-size:12px;text-decoration:none}
.desktop-window[data-window-id="calls"] .choices .message-compose button:hover{background:#138464;color:#f0fff7}
/* Custom disclosure arrows replace the browser triangles. */
.desktop-window :is(.app-document,.remote-document,.result-summary,.learning-replay,.incoming-results details)>summary{display:block;list-style:none;position:relative;min-height:32px;box-sizing:border-box;padding-right:34px}
.desktop-window :is(.app-document,.remote-document,.result-summary,.learning-replay,.incoming-results details)>summary::-webkit-details-marker{display:none}
.desktop-window :is(.app-document,.remote-document,.result-summary,.learning-replay,.incoming-results details)>summary::marker{content:''}
.desktop-window :is(.app-document,.remote-document,.result-summary,.learning-replay,.incoming-results details)>summary::before{content:none}
.desktop-window :is(.app-document,.remote-document,.result-summary,.learning-replay,.incoming-results details)>summary::after{content:'';position:absolute;right:8px;top:50%;width:16px;height:16px;margin:0;border:0;background:currentColor;mask:url('/src/chevron.svg') center/contain no-repeat;transform:translateY(-50%);opacity:.65;transition:transform .2s ease,opacity .2s ease;color:inherit;pointer-events:none}
.desktop-window :is(.app-document,.remote-document,.result-summary,.learning-replay,.incoming-results details)[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
.desktop-window :is(.app-document,.remote-document,.result-summary,.learning-replay,.incoming-results details)>summary:hover::after{opacity:1}
@media(prefers-reduced-motion:reduce){.desktop-window details>summary::before,.desktop-window details>summary::after{transition:none}}
/* Standalone mail history shares the same inset as the other app sections. */
.desktop-window>.incoming-results{margin:0;padding:22px 28px 28px}
.desktop-window :is(.welcome,.incoming-results,.remote-document,.learning-replay,.bubble) :is(p,h1,h2,h3,small,strong,code,summary){overflow-wrap:anywhere}
@media(max-width:780px){.desktop-window>.incoming-results{padding-left:22px;padding-right:22px}}
.update-package{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#dce9ef;border:1px solid #b1c9d5;border-radius:10px;color:#315365;margin:22px 0;flex-wrap:wrap}.update-package>div{flex:1;min-width:160px}.update-package small{display:block;letter-spacing:0;margin:7px 0;color:#567587}.update-package p{font-size:12px!important;color:#456879!important;margin:12px 0 0}.package-icon{display:grid;place-items:center;width:46px;height:54px;border-radius:5px 12px 5px 5px;background:#b2cfde;color:#315b73;font-size:30px}.package-status{font-size:10px;padding:7px 10px;background:#edf4f6;border-radius:20px;max-width:100%}.update-locked{padding:18px;border:1px dashed #9dafb7;border-radius:8px;margin:20px 0;color:#486776}.exposed-data{display:grid;gap:12px;margin:20px 0}.exposed-data article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 18px;background:#e2eaf0;border:1px solid #bcced9;border-radius:8px;color:#315365}.exposed-data small{grid-column:1/-1;letter-spacing:0;color:#587888}.exposed-data strong{font-size:13px;overflow-wrap:anywhere;align-self:center}.exposed-data button,.update-tool>button:not(.primary){padding:9px 12px;border:1px solid #9fbacb;border-radius:5px;background:#edf4f7;color:#315b73;font-size:11px}.exposed-data .reviewed{background:#e0ece3;border-color:#abc8b6}.exposed-data button:disabled{opacity:.65}.update-tool>button{margin:6px 8px 6px 0}.chat-attachment{display:flex;gap:12px;align-items:center;margin-top:10px;padding:12px;border-radius:6px;background:#d4e7df14;border:1px solid #a6d1ba35}.chat-attachment>span{font-size:26px;color:#93c2af}.chat-attachment strong{display:block;font-size:12px}.chat-attachment small{display:block;margin-top:5px;font-size:9px;font-weight:400}.desktop-window[data-window-id="calls"] .choices .message-compose .send-attachment{margin:0 0 12px;padding:10px 13px;border:1px solid #507571;background:#273f45;color:#b5dcd2;border-radius:7px;font-size:11px}.app-flow:has(li:nth-child(4)){flex-wrap:wrap}.update-tool h2{font-size:19px;color:#3a5b6c}
.skin-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.skin-preview>span{padding:14px 8px;text-align:center;border:1px solid #b5c3d8;border-radius:8px;background:linear-gradient(150deg,#e0e7f1,#d3deec);color:#425875;font-size:11px;overflow-wrap:anywhere}.skin-preview b{display:block;font-size:30px;margin-bottom:9px}.skin-preview>span:nth-child(2){background:linear-gradient(150deg,#f5ebd3,#e9d9b2);border-color:#d9c38f;color:#78633b}.skin-preview>span:nth-child(3){background:linear-gradient(150deg,#ece5f3,#dccfe9);border-color:#cbb7dc;color:#6b547f}
.skin-changer{margin:24px 0;border:1px solid #3e4960;border-radius:10px;overflow:hidden;background:#151b29;color:#e5eafa}.skin-changer header{padding:13px 16px;margin:0;max-width:none;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #354059;background:#202839}.skin-changer header strong{font-size:12px;letter-spacing:1px}.skin-changer header span{font-size:8px;letter-spacing:1px;color:#a6b5cf}.skin-stage{position:relative;padding:24px 18px 18px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--skin-glow) 20%,transparent),transparent 70%),repeating-linear-gradient(0deg,transparent 0 29px,#99b1df08 30px),#111827}.skin-stage>svg{width:100%;display:block;filter:drop-shadow(0 9px 10px #0008);animation:blaster-hover 4s ease-in-out infinite}.skin-stage>div{text-align:center}.skin-stage strong{font-size:20px;display:block}.skin-stage small{display:block;margin-top:6px;letter-spacing:0;color:#a6b5cf}.skin-tier{display:inline-block;font-size:9px;letter-spacing:2px;color:var(--skin-glow)}.skin-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px}.skin-catalog button{display:block;min-width:0;padding:8px 6px 12px;border:1px solid #3b465e;border-radius:6px;background:#202839;color:#dce6fa;text-align:center;font-size:11px}.skin-catalog button[aria-pressed="true"]{border-color:var(--skin-color);background:color-mix(in srgb,var(--skin-color) 14%,#202839);box-shadow:inset 0 -2px var(--skin-color)}.skin-catalog button:not(:disabled):hover{background:#303c53}.skin-catalog svg{width:100%;display:block}.skin-catalog strong{display:block;overflow-wrap:anywhere;font-size:11px}.skin-catalog small{display:block;color:var(--skin-color);font-size:7px;letter-spacing:1px;margin-top:7px}.skin-changer footer{margin:0;padding:12px 16px;border-top:1px solid #354059;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;text-align:left;color:#b2bfd3;font-size:10px}.skin-changer footer span{color:#7384a3;font-size:9px}@keyframes blaster-hover{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.skin-stage>svg{animation:none}}
/* The frame stays fixed; scrollbars belong to the content, resize grips to edges. */
.desktop-window{display:flex;flex-direction:column;overflow:hidden;max-height:var(--window-room,calc(100svh - 93px));min-width:min(360px,calc(100vw - 16px))}
.desktop-window>.windowbar{position:relative;flex:0 0 35px;overflow:hidden}
.app-window-body{flex:1;min-height:0;overflow:auto;margin:0 8px 8px 0;scrollbar-gutter:stable;overscroll-behavior:contain}
.desktop-window .call-window-body{min-height:0;margin:0 8px 8px 0;padding-right:0;overscroll-behavior:contain}
.desktop-window .window-resize-side,.desktop-window .window-resize-bottom,.desktop-window .window-resize-handle{position:absolute;z-index:8;border:0;margin:0;padding:0;background:transparent;box-shadow:none;color:transparent;touch-action:none;border-radius:0;min-width:0;min-height:0}
.desktop-window .window-resize-side{right:0;top:35px;bottom:12px;width:8px;height:auto;cursor:ew-resize}
.desktop-window .window-resize-bottom{left:0;right:12px;bottom:0;width:auto;height:8px;cursor:ns-resize}
.desktop-window .window-resize-handle{right:0;bottom:0;width:12px;height:12px;cursor:nwse-resize}
.desktop-window .window-resize-side:hover,.desktop-window .window-resize-bottom:hover{background:#7c9fa422}
.desktop-window .window-resize-handle:after{content:'';position:absolute;right:3px;bottom:3px;width:6px;height:6px;border-right:1px solid #71908d;border-bottom:1px solid #71908d;pointer-events:none}
.desktop-window.maximized{left:0!important;top:36px!important;width:100%!important;height:calc(100svh - 93px)!important;max-height:calc(100svh - 93px)}
.desktop-window.maximized>.window-resize-side,.desktop-window.maximized>.window-resize-bottom,.desktop-window.maximized>.window-resize-handle{display:none}
.app-window-body::-webkit-scrollbar,.call-window-body::-webkit-scrollbar{width:6px;height:6px}.app-window-body::-webkit-scrollbar-thumb,.call-window-body::-webkit-scrollbar-thumb{background:#819da477;border-radius:8px}.app-window-body::-webkit-scrollbar-track,.call-window-body::-webkit-scrollbar-track{background:transparent}.app-window-body::-webkit-scrollbar-button,.call-window-body::-webkit-scrollbar-button{display:none;width:0;height:0}
.desktop-window .app-window-body>.incoming-results{margin:0;padding:22px 28px 28px}
@media(max-width:780px){.desktop-window{max-height:calc(100svh - 192px)}.desktop-window .app-window-body>.incoming-results{padding-left:22px;padding-right:22px}.desktop-window>.window-resize-side,.desktop-window>.window-resize-bottom,.desktop-window>.window-resize-handle{display:none}.app-window-body,.desktop-window .call-window-body{margin-right:0;margin-bottom:0}}

.app-window-body,.call-window-body,.conversation{scrollbar-width:thin;scrollbar-color:#8ba5a8 transparent}

/* Buttons from the firm's battered office equipment. */
.welcome .primary,.debrief .primary{border:1px solid #162d25;border-radius:3px 8px 4px 3px;box-shadow:3px 4px 0 #15291d;letter-spacing:.15px;transition:box-shadow .12s,transform .12s}
.welcome .primary:hover:not(:disabled),.debrief .primary:hover:not(:disabled){box-shadow:4px 5px 0 #15291d;transform:translate(-1px,-1px)}
.welcome .primary:active:not(:disabled),.debrief .primary:active:not(:disabled){box-shadow:1px 1px 0 #15291d;transform:translate(2px,2px)}
.start-shift{max-width:100%;white-space:normal;text-align:left}
@media(prefers-reduced-motion:reduce){.welcome .primary,.debrief .primary{transition:none}.welcome .primary:hover:not(:disabled),.debrief .primary:hover:not(:disabled){transform:none}}

/* Comfortable app controls and a separate conversation footer. */
.app-window-body :is(.welcome>button:not(.primary),.app-document button,.app-empty button,.app-next-step button,.inbox-pending button){appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;max-width:100%;padding:10px 16px;border:1px solid #9aafb4;border-radius:6px;background:#f6faf9;color:#203d46;font:inherit;font-size:12px;font-weight:600;line-height:1.4;white-space:normal;text-align:center;box-shadow:0 2px 0 #b8c9cd;cursor:pointer}
.app-window-body :is(.welcome>button:not(.primary),.app-document button,.app-empty button,.app-next-step button,.inbox-pending button):hover:not(:disabled){background:#e6f1ef;border-color:#698e96}
.app-window-body :is(.welcome>button:not(.primary),.app-document button,.app-empty button,.app-next-step button,.inbox-pending button):disabled{opacity:.5;cursor:default;box-shadow:none}
.app-window-body .welcome>button{margin-top:12px;margin-right:8px}
.app-window-body .note-status+button{display:flex;margin-top:16px}
.desktop-window[data-window-id="calls"] .choices>small{display:block;margin-top:16px;margin-bottom:10px;line-height:1.5;letter-spacing:.7px}
.desktop-window[data-window-id="calls"] .choices button.quiet{display:block;width:fit-content;max-width:100%;min-height:36px;margin-top:10px;padding:9px 13px;border:1px solid #80585b;border-radius:6px;background:#392b3090;color:#efbabb;font-size:12px;line-height:1.4;text-align:center}
.desktop-window[data-window-id="calls"] .choices button.quiet:hover:not(:disabled){background:#51353b;border-color:#b77b81;color:#ffe0dc;text-decoration:none}
.desktop-window[data-window-id="calls"] .choices button.quiet:disabled{opacity:.4;cursor:default}
