/* URBI V4 — premium interface layer, no network dependencies */
:root{--u4-navy:#10315b;--u4-blue:#126de7;--u4-sky:#15c8eb;--u4-white:#fff}
html{scroll-behavior:smooth}
body{background:#e9f3fb!important}
.page{background:radial-gradient(ellipse at 22% 18%,#d3f4ff 0,transparent 42%),linear-gradient(126deg,#eaf9ff 0%,#f2f7ff 48%,#edf0fe 100%)}
.topbar{padding-inline:clamp(14px,4vw,60px)!important;border-bottom:1px solid #fff;background:#ffffffc4!important;box-shadow:0 1px 25px #3e7fa510}
.brand .wordmark{font-weight:950;letter-spacing:-.055em;color:#123762}.brand .wordmark span{color:#08afe9}.brand small{font-weight:750;letter-spacing:.075em}
.edition{font-size:10px;font-weight:850;letter-spacing:.12em;border:1px solid #cae3fd;color:#5b7b9b;background:#f7fcff;padding:8px 12px;border-radius:999px}
.status{background:#fffcf5!important;border:1px solid #faecc5!important;color:#8b6c28!important}
.intro{background:radial-gradient(ellipse at 75% 50%,#d4f8ff 0%,transparent 50%),linear-gradient(125deg,#f7fcff,#e9f3ff);border-radius:36px;box-shadow:0 34px 85px #5b91bf24;border:1px solid #fff}
.intro h1{letter-spacing:-.055em}.intro-text>p:not(.eyebrow){max-width:470px;line-height:1.55}
.primary{background:linear-gradient(110deg,#1084f0,#04bfe5)!important;border:0;color:white!important;box-shadow:0 6px 17px #2189e830}
.experience{isolation:isolate}
.world{background:radial-gradient(ellipse at 50% 35%,#dbfaff 0%,#edf8ff 42%,#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{content:'';position:absolute;inset:auto 0 0 0;height:230px;pointer-events:none;background:linear-gradient(0deg,#dceaf640,transparent);z-index:1}
.hello{z-index:4}.hello h1{letter-spacing:-.06em;color:#143960}
.companion-meta{border-radius:19px!important;background:#ffffffde!important;backdrop-filter:blur(12px);border:1px solid #fff;box-shadow:0 16px 36px #5e9fca25}
.pet{filter:drop-shadow(0 18px 25px #74b7f451)!important}
.ground{background:#1e8bd82c!important}
.bubble{font-size:14px!important;line-height:1.4;background:#fffffff0!important;box-shadow:0 10px 34px #6ca2bd26!important;border-radius:18px!important;border:1px solid #ffffffeb!important}
.quick-health span{background:#fffffff0!important;border:1px solid #fff!important;box-shadow:0 9px 25px #5b9bc024!important;border-radius:17px!important}
.side-tools{gap:9px!important}.tool-button{min-width:72px!important;border-radius:19px!important;background:#ffffffeb!important;box-shadow:0 9px 25px #74a9d125!important;border:1px solid #fff!important;transition:transform .2s ease,box-shadow .2s ease}.tool-button:hover{transform:translateY(-2px)}
.care-dock button{background:#fff!important;border:1px solid #eef8ff!important;color:#23486e!important;box-shadow:0 9px 28px #78aacf34!important;border-radius:18px!important}
.conversation{border-radius:25px!important;background:#fffffff5!important;border:1px solid #fff!important;box-shadow:0 18px 60px #3a81b42e!important;padding:16px 19px!important;max-width:calc(100vw - 16px)}
.chat-heading strong{color:#153960;font-weight:900}.chat-heading p{color:#577b9a}
.shortcuts{gap:8px!important}.shortcuts button{border-radius:11px!important;padding:9px 12px!important;background:#eaf6ff!important;color:#275c84!important;font-size:12px!important}
.chat-input{background:#f0f7fc;padding:5px;border-radius:18px;gap:6px!important;border:1px solid #dfedfa}
.chat-input input{background:transparent!important;border:0!important;box-shadow:none!important}.chat-input input:focus-visible{outline:2px solid #289ee9;outline-offset:-1px}
.chat-input button{border-radius:14px!important}.chat-input #mic{background:#fff;border:1px solid #d8eaf5;color:#154577}.chat-input #mic.listening{background:#ffe5eb!important}
.msg{border-radius:16px 16px 16px 4px!important;background:#f3f8ff!important}.msg.user{border-radius:16px 16px 4px 16px!important;background:#e0f5ff!important}
.drawer{background:#f7fbff!important;box-shadow:-15px 0 80px #23477f35!important}.drawer-header{position:sticky;top:-25px;z-index:2;background:#f7fbff;padding:14px 0;border-bottom:1px solid #e2ecf5}
.drawer-content h2{color:#163a64}.catalog-card{border:1px solid #edf2fb!important;box-shadow:0 12px 30px #79a1c21d!important}.catalog-card .card-emoji{background:#f0f9ff;border-radius:16px;padding:9px;margin-bottom:4px}
.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0 21px}.daily-grid button{display:flex;flex-direction:column;text-align:left;align-items:flex-start;min-height:141px;padding:17px;border:1px solid #e2eefa;background:white;border-radius:20px;box-shadow:0 10px 24px #679abd18;gap:6px}.daily-grid button span{font-size:29px}.daily-grid button strong{font-size:13px;color:#1d4579}.daily-grid button small{font-size:11px;color:#7191a8}
.daily-options{display:grid;gap:9px;margin:15px 0}.daily-options button{display:flex;align-items:center;gap:8px;text-align:left;padding:14px 16px;border-radius:13px;background:white;color:#22537d}.daily-options small{margin-left:auto;color:#718da9;font-size:10px}.soft-divider{border:0;border-top:1px solid #dfebf3;margin:24px 0}.urbi-daily h3{font-size:17px;color:#244c78}
body.v4-calm .ambient,body.v4-calm .orbit,body.v4-calm .intro-glow{display:none!important}body.v4-calm .world{background:#eef5fa!important}body.v4-calm .pet,body.v4-calm .head{animation:none!important}body.v4-calm .bubble{background:#fff!important}
body.v4-contrast .page{background:#fff!important}body.v4-contrast .world{background:#f9fdff!important}body.v4-contrast .conversation,body.v4-contrast .drawer{border:2px solid #23436d!important}body.v4-contrast .msg,body.v4-contrast .shortcuts button{color:#0d2948!important}
body.v4-text{font-size:110%}body.v4-text .msg{font-size:15px}body.v4-text .drawer-content p{font-size:16px}body.v4-text .tool-button small{font-size:12px}
@media(max-width:720px){.edition{display:none}.topbar{padding-inline:14px!important}.tool-button{min-width:49px!important;border-radius:15px!important}.tool-button span{font-size:18px!important}.side-tools{gap:6px!important}.conversation{padding:10px!important;border-radius:20px!important}.chat-input{border-radius:15px}.chat-input input{font-size:14px}.shortcuts button{font-size:11px!important;padding:7px 9px!important}.pet{--pet-scale:1.10}.bubble{font-size:11px!important}.daily-grid button{min-height:123px;padding:13px}.drawer-header{top:-20px}}
@media(max-width:390px){.pet{--pet-scale:.96}.side-tools{right:3px!important}.tool-button{min-width:43px!important;padding:6px!important}.quick-health{left:5px!important}}
@media(prefers-reduced-motion:reduce){.tool-button{transition:none!important}}