/* URBI V6 — clean, responsive and accessible companion workspace */
:root{--v6-ink:#133657;--v6-accent:#1689e7;--v6-muted:#627e97;--v6-line:#d8e9f7;--v6-panel:#ffffffee;--v6-radius:22px}
body{color:var(--v6-ink)}
.page{background:#eff7fe}
.topbar{height:68px;min-height:68px;background:#fffefef0!important;box-shadow:0 2px 18px #3969970a!important;border-bottom:1px solid #e1edf8;z-index:45;gap:18px}
.brand .wordmark{font-size:31px;letter-spacing:-.07em}.brand small{font-size:9px;letter-spacing:.14em}
.status{border-radius:999px;font-weight:720;padding:8px 13px!important;box-shadow:none}.edition{letter-spacing:.09em;background:#eef7ff;color:#3e739a;border-color:#d8e8f8}
.intro{background:radial-gradient(circle at 71% 42%,#d9f9ff 0,transparent 37%),linear-gradient(138deg,#f9fcff,#e7f5ff 54%,#e5eeff)!important;border:0;border-radius:0;box-shadow:none;min-height:600px}.intro-text{position:relative}.intro-text:before{content:'UN COMPAÑERO CREADO PARA TI';display:inline-block;color:#1383bf;background:#e3f6ff;border-radius:30px;padding:9px 13px;font-size:11px;font-weight:800;letter-spacing:.12em}.intro .eyebrow{display:none}.intro h1{color:#15365b;font-weight:900;letter-spacing:-.075em}.intro-image:after{content:'';position:absolute;inset:18%;z-index:0;border:1px solid #8edbfa4a;border-radius:50%}.intro-text>p:not(.eyebrow){color:#5b7e9b}
.experience{background:#eef6fd}.world{background:radial-gradient(ellipse 50% 55% at 51% 43%,#d4f7ff 0%,#e8f5ff 60%,#e9f0ff 100%)!important}
.world[data-scene='garden']{background:radial-gradient(ellipse at 50% 32%,#ddfff5,#e8fdf2 55%,#dcf4ef)!important}
.world[data-scene='sunset']{background:radial-gradient(ellipse at 50% 32%,#fff5d8,#ffeadf 55%,#f9dfeb)!important}
.world[data-scene='space']{background:radial-gradient(ellipse at 50% 34%,#34559a,#172b63 60%,#111a49)!important}
.world[data-scene='beach']{background:radial-gradient(ellipse at 50% 32%,#d6fbff,#cff4f8 57%,#f9ebdb)!important}
.world[data-scene='studio']{background:radial-gradient(ellipse at 50% 35%,#e8fbff,#edf4ff 55%,#e5edff)!important}
.world.night{background:radial-gradient(ellipse at 50% 34%,#38547c,#152f5b 60%,#091d40)!important}
.world:after{display:none}.ambient{opacity:.28!important;filter:blur(15px)}.orbit{border-width:1px;opacity:.5}.orbit-a{width:min(40vw,530px);height:min(40vw,530px)}.orbit-b{width:min(57vw,750px);height:min(57vw,750px)}
.hello{top:95px;left:clamp(24px,3.9vw,72px)}.hello h1{color:#143c64!important;font-weight:900;font-size:clamp(24px,2.6vw,39px);line-height:1.1}.hello p:not(.eyebrow){color:#496f8b}.hello .eyebrow{color:#387aa8;letter-spacing:.13em}
.companion-meta{top:93px;right:clamp(23px,3.6vw,58px);display:flex;align-items:center;background:#ffffffdf!important;padding:11px 13px;border:1px solid #fff;border-radius:17px;box-shadow:0 9px 28px #4f8bb51b}.level,.coins{background:#e8f4fd;border:0;font-size:11px;padding:6px 8px}
.pet{--pet-scale:1.47;top:42%;filter:drop-shadow(0 26px 24px #4386cf37)!important;will-change:transform}.head{animation-duration:6s}.world[data-evolution=stellar] .pet{filter:drop-shadow(0 12px 28px #a581f872)!important}
.ground{top:65%;width:280px;height:32px;background:#3375b21b!important;filter:blur(17px)}
.bubble{top:19%;max-width:min(42vw,390px);font-size:14px!important;padding:12px 18px;color:#244b70;background:#fff!important;border:1px solid #e1edf8;box-shadow:0 7px 25px #4c8fb321!important;z-index:8}
.v6-home-card{position:absolute;left:clamp(22px,3.9vw,72px);top:37%;width:min(260px,22vw);z-index:8;padding:17px 17px 15px;border:1px solid #e6f1fa;border-radius:22px;background:#ffffffda;box-shadow:0 15px 45px #3d84b21c;backdrop-filter:blur(17px)}
.v6-home-header{display:flex;gap:9px;align-items:center}.v6-home-header strong{font-size:14px;display:block;color:#153e62;line-height:1.1}.v6-home-header small{font-size:11px;display:block;margin-top:5px;color:#7b92aa}.v6-home-icon{display:grid;place-items:center;background:linear-gradient(145deg,#0dd4ed,#247dec);width:34px;height:34px;flex:none;border-radius:12px;color:white;font-size:18px}.v6-home-card p{color:#557b97;font-size:12px;line-height:1.5;margin:14px 0 16px;overflow-wrap:anywhere}.v6-home-actions{display:flex;flex-wrap:wrap;gap:7px}.v6-home-actions button{padding:9px 11px;border-radius:12px;font-size:11px;background:#eaf6ff;border:1px solid #d5ebfc;color:#185e9a;flex:1}.v6-home-actions button:first-child{background:#117de9;color:white;border-color:transparent}
.quick-health{top:59%!important;left:clamp(22px,3.9vw,72px)!important;gap:8px!important;z-index:5}.quick-health span{font-size:12px;border-radius:12px!important;padding:8px 12px!important;background:#ffffffd7!important}.want-card{top:69%!important;left:clamp(22px,3.9vw,72px)!important;max-width:280px!important;z-index:8;}
.side-tools{top:29%;right:clamp(16px,2.5vw,38px);gap:8px!important;z-index:12}.tool-button{width:80px;min-height:58px;border-radius:15px!important;background:#ffffffdf!important;box-shadow:0 8px 25px #568db217!important;display:flex;justify-content:center;transition:transform .16s,border-color .16s}.tool-button:hover{transform:translateX(-4px);border-color:#9dd4fe!important}.tool-button small{font-size:10px;font-weight:650;color:#5c7f9c}.tool-button span{font-size:21px}
.care-dock{bottom:315px;gap:9px;padding:4px 6px;z-index:12}.care-dock button{padding:11px 15px;font-size:12px;border:1px solid #e0edf7!important;border-radius:15px!important;background:#ffffffed!important;box-shadow:0 6px 20px #5a8bad17!important}.care-dock button:hover{background:#e9f7ff!important}
.conversation{bottom:13px;width:min(740px,calc(100vw - 26px));padding:14px 17px!important;gap:7px;border-radius:23px!important;box-shadow:0 18px 54px #316c9828!important;max-height:min(65dvh,650px);border:1px solid #e1eaf2!important}.chat-heading strong{font-size:15px}.chat-heading p{font-size:11px}.messages{height:85px}.shortcuts{padding:2px 0}.shortcuts button{font-size:11px;border-radius:100px!important;padding:8px 11px!important;background:#f0f8fe!important}.chat-input{background:#f5faff;border:1px solid #deecf6;border-radius:15px;padding:5px}.chat-input input{font-size:14px}.chat-input #mic{border-color:#e0ecf5}.disclaimer{font-size:9px}
.v6-clear-chat{font-size:10px!important;padding:7px 10px!important;background:#f8fbfe!important;white-space:nowrap}
.drawer{width:min(475px,100vw);padding:26px 25px;background:#f9fcff!important}.drawer-header{font-size:20px}.drawer-content h2{font-size:25px}
.v6-panel-eyebrow{letter-spacing:.13em;font-size:10px;color:#0e83c6;font-weight:900}.v6-hub{padding:2px 0 22px}.v6-hub-intro{background:linear-gradient(140deg,#e6f8ff,#eef3ff);border:1px solid #d9edfb;padding:16px;border-radius:19px;margin:10px 0 16px}.v6-hub-intro strong{font-size:16px;color:#183e63}.v6-hub-intro p{font-size:12px;line-height:1.5;color:#567a96;margin:9px 0 0}
.v6-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v6-dashboard-stats>div{display:flex;align-items:center;flex-direction:column;gap:3px;padding:12px 6px;border-radius:15px;background:white;border:1px solid #e0edf6}.v6-dashboard-stats span{font-size:20px}.v6-dashboard-stats b{font-size:15px;text-align:center;line-height:1.3;color:#204f7b}.v6-dashboard-stats small{font-size:10px;color:#688ba7}
.v6-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin:24px 0 10px}.v6-section-heading h3{font-size:16px;color:#1a4a70;margin:0;letter-spacing:-.02em}.v6-section-heading small{font-size:10px;color:#7d99b0;text-align:right}
.v6-mood-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.v6-mood-options button{display:flex;flex-direction:column;gap:5px;align-items:center;min-height:70px;justify-content:center;border-radius:15px;border:1px solid #e2eff8;background:white;padding:6px 3px}.v6-mood-options button span{font-size:22px}.v6-mood-options button small{font-size:10px;font-weight:600;color:#577d9a}.v6-mood-options button.selected{border-color:#1d90e7;background:#e6f6ff;box-shadow:0 0 0 2px #cceaff inset}
.v6-routine-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v6-routine-card{display:flex;align-items:center;text-align:left;gap:9px;padding:11px 10px;min-height:75px;border:1px solid #e0edf7;background:#fff;border-radius:16px}.v6-routine-card>span:last-child{font-size:15px;color:#5e95c2;margin-left:auto}.v6-routine-card strong{font-size:12px;color:#1d4a77}.v6-routine-card small{font-size:10px;font-weight:500;color:#7694ab;display:block;margin-top:4px}.v6-routine-emoji{font-size:23px}
.v6-routine-active{background:#ecf7ff;border:1px solid #d4eaf8;padding:14px;border-radius:17px;margin-top:12px}.v6-routine-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v6-routine-head strong{font-size:14px}.v6-routine-head button{padding:5px 9px;border-radius:9px}.v6-routine-steps{display:grid;gap:7px}.v6-routine-step{display:flex;align-items:flex-start;gap:10px;padding:11px;background:white;border-radius:11px;font-size:12px;line-height:1.4;color:#345f81}.v6-routine-step input{accent-color:#087eec;width:17px;height:17px;flex:none}.v6-routine-progress{color:#537fa3;font-size:11px;margin:10px 0 0}
.v6-focus{padding:16px;border-radius:19px;border:1px solid #dfeefa;background:white;text-align:center}.v6-focus-clock{font-weight:900;font-size:clamp(36px,9vw,53px);font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:#15446c}.v6-focus-copy{line-height:1.55;font-size:12px;color:#67859d;max-width:310px;margin:0 auto 12px}.v6-focus-presets,.v6-focus-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:8px 0}.v6-focus-presets button{border-radius:10px;font-size:11px;padding:7px 12px}.v6-focus-presets button.selected{background:#ddf5ff;border-color:#55bde8}.v6-focus-actions button{padding:10px 15px;font-size:12px;border-radius:11px}.v6-focus-info{font-size:11px;color:#567795;margin:10px 0 0;line-height:1.4}.v6-local-note{font-size:11px;color:#6483a1;line-height:1.5;margin:16px 0}.v6-data-tools{margin:20px 0 18px;background:#eaf6ff;padding:16px;border-radius:16px;border:1px solid #d8eaf7}.v6-data-tools h3{font-size:15px;margin:0 0 8px;color:#22547b}.v6-data-tools p{font-size:12px;color:#5d829e;line-height:1.55}.v6-data-tools button{font-size:12px;background:white}
#taskList li.done{opacity:.7;background:#e8f4f5}#taskList li.done b{text-decoration:line-through}#taskList li{align-items:center}#taskList .v6-task-done{height:20px;width:20px;accent-color:#0f93db;flex-shrink:0}
.v6-listening .pet .head{animation:talk .36s ease-in-out infinite alternate}
.v6-listening .bubble{border-color:#75c6f3!important}
body.v4-calm .v6-home-card{box-shadow:none!important}body.v4-calm .v6-home-icon{background:#657e93}
body.v4-contrast .v6-home-card,body.v4-contrast .v6-focus,body.v4-contrast .v6-routine-card{border:2px solid #23436d}
body.v4-text .v6-home-card p,body.v4-text .v6-routine-step,body.v4-text .v6-focus-copy{font-size:15px}
@media(max-width:1000px){.v6-home-card{display:none}.want-card{left:12px!important;top:57%!important}.quick-health{top:58%!important}.side-tools{top:28%}.tool-button{width:66px;min-width:66px;padding:10px 8px!important}.pet{--pet-scale:1.28}.orbit-a{width:470px;height:470px}.orbit-b{width:670px;height:670px}}
@media(max-width:720px){.topbar{height:57px;min-height:57px;padding:8px 12px!important}.brand .wordmark{font-size:25px}.brand small{font-size:8px}.status{font-size:9px!important;padding:7px 8px!important}.intro{min-height:570px}.experience{height:100dvh;min-height:580px}.hello{top:70px;left:13px}.hello h1{font-size:23px}.companion-meta{top:68px;right:10px;padding:5px 8px;gap:5px!important}.companion-meta strong{font-size:12px}.companion-meta .coins{display:none}.orbit{top:36%!important}.orbit-a{width:300px;height:300px}.orbit-b{width:445px;height:445px}.pet{--pet-scale:1.09;top:34.5%}.ground{top:54%}.bubble{top:18%!important;max-width:72vw!important;font-size:12px!important;padding:8px 11px}.quick-health{top:25%!important;left:9px!important;gap:4px!important}.quick-health span{padding:6px!important;font-size:11px!important;border-radius:11px!important}.want-card{top:49%!important;left:7px!important;max-width:calc(100vw - 90px)!important}.side-tools{display:flex;flex-direction:row;overflow:auto;left:7px;right:7px;top:auto;bottom:260px;gap:6px!important;justify-content:flex-start;scrollbar-width:none;padding:4px 0}.tool-button{flex:0 0 auto!important;width:auto!important;min-width:44px!important;min-height:41px!important;padding:6px 9px!important;border-radius:13px!important}.tool-button span{font-size:18px!important}.tool-button small{display:none!important}.care-dock{bottom:307px;max-width:calc(100vw - 12px);left:50%;gap:5px}.care-dock button{font-size:12px;padding:9px 10px}.care-dock button span{display:none}.conversation{bottom:5px;width:calc(100vw - 12px);padding:10px!important;gap:5px;max-height:55dvh;border-radius:18px!important}.chat-heading strong{font-size:13px}.messages{height:67px}.msg{font-size:12px}.shortcuts button{font-size:10px!important;padding:7px 9px!important}.chat-input input{font-size:13px!important;padding:10px 8px}.chat-input button{padding:8px 10px!important}.disclaimer{font-size:9px}.v6-clear-chat{font-size:9px!important;padding:5px!important}.drawer{padding:18px}.v6-mood-options button small{font-size:9px}}
@media(max-width:390px){.pet{--pet-scale:.94;top:34%}.bubble{top:17.5%!important}.side-tools{bottom:252px}.care-dock{bottom:300px}.conversation{padding:8px!important}.messages{height:56px}.v6-dashboard-stats b{font-size:13px}.v6-routine-card strong{font-size:11px}}
@media(max-height:750px) and (min-width:721px){.pet{--pet-scale:1.13;top:39%}.bubble{top:18%}.v6-home-card{top:35%;padding:12px}.quick-health{top:57%!important}.care-dock{bottom:241px}.messages{height:58px}}
@media(max-height:690px) and (max-width:720px){.pet{--pet-scale:.85;top:31%}.bubble{top:17%!important}.quick-health{top:25%!important}.side-tools{bottom:238px}.care-dock{bottom:287px}.messages{height:45px}}
@media(prefers-reduced-motion:reduce){.tool-button{transition:none!important}.v6-listening .pet .head{animation:none!important}}

@media(min-width:721px) and (max-height:750px){.care-dock{bottom:295px}}
/* V6 final mobile spacing: care and navigation are two distinct rows. */
@media(max-width:720px){.care-dock{bottom:340px!important}.side-tools{bottom:265px!important}.conversation{bottom:5px!important}}
@media(max-width:390px){.care-dock{bottom:338px!important}.side-tools{bottom:262px!important}}
@media(max-height:690px) and (max-width:720px){.care-dock{bottom:317px!important}.side-tools{bottom:245px!important}}