:root{
  --s-ivory:#fffaf4;--s-pearl:#fffefd;--s-graphite:#292630;--s-muted:#7c7480;
  --s-gold:#d9a84b;--s-honey:#f2ce87;--s-lavender:#9273ea;--s-amethyst:#7356c9;
  --s-blush:#eea2b0;--s-peach:#f3b792;--s-mint:#68cdb2;--s-cyan:#6bc8e1;
  --s-line:rgba(117,88,72,.10);--s-glass:rgba(255,254,251,.79);
  --s-shadow:0 22px 70px rgba(102,76,91,.085),0 4px 16px rgba(181,145,104,.06);
}
html{background:#fffaf5}.sky-grid{opacity:.2;background-size:64px 64px;background-image:linear-gradient(rgba(154,116,90,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(154,116,90,.045) 1px,transparent 1px)}
body{color:var(--s-graphite);background:radial-gradient(circle at 13% 10%,rgba(244,201,141,.16),transparent 26%),radial-gradient(circle at 82% 15%,rgba(165,139,235,.13),transparent 28%),radial-gradient(circle at 78% 72%,rgba(104,205,178,.11),transparent 29%),radial-gradient(circle at 19% 76%,rgba(238,162,176,.10),transparent 27%),linear-gradient(135deg,#fffdf9,#fffaf6 48%,#fbfbff)}
.mobile-dock{display:none}
#toast{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}#toast.show{opacity:1;visibility:visible;transform:none;transition-delay:0s}
body:before{background:radial-gradient(circle at 45% 2%,rgba(255,255,255,.8),transparent 27%),radial-gradient(circle at 100% 54%,rgba(107,200,225,.07),transparent 25%)}
.a1{background:radial-gradient(circle,#f0ce93,transparent 68%);opacity:.18}.a2{background:radial-gradient(circle,#baa5ef,transparent 68%);opacity:.16}.a3{background:radial-gradient(circle,#9fe5d0,transparent 68%);opacity:.12}
header{height:76px;padding:0 max(20px,2.2vw);gap:24px;background:rgba(255,252,248,.76);border-bottom:1px solid rgba(127,95,76,.08);box-shadow:0 8px 34px rgba(92,72,76,.035);backdrop-filter:blur(30px) saturate(1.25)}
.brand{min-width:190px}
.command-search{width:min(520px,42vw);margin:auto;border:1px solid rgba(128,99,82,.08);background:rgba(247,243,242,.65);color:#aaa0a3;border-radius:18px;height:42px;padding:0 14px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:.2s}.command-search:hover{background:white;border-color:rgba(146,115,234,.16);box-shadow:0 8px 28px rgba(114,87,124,.06)}.command-search span:first-child{font-size:20px;color:#827b7d}.command-search span:nth-child(2){flex:1}.command-search kbd{border:0;background:rgba(255,255,255,.75);padding:4px 7px;border-radius:8px;color:#a69b9e;font:10px inherit}
#account{min-width:156px;justify-content:flex-end}#localeSwitch{background:transparent;border-color:transparent}
main{max-width:1580px;grid-template-columns:194px minmax(0,900px) 238px;gap:22px;margin:22px auto;padding:0 24px;align-items:start}
.left-rail,.right{position:sticky;top:98px;max-height:calc(100vh - 118px);align-self:start}.left-rail{display:flex;flex-direction:column;gap:18px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav .nav{width:100%;display:flex;align-items:center;gap:12px;text-align:left;color:#6f696d;font-size:13px;font-weight:650;border-radius:15px;padding:11px 13px;background:transparent}.side-nav .nav:before{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:9px;color:#84777b;font-size:17px;font-weight:500}.side-nav .nav[data-view="feed"]:before{content:"⌂"}.side-nav .nav[data-view="clips"]:before{content:"▷"}.side-nav .nav[data-view="explore"]:before{content:"⌕"}.side-nav .nav[data-view="live"]:before{content:"◉"}.side-nav .nav[data-view="studio"]:before{content:"✦"}.side-nav .nav[data-view="messages"]:before{content:"◌"}.side-nav .nav[data-view="gifts"]:before{content:"♢"}.side-nav .nav[data-view="more"]:before{content:"···";letter-spacing:-2px}.side-nav .nav:hover{background:rgba(255,255,255,.65);color:var(--s-graphite);transform:none}.side-nav .nav.active{color:#8b672d;background:linear-gradient(100deg,rgba(244,218,168,.4),rgba(255,255,255,.5));box-shadow:inset 0 0 0 1px rgba(217,168,75,.11)}.side-nav .nav.active:before{color:#b58231;background:rgba(255,250,237,.7)}.side-nav .nav.active:after{display:none}
.left-rail .status{margin:0;padding:12px 15px;border-radius:16px}.left-rail .status i{background:var(--s-mint);box-shadow:0 0 0 4px rgba(104,205,178,.12)}
.card,.mini-card{background:var(--s-glass);border:1px solid rgba(255,255,255,.92);box-shadow:var(--s-shadow),inset 0 0 0 1px rgba(160,119,92,.025);backdrop-filter:blur(28px) saturate(1.15)}.card{border-radius:25px}.mini-card{border-radius:22px}.right{display:grid;gap:14px}.right .mini-card{margin:0}.eyebrow{color:#9b7340;letter-spacing:.18em}.live-dot{color:#d26779;background:#fff0f0}
.primary{border-radius:15px;background:linear-gradient(120deg,#cf9b40,#e7bb69 48%,#a58be8);box-shadow:0 11px 29px rgba(187,142,68,.18)}.primary:hover{box-shadow:0 16px 38px rgba(187,142,68,.25)}.ghost{color:#746d71}.ghost:hover{background:rgba(146,115,234,.07);color:#7259b2}
.hero{min-height:190px;padding:31px 34px;background:radial-gradient(circle at 92% 25%,rgba(146,115,234,.15),transparent 25%),radial-gradient(circle at 74% 100%,rgba(104,205,178,.11),transparent 31%),linear-gradient(135deg,rgba(255,253,249,.93),rgba(255,249,245,.74) 50%,rgba(248,245,255,.75));isolation:isolate}.hero:before{border-color:rgba(217,168,75,.09);box-shadow:0 0 0 25px rgba(238,162,176,.018),0 0 0 52px rgba(107,200,225,.018)}.hero:after{background:radial-gradient(circle,rgba(242,206,135,.23),rgba(146,115,234,.07) 48%,transparent 70%)}.hero h1{font-size:clamp(34px,4vw,50px);color:var(--s-graphite);background:none;-webkit-text-fill-color:initial;letter-spacing:-.05em}.hero p{color:var(--s-muted)}
.living-horizon{position:relative;min-height:408px;margin-bottom:18px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.95);background:radial-gradient(circle at 78% 17%,rgba(147,115,234,.17),transparent 24%),radial-gradient(circle at 50% 72%,rgba(242,206,135,.21),transparent 29%),radial-gradient(circle at 8% 86%,rgba(107,200,225,.10),transparent 28%),linear-gradient(130deg,rgba(255,254,250,.97),rgba(255,248,244,.91) 48%,rgba(249,247,255,.93));box-shadow:0 30px 90px rgba(115,84,100,.10);isolation:isolate}.living-horizon:before{content:"";position:absolute;left:-8%;right:-7%;height:185px;bottom:58px;border-radius:50%;border-top:1px solid rgba(217,168,75,.42);border-bottom:1px solid rgba(146,115,234,.17);transform:rotate(-3deg);box-shadow:0 -9px 30px rgba(242,206,135,.15),0 10px 26px rgba(146,115,234,.08);z-index:-1}.living-horizon:after{content:"";position:absolute;width:68%;height:120px;left:9%;bottom:70px;background:linear-gradient(100deg,transparent,rgba(242,206,135,.22),rgba(238,162,176,.13),rgba(146,115,234,.17),rgba(104,205,178,.12),transparent);filter:blur(25px);transform:rotate(-5deg);z-index:-1}.horizon-copy{position:absolute;top:42px;left:42px;max-width:52%;z-index:2}.horizon-copy h1{font-size:clamp(34px,4.2vw,55px);line-height:1;letter-spacing:-.058em;margin:10px 0 12px}.horizon-copy h1 span{color:#c7953f}.horizon-copy p{color:#776f74;line-height:1.6;max-width:500px;margin:0}
.ai-human-presence i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--s-mint);box-shadow:0 0 0 3px rgba(104,205,178,.13)}
.horizon-flow{position:absolute;left:25px;right:25px;bottom:28px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:9px}.horizon-flow button{border:1px solid rgba(255,255,255,.82);height:84px;border-radius:20px;background:rgba(255,253,250,.64);backdrop-filter:blur(15px);color:#5f585c;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer;box-shadow:0 10px 30px rgba(102,78,90,.055);transition:.22s}.horizon-flow button:nth-child(1){background:linear-gradient(145deg,rgba(255,240,239,.78),rgba(255,253,250,.62))}.horizon-flow button:nth-child(2){background:linear-gradient(145deg,rgba(244,238,255,.82),rgba(255,253,250,.62))}.horizon-flow button:nth-child(3){background:linear-gradient(145deg,rgba(238,249,255,.82),rgba(255,253,250,.62))}.horizon-flow button:nth-child(4){background:linear-gradient(145deg,rgba(255,244,217,.9),rgba(251,238,255,.75));height:98px;box-shadow:0 14px 38px rgba(203,156,75,.13)}.horizon-flow button:nth-child(5){background:linear-gradient(145deg,rgba(239,250,244,.88),rgba(255,253,250,.62))}.horizon-flow button:nth-child(6){background:linear-gradient(145deg,rgba(255,246,230,.84),rgba(255,253,250,.62))}.horizon-flow button:nth-child(7){background:linear-gradient(145deg,rgba(249,238,255,.83),rgba(255,253,250,.62))}.horizon-flow button:hover{transform:translateY(-5px);box-shadow:0 17px 40px rgba(112,82,103,.12)}.horizon-flow i{font-style:normal;font-size:23px;color:#9172b6}.horizon-flow .horizon-create i{color:#bb8732}.horizon-flow span{font-size:10px;font-weight:700}
.composer{background:rgba(255,253,250,.84);border-color:rgba(207,171,132,.1)}.composer:focus-within{border-color:rgba(217,168,75,.2);box-shadow:0 20px 70px rgba(180,137,83,.09)}.post{background:rgba(255,254,252,.79)}.post:hover{box-shadow:0 24px 65px rgba(103,78,91,.10)}.avatar{background:linear-gradient(145deg,var(--s-gold),var(--s-lavender) 58%,var(--s-cyan))}.actions button:hover,.actions button.on{color:#7e5cb8;background:linear-gradient(130deg,rgba(242,206,135,.18),rgba(146,115,234,.10))}
.gifts{grid-template-columns:repeat(2,minmax(0,1fr))}.gift{background:radial-gradient(circle at 80% 10%,rgba(146,115,234,.10),transparent 31%),linear-gradient(145deg,rgba(255,252,245,.9),rgba(250,247,255,.8));border-color:rgba(217,168,75,.13)}.gift strong{color:#493e3e}.gift small{color:#947a5f}.gift-orb{box-shadow:0 0 45px currentColor,0 14px 32px rgba(170,128,78,.10)}.balance{background:linear-gradient(110deg,#b6802d,#d9a84b 42%,#8666c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.fields input,.fields textarea,.fields select,.searchbar input{background:rgba(255,254,252,.84);border-color:rgba(143,105,88,.10)}.fields input:focus,.fields textarea:focus,.fields select:focus{border-color:rgba(217,168,75,.34);box-shadow:0 0 0 4px rgba(217,168,75,.07)}
.sylora-ai-hero{min-height:285px;padding-right:43%;background:linear-gradient(130deg,rgba(255,253,249,.95),rgba(249,241,255,.8))}.sylora-ai-hero:after{width:41%;height:auto;inset:10px 10px 10px auto;border-radius:22px;background-image:linear-gradient(to top,rgba(255,248,244,.13),transparent 45%),url('/assets/sylora-assistant-v1.png');background-size:cover;background-position:center 20%;z-index:-1}.sylora-ai-hero:before{display:none}.ai-human-presence{position:absolute;right:28px;bottom:24px;width:34%;padding:9px 11px;border-radius:13px;background:rgba(255,252,249,.76);backdrop-filter:blur(16px);display:grid;gap:2px}.ai-human-presence span{font-size:8px;color:#887b81;letter-spacing:.1em}.ai-human-presence b{font-size:14px}.ai-human-presence small{font-size:9px;color:#8f8589}.ai-answer{background:linear-gradient(120deg,rgba(255,248,229,.62),rgba(245,240,255,.56));border:1px solid rgba(217,168,75,.09);border-radius:18px}
.studio-layout,.clip-shell{border-color:rgba(141,103,91,.09)}.studio-panel,.studio-controls{background:rgba(255,253,250,.84)!important;color:var(--s-graphite)!important}.studio-stage{box-shadow:0 18px 48px rgba(72,57,63,.12)}

@media(max-width:1260px){
  main{grid-template-columns:184px minmax(0,880px);max-width:1160px}.right{display:none}.command-search{width:min(460px,39vw)}
  .horizon-copy{max-width:50%}
}
@media(max-width:980px){
  header{padding:0 16px}.brand{min-width:52px}.command-search{width:auto;flex:1;max-width:410px}
  main{grid-template-columns:72px minmax(0,1fr);gap:16px;margin-top:18px;padding:0 16px}main>aside.left-rail{display:flex;top:92px}.side-nav .nav{justify-content:center;padding:10px 6px;font-size:0}.side-nav .nav:before{font-size:17px}.left-rail .status{justify-content:center}.left-rail .status span{display:none}
  .horizon-copy{left:30px;top:34px;max-width:48%}.horizon-flow{left:18px;right:18px;gap:6px}.horizon-flow button{height:77px}.horizon-flow button:nth-child(4){height:90px}
}
@media(max-width:720px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.aurora{opacity:.1}header{height:63px;padding:0 10px;gap:8px}.brand{min-width:auto}.command-search{height:39px;min-width:0}.command-search span:nth-child(2),.command-search kbd{display:none}.command-search span:first-child{margin:auto}#account{min-width:auto}#localeSwitch{display:none}#account .primary,#account .ghost{font-size:10px;padding:9px 10px}
  main{display:block;margin:12px auto 0;padding:0 10px}main>aside.left-rail{display:none}.horizon-flow::-webkit-scrollbar{display:none;width:0;height:0}.mobile-dock{position:fixed;z-index:70;left:9px;right:9px;bottom:max(8px,env(safe-area-inset-bottom));height:64px;padding:5px 6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:3px;border:1px solid rgba(255,255,255,.94);border-radius:22px;background:rgba(255,251,248,.91);backdrop-filter:blur(26px) saturate(1.2);box-shadow:0 16px 48px rgba(84,65,75,.16)}.mobile-dock .nav{width:100%;height:52px;padding:5px 2px;border-radius:16px;display:grid;place-items:center;align-content:center;gap:2px;font-size:8px!important;font-weight:700;color:#82777c}.mobile-dock .nav>span:first-child{font-size:17px;line-height:1;color:#86778e}.mobile-dock .nav>span:last-child{font-size:8px;line-height:1.2;white-space:nowrap}.mobile-dock .nav.active{color:#9a6f2d;background:linear-gradient(145deg,rgba(250,225,177,.58),rgba(241,232,255,.54))}.mobile-dock .nav.active>span:first-child{color:#b17d2d}.mobile-dock .nav.active:after{display:none}
  .living-horizon{min-height:560px;border-radius:25px}.horizon-copy{position:relative;left:auto;top:auto;padding:27px 23px 0;max-width:none}.horizon-copy h1{font-size:36px}.horizon-copy p{font-size:13px;max-width:88%}.horizon-flow{left:14px;right:14px;bottom:18px;display:flex;overflow-x:auto;align-items:center;padding:5px 1px;scrollbar-width:none}.horizon-flow button,.horizon-flow button:nth-child(4){flex:0 0 78px;height:82px}.horizon-flow button:nth-child(4){flex-basis:88px}.card{border-radius:21px}.hero{min-height:170px;padding:25px 22px}.hero h1{font-size:34px}.composer{flex-direction:column}.post{padding:18px}.gifts{grid-template-columns:1fr}.row{gap:9px}.inline-fields,.grid2{grid-template-columns:1fr!important}
  .sylora-ai-hero{min-height:430px;padding:24px 22px 235px}.sylora-ai-hero:after{inset:auto 10px 10px;width:calc(100% - 20px);height:220px;background-position:center 18%}.ai-human-presence{right:20px;bottom:25px;width:48%}.sylora-ai-hero p{font-size:13px}.clip-shell{border-radius:21px;overflow:hidden}
  #toast{left:12px;right:12px;bottom:85px;text-align:center}
}
@media(max-width:400px){.horizon-copy h1{font-size:32px}.horizon-copy p{max-width:100%}.side-nav .nav{flex-basis:48px}}
@media(prefers-reduced-motion:reduce){.living-horizon:before,.living-horizon:after{animation:none}}

/* Living Horizon 2.1 — reference-aligned brand, LIVE commerce and Resonance surfaces. */
.side-nav .nav[data-view="learning"]:before{content:"◇"}.side-nav .nav[data-view="business"]:before{content:"▱"}
.gift{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.gift:after{content:"";position:absolute;width:110px;height:110px;right:-45px;top:-48px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(146,115,234,.08) 48%,transparent 70%);pointer-events:none}.gift:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(120,88,100,.12)}
.live-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-room-card{min-height:150px;padding:20px;background:radial-gradient(circle at 86% 16%,rgba(238,162,176,.18),transparent 30%),linear-gradient(135deg,rgba(255,253,248,.92),rgba(247,242,255,.84))}.live-room-card:first-child{grid-column:1/-1;min-height:205px}.live-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.live-gift-tray{margin-top:14px;padding:16px;border:1px solid rgba(217,168,75,.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,253,249,.94),rgba(249,244,255,.9));box-shadow:0 18px 50px rgba(116,84,103,.08)}.live-gift-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.live-gift-scroll{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px;margin-top:12px}.live-gift{min-height:94px;padding:10px 7px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(255,255,255,.66);color:#5b5257;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer}.live-gift:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(113,83,96,.1)}.live-gift-symbol{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:radial-gradient(circle at 35% 25%,#fff 0 15%,var(--gift-color) 42%,rgba(255,255,255,.65));box-shadow:0 5px 22px var(--gift-color)}.live-gift small{font-size:9px;color:#8a7c82}.live-gift b{font-size:10px}.resonance-panel{margin-top:12px;padding:14px 16px;border:1px solid rgba(157,132,223,.14);border-radius:20px;background:linear-gradient(105deg,rgba(255,245,222,.72),rgba(243,237,255,.76),rgba(237,251,247,.72));position:relative;overflow:hidden}.resonance-panel:before{content:"";position:absolute;left:-5%;right:-5%;top:50%;height:20px;background:linear-gradient(90deg,transparent,rgba(229,174,82,.18),rgba(154,124,224,.24),rgba(105,201,197,.14),transparent);filter:blur(10px)}.resonance-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}.resonance-meter{height:8px;margin-top:10px;border-radius:20px;background:rgba(255,255,255,.7);overflow:hidden}.resonance-meter i{display:block;width:50%;height:100%;background:linear-gradient(90deg,#e2ac51,#d59cc8,#9176db);box-shadow:0 0 14px rgba(151,112,213,.3)}.like-burst.bump{animation:likeBump .32s ease}@keyframes likeBump{50%{transform:scale(1.12)}}
@media(max-width:720px){.live-room-grid{grid-template-columns:1fr}.live-room-card:first-child{grid-column:auto}.live-gift-scroll{display:flex;overflow-x:auto;scrollbar-width:none}.live-gift{flex:0 0 92px}.live-gift-scroll::-webkit-scrollbar{display:none}}

/* View identities: the same Living Horizon language, with a distinct emotional accent per product area. */
body[data-view="live"] .hero{background:radial-gradient(circle at 88% 18%,rgba(238,162,176,.23),transparent 29%),radial-gradient(circle at 65% 100%,rgba(242,206,135,.14),transparent 34%),linear-gradient(135deg,rgba(255,253,250,.96),rgba(255,242,244,.78))}
body[data-view="clips"] .hero,body[data-view="videos"] .hero{background:radial-gradient(circle at 88% 15%,rgba(146,115,234,.20),transparent 29%),radial-gradient(circle at 67% 100%,rgba(107,200,225,.13),transparent 32%),linear-gradient(135deg,rgba(255,253,250,.96),rgba(247,243,255,.82))}
body[data-view="studio"] .hero{background:radial-gradient(circle at 85% 8%,rgba(107,200,225,.16),transparent 31%),radial-gradient(circle at 70% 100%,rgba(146,115,234,.16),transparent 31%),linear-gradient(135deg,rgba(255,253,250,.96),rgba(240,250,251,.78))}
body[data-view="gifts"] .hero{background:radial-gradient(circle at 87% 15%,rgba(217,168,75,.23),transparent 29%),radial-gradient(circle at 68% 100%,rgba(146,115,234,.13),transparent 32%),linear-gradient(135deg,rgba(255,253,247,.98),rgba(255,247,232,.82))}
body[data-view="learning"] .hero{background:radial-gradient(circle at 86% 15%,rgba(104,205,178,.19),transparent 30%),radial-gradient(circle at 64% 100%,rgba(107,200,225,.10),transparent 32%),linear-gradient(135deg,rgba(255,253,250,.96),rgba(240,251,246,.82))}
body[data-view="business"] .hero{background:radial-gradient(circle at 86% 15%,rgba(242,206,135,.21),transparent 30%),radial-gradient(circle at 69% 100%,rgba(238,162,176,.11),transparent 31%),linear-gradient(135deg,rgba(255,253,250,.96),rgba(255,248,236,.84))}
body[data-view="communities"] .hero{background:radial-gradient(circle at 86% 15%,rgba(238,162,176,.17),transparent 30%),radial-gradient(circle at 69% 100%,rgba(146,115,234,.11),transparent 31%),linear-gradient(135deg,rgba(255,253,250,.96),rgba(255,244,247,.8))}
body[data-view="profile"] .hero{min-height:235px;background:radial-gradient(circle at 88% 18%,rgba(242,206,135,.24),transparent 30%),radial-gradient(circle at 68% 100%,rgba(146,115,234,.14),transparent 31%),linear-gradient(135deg,rgba(255,253,250,.98),rgba(251,246,255,.82))}
body[data-view="profile"] .grid2{margin-bottom:14px}body[data-view="profile"] .grid2 .item{min-height:116px;padding:22px;background:rgba(255,253,249,.78)}body[data-view="profile"] .grid2 .item:nth-child(2){background:linear-gradient(145deg,rgba(246,240,255,.82),rgba(255,255,255,.75))}body[data-view="profile"] .grid2 .item:nth-child(3){background:linear-gradient(145deg,rgba(237,251,246,.82),rgba(255,255,255,.75))}body[data-view="profile"] .grid2 .item:nth-child(4){background:linear-gradient(145deg,rgba(255,245,226,.86),rgba(255,255,255,.75))}body[data-view="profile"] .grid2 h3{font-size:27px;margin-top:10px}

/* Media stays cinematic; all controls and chrome stay light. */
body[data-view="clips"] .clip-list{gap:16px}.clip-shell{border:1px solid rgba(142,104,92,.10);background:#18161d;box-shadow:0 24px 70px rgba(80,59,69,.13)}.clip-shell video{background:linear-gradient(145deg,#17141c,#252133)}.clip-info{padding:70px 24px 22px;background:linear-gradient(transparent,rgba(28,21,29,.88))}.clip-info .eyebrow{color:#f2ce87}.clip-info h3{font-size:20px}
.video-card{border-color:rgba(145,106,90,.09);background:rgba(255,253,250,.86)}.video-card video{background:#18161e}.pipeline{color:#9a7137}.video-card-body{padding:20px}
body[data-view="studio"] .studio-layout{grid-template-columns:minmax(320px,1fr) 248px;gap:14px}.studio-stage{padding:10px;border-radius:26px;background:linear-gradient(145deg,#1b1821,#272334);border:1px solid rgba(217,168,75,.16);box-shadow:0 25px 75px rgba(70,54,65,.15)}.studio-stage canvas{border-radius:19px}.studio-controls{gap:10px}.studio-controls .card{padding:15px;border-radius:20px;background:linear-gradient(145deg,rgba(255,254,251,.91),rgba(248,245,251,.8))}.studio-controls .eyebrow{color:#8d6d43}.studio-controls .ghost{background:rgba(250,247,244,.62);border:1px solid rgba(145,108,93,.07)}.studio-note{color:#81767b}.recording{color:#d76276}.recording:before{background:#df6d7f;box-shadow:0 0 0 5px rgba(223,109,127,.11)}

/* Messages: actual two-pane workspace on desktop, one flowing surface on mobile. */
.messages-hero{min-height:160px}.messages-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:14px;min-height:520px}.conversation-panel{padding:13px;overflow:hidden}.new-message{padding:8px 7px 13px;border-bottom:1px solid rgba(133,100,90,.07)}.new-message .fields{margin-top:9px;grid-template-columns:1fr 42px;display:grid;gap:6px}.new-message select{min-width:0;padding:10px 9px}.new-message .primary{padding:8px}.conversation-list{display:grid;gap:5px;padding-top:10px}.convo{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:16px;padding:10px;background:transparent;text-align:left;color:var(--s-graphite);cursor:pointer;transition:.18s}.convo:hover,.convo.active{background:linear-gradient(110deg,rgba(245,224,183,.43),rgba(244,239,255,.52))}.conversation-avatar{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:14px;color:white;font-weight:800;background:linear-gradient(140deg,var(--s-honey),var(--s-lavender) 62%,var(--s-mint));box-shadow:0 7px 18px rgba(112,86,121,.13)}.convo>span:last-child{min-width:0}.convo b,.convo small{display:block}.convo b{font-size:12px}.convo small{margin-top:4px;color:#91878c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.conversation-empty{padding:10px}.chat-space{min-width:0}.chat-placeholder,.chat-card{height:100%;min-height:520px}.chat-placeholder{display:grid;place-items:center;align-content:center;text-align:center}.chat-placeholder>span{font-size:35px;color:#a987c7}.chat-placeholder b{margin-top:10px}.chat-placeholder p{margin:6px}.chat-card{padding:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.chat-head{padding:16px 19px;border-bottom:1px solid rgba(131,99,88,.07);display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,250,.63)}.chat-head>span{font-size:9px;color:#95878d;letter-spacing:.09em}.chat-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--s-mint);margin-right:5px}.chat-head b{font-size:12px}.message-stream{padding:22px;display:flex;flex-direction:column;gap:9px;overflow:auto;max-height:440px;background:radial-gradient(circle at 20% 10%,rgba(242,206,135,.08),transparent 30%),radial-gradient(circle at 90% 80%,rgba(146,115,234,.08),transparent 30%)}.message-bubble{max-width:78%;padding:10px 13px;border-radius:17px}.message-bubble small{font-size:8px;color:#9a8e92}.message-bubble p{margin:3px 0 0;line-height:1.45;font-size:13px}.message-bubble.mine{align-self:flex-end;border-bottom-right-radius:5px;background:linear-gradient(135deg,rgba(246,219,167,.76),rgba(244,231,255,.75))}.message-bubble.theirs{align-self:flex-start;border-bottom-left-radius:5px;background:rgba(255,255,255,.88);border:1px solid rgba(151,115,98,.07)}.message-compose{padding:12px;display:flex;gap:7px;border-top:1px solid rgba(131,99,88,.07);background:rgba(255,253,250,.76)}.message-compose input{flex:1;min-width:0;border:1px solid rgba(133,101,88,.09);border-radius:14px;padding:11px 13px;background:rgba(255,255,255,.78);outline:0}.message-compose input:focus{border-color:rgba(217,168,75,.28)}.message-compose button{width:42px;padding:8px;border-radius:13px}

/* Lists and learning/business modules read as product surfaces, not generic forms. */
body[data-view="learning"] #app>.item,body[data-view="business"] #app>.item,body[data-view="communities"] #app>.item{padding:22px;background:rgba(255,254,251,.82);border-color:rgba(141,106,90,.07)}
body[data-view="learning"] .progress{height:7px;background:#eee8e3;border-radius:999px;overflow:hidden}body[data-view="learning"] .progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--s-mint),var(--s-cyan),var(--s-lavender))}.badge{color:#8e6834;background:rgba(242,206,135,.19)}

@media(max-width:980px){body[data-view="studio"] .studio-layout{grid-template-columns:minmax(300px,1fr) 220px}.messages-shell{grid-template-columns:235px minmax(0,1fr)}.convo small{max-width:135px}}
@media(max-width:720px){body[data-view="studio"] .studio-layout{grid-template-columns:1fr}.studio-controls{grid-template-columns:1fr 1fr}.studio-controls .card{padding:13px}.messages-hero{min-height:140px}.messages-shell{display:block;min-height:0}.conversation-panel{margin-bottom:10px}.conversation-list{display:flex;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.convo{flex:0 0 170px}.convo small{max-width:105px}.chat-card,.chat-placeholder{min-height:440px}.message-stream{max-height:360px;padding:15px}.message-bubble{max-width:86%}}
@media(max-width:430px){.studio-controls{grid-template-columns:1fr}.new-message .fields{grid-template-columns:1fr 42px}.messages-hero p{font-size:12px}}

/* Sylora Presence — voice interaction and visible listening/thinking/speaking states. */
.sylora-ai-hero{overflow:hidden}.sylora-ai-hero:after{transform-origin:center 32%;animation:sylora-breathe 7s ease-in-out infinite;transition:filter .35s,box-shadow .35s}.sylora-ai-hero[data-presence="listening"]:after{filter:saturate(1.06) brightness(1.025);box-shadow:inset 0 0 0 1px rgba(104,205,178,.26),0 0 36px rgba(104,205,178,.12)}.sylora-ai-hero[data-presence="thinking"]:after{filter:saturate(1.04);box-shadow:inset 0 0 0 1px rgba(146,115,234,.25),0 0 40px rgba(146,115,234,.12)}.sylora-ai-hero[data-presence="speaking"]:after{filter:saturate(1.08) brightness(1.03);box-shadow:inset 0 0 0 1px rgba(217,168,75,.28),0 0 42px rgba(217,168,75,.14)}@keyframes sylora-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
.ai-human-presence{transition:background .3s,box-shadow .3s}.sylora-ai-hero[data-presence="listening"] .ai-human-presence{background:rgba(241,253,248,.82);box-shadow:0 9px 30px rgba(104,205,178,.13)}.sylora-ai-hero[data-presence="thinking"] .ai-human-presence{background:rgba(247,242,255,.83);box-shadow:0 9px 30px rgba(146,115,234,.12)}.sylora-ai-hero[data-presence="speaking"] .ai-human-presence{background:rgba(255,249,234,.84);box-shadow:0 9px 30px rgba(217,168,75,.13)}
.voice-wave{height:22px;margin-top:5px;display:flex;align-items:center;gap:3px}.voice-wave i{display:block!important;width:3px!important;height:5px;border-radius:4px;background:linear-gradient(to top,var(--s-gold),var(--s-lavender));box-shadow:none!important;transform-origin:center;opacity:.55}.sylora-ai-hero[data-presence="listening"] .voice-wave i,.sylora-ai-hero[data-presence="speaking"] .voice-wave i{animation:voice-wave .65s ease-in-out infinite alternate;opacity:.9}.voice-wave i:nth-child(2){animation-delay:-.38s!important}.voice-wave i:nth-child(3){animation-delay:-.12s!important}.voice-wave i:nth-child(4){animation-delay:-.52s!important}.voice-wave i:nth-child(5){animation-delay:-.23s!important}.voice-wave i:nth-child(6){animation-delay:-.45s!important}.voice-wave i:nth-child(7){animation-delay:-.08s!important}.sylora-ai-hero[data-presence="thinking"] .voice-wave i{animation:thinking-wave 1s ease-in-out infinite;opacity:.7}@keyframes voice-wave{to{height:19px}}@keyframes thinking-wave{0%,100%{height:4px;transform:translateY(0)}50%{height:10px;transform:translateY(-2px)}}
.ai-conversation{padding:17px;background:linear-gradient(145deg,rgba(255,254,251,.86),rgba(250,246,255,.74));max-height:610px;overflow:auto}.ai-conversation .item{margin:0;max-width:86%}.ai-answer{justify-self:start;border-bottom-left-radius:6px;background:linear-gradient(120deg,rgba(255,248,229,.68),rgba(245,240,255,.62))}.ai-user-message{justify-self:end;border-radius:18px 18px 6px 18px;background:linear-gradient(130deg,rgba(238,249,246,.82),rgba(244,247,255,.72));border:1px solid rgba(104,205,178,.08)}.ai-conversation .item p{margin-bottom:2px;line-height:1.6}.ai-first-message{padding:28px;text-align:center}.ai-first-message>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;color:white;background:linear-gradient(135deg,var(--s-gold),var(--s-lavender),var(--s-cyan));box-shadow:0 12px 30px rgba(132,101,142,.15)}.ai-first-message b{display:block}.ai-first-message p{margin-bottom:0}
.ai-compose{padding:12px;margin:12px 0;background:rgba(255,253,250,.88);position:sticky;bottom:10px;z-index:4}.voice-toolbar{display:flex;align-items:center;gap:7px;padding:0 2px 9px}.voice-action{border:1px solid rgba(138,103,89,.08);border-radius:12px;background:rgba(249,246,244,.78);padding:7px 10px;color:#776d72;font-size:10px;cursor:pointer;transition:.18s}.voice-action:first-child{color:#986b32}.voice-action:hover,.voice-action.active{background:linear-gradient(120deg,rgba(250,231,195,.56),rgba(243,237,255,.7));border-color:rgba(217,168,75,.16)}.voice-hint{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#aaa0a3}.ai-input-row{display:flex;align-items:flex-end;gap:8px}.ai-input-row textarea{flex:1;min-height:58px;max-height:160px;resize:vertical;border:1px solid rgba(138,103,89,.09);border-radius:17px;background:rgba(255,255,255,.8);padding:14px;outline:0;color:var(--s-graphite);font:inherit}.ai-input-row textarea:focus{border-color:rgba(217,168,75,.27);box-shadow:0 0 0 4px rgba(217,168,75,.06)}.ai-send{width:48px;height:48px;border-radius:16px;padding:0;font-size:20px}.ai-compose #aiStatus{margin:7px 3px 0;font-size:10px;min-height:15px}.ai-memory{padding:27px}.ai-memory>h3{margin-top:9px}
.realtime-action{color:#8a6130;background:linear-gradient(120deg,rgba(255,243,216,.78),rgba(247,239,255,.76));font-weight:750}.realtime-action.active{color:#4c765f;background:linear-gradient(120deg,rgba(226,250,240,.9),rgba(244,238,255,.8));box-shadow:0 0 0 3px rgba(104,205,178,.08)}
.sylora-ai-hero.realtime-live{min-height:330px;background:radial-gradient(circle at 82% 34%,rgba(104,205,178,.14),transparent 29%),radial-gradient(circle at 54% 100%,rgba(242,206,135,.17),transparent 35%),linear-gradient(130deg,rgba(255,253,248,.97),rgba(246,242,255,.86))}.sylora-ai-hero.realtime-live:after{animation:none;transform:scale(var(--voice-scale,1.01));box-shadow:0 0 var(--voice-glow,18px) rgba(217,168,75,.13);transition:transform .09s linear,filter .25s}.sylora-ai-hero.realtime-live>p{max-width:46%;font-size:12px}.realtime-call-deck[hidden]{display:none}.realtime-call-deck{position:absolute;left:33px;bottom:27px;width:45%;padding:13px 15px;border-radius:17px;border:1px solid rgba(255,255,255,.85);background:linear-gradient(125deg,rgba(255,252,246,.82),rgba(245,239,255,.76));backdrop-filter:blur(17px);box-shadow:0 14px 38px rgba(106,77,101,.08)}.realtime-call-deck>div:first-child{display:flex;align-items:center;gap:7px}.realtime-call-deck small{font-size:8px;letter-spacing:.12em;color:#8c7b82}.realtime-call-deck strong{margin-left:auto;font-size:11px;color:#766a6f;font-variant-numeric:tabular-nums}.live-call-dot{width:7px;height:7px;border-radius:50%;background:var(--s-mint);box-shadow:0 0 0 4px rgba(104,205,178,.12),0 0 14px rgba(104,205,178,.3);animation:live-call-pulse 1.7s ease-in-out infinite}.realtime-call-deck p{margin:7px 0 10px;font-size:10px;line-height:1.45;color:#887c81}.realtime-controls{display:flex!important;gap:6px!important}.realtime-controls button{border:1px solid rgba(129,98,89,.08);border-radius:11px;padding:7px 9px;background:rgba(255,255,255,.72);color:#6e6469;font-size:9px;cursor:pointer}.realtime-controls button.muted{color:#bd6d5e;background:#fff0eb}.realtime-controls .end-call{color:#bd5f70;background:#fff0f2}@keyframes live-call-pulse{50%{transform:scale(1.25);opacity:.65}}
.realtime-transcript{animation:transcript-in .28s ease-out}.realtime-call-deck #realtimeCaption{min-height:28px;max-height:45px;overflow:hidden}@keyframes transcript-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.sylora-ai-hero.realtime-live:after{animation:sylora-body-alive 6.8s ease-in-out infinite;transform-origin:50% 72%}.sylora-ai-hero.realtime-live:before{display:block;inset:10px 10px 10px auto;width:41%;height:auto;border:0;border-radius:22px;background-image:url('/assets/sylora-visemes-v1.png');background-size:400% 200%;background-position:var(--viseme-x,0%) var(--viseme-y,0%);box-shadow:none;clip-path:ellipse(31% 32% at 50% 31%);z-index:0;pointer-events:none;animation:sylora-head-alive 7.2s ease-in-out infinite;transform-origin:50% 49%}.sylora-ai-hero.realtime-live[data-presence="listening"]:before{animation-duration:5.4s}.sylora-ai-hero.realtime-live[data-presence="speaking"]:before,.sylora-ai-hero.realtime-live.avatar-speaking:before{animation-duration:3.8s}.sylora-ai-hero.realtime-live[data-presence="thinking"]:before{animation:sylora-head-think 4.6s ease-in-out infinite}@keyframes sylora-body-alive{0%,100%{transform:scale(var(--voice-scale,1.006)) translate(0,0) rotate(0deg)}35%{transform:scale(var(--voice-scale,1.006)) translate(-1px,-2px) rotate(-.22deg)}70%{transform:scale(var(--voice-scale,1.006)) translate(1px,1px) rotate(.18deg)}}@keyframes sylora-head-alive{0%,100%{transform:translate(0,0) rotate(0deg)}28%{transform:translate(-1.5px,-1px) rotate(-.5deg)}62%{transform:translate(1.5px,.5px) rotate(.45deg)}}@keyframes sylora-head-think{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-2px,1px) rotate(-.9deg)}}
.sylora-ai-hero.realtime-live:after{background-image:url('/assets/sylora-visemes-v1.png');background-size:400% 200%;background-position:var(--viseme-x,0%) var(--viseme-y,0%);animation:sylora-breathe 5.6s ease-in-out infinite;transform:scale(var(--voice-scale,1.006));transition:background-position .065s steps(1),filter .2s}.sylora-ai-hero.realtime-live.avatar-speaking:after{filter:saturate(1.035) brightness(1.015)}@keyframes sylora-breathe{0%,100%{transform:scale(var(--voice-scale,1.006)) translateY(0)}50%{transform:scale(var(--voice-scale,1.006)) translateY(-2px)}}
@media(max-width:720px){.ai-conversation{max-height:520px;padding:11px}.ai-conversation .item{max-width:92%}.ai-compose{bottom:77px;padding:9px}.voice-action{padding:7px 8px}.voice-action span{display:none}.voice-hint{font-size:7px}.ai-input-row textarea{min-height:52px;padding:12px}.ai-send{width:45px;height:45px}.ai-memory{padding:20px}.sylora-ai-hero:after{animation-duration:8s}.sylora-ai-hero.realtime-live{min-height:535px;padding-bottom:340px}.sylora-ai-hero.realtime-live:after{height:315px;bottom:10px}.sylora-ai-hero.realtime-live .ai-human-presence{bottom:128px;width:56%}.sylora-ai-hero.realtime-live>p{max-width:100%}.realtime-call-deck{left:20px;right:20px;bottom:22px;width:auto;z-index:3}.realtime-controls button{padding:8px 10px}}
.sylora-avatar-motion{display:none;position:absolute;inset:10px 10px 10px auto;width:41%;overflow:hidden;border-radius:22px;pointer-events:none;z-index:0}.sylora-ai-hero.realtime-live .sylora-avatar-motion{display:block}.sylora-ai-hero.realtime-live:before,.sylora-ai-hero.realtime-live:after{opacity:0}.sylora-avatar-motion i{position:absolute;inset:0;display:block;background-repeat:no-repeat}.sylora-avatar-body{background-image:url('/assets/sylora-visemes-v1.png');background-size:400% 200%;background-position:0 0;animation:sylora-body-layer 6.8s ease-in-out infinite;transform-origin:50% 72%}.sylora-avatar-head{background-image:url('/assets/sylora-visemes-v1.png');background-size:400% 200%;background-position:var(--viseme-x,0%) var(--viseme-y,0%);clip-path:ellipse(31% 34% at 50% 32%);animation:sylora-head-layer 7.2s ease-in-out infinite;transform-origin:50% 49%}.sylora-avatar-eyes,.sylora-avatar-blink{background-image:url('/assets/sylora-expressions-v1.png');background-size:400% 200%;clip-path:polygon(18% 12%,82% 12%,82% 48%,18% 48%);animation:sylora-head-layer 7.2s ease-in-out infinite;transform-origin:50% 49%}.sylora-avatar-eyes{background-position:0 0}.sylora-ai-hero[data-presence="listening"] .sylora-avatar-eyes{background-position:66.666% 0}.sylora-ai-hero[data-presence="thinking"] .sylora-avatar-eyes{background-position:100% 0}.sylora-ai-hero[data-presence="speaking"] .sylora-avatar-eyes{background-position:0 100%}.sylora-avatar-blink{background-position:33.333% 0;opacity:0;animation:sylora-head-layer 7.2s ease-in-out infinite,sylora-blink 4.6s linear infinite}.sylora-ai-hero[data-presence="thinking"] .sylora-avatar-head,.sylora-ai-hero[data-presence="thinking"] .sylora-avatar-eyes,.sylora-ai-hero[data-presence="thinking"] .sylora-avatar-blink{animation-duration:4.6s}.sylora-ai-hero.avatar-speaking .sylora-avatar-head,.sylora-ai-hero.avatar-speaking .sylora-avatar-eyes{animation-duration:3.8s}@keyframes sylora-body-layer{0%,100%{transform:translate(0,0) rotate(0) scale(var(--voice-scale,1.006))}35%{transform:translate(-1px,-2px) rotate(-.22deg) scale(var(--voice-scale,1.006))}70%{transform:translate(1px,1px) rotate(.18deg) scale(var(--voice-scale,1.006))}}@keyframes sylora-head-layer{0%,100%{transform:translate(0,0) rotate(0)}28%{transform:translate(-1.5px,-1px) rotate(-.5deg)}62%{transform:translate(1.5px,.5px) rotate(.45deg)}}@keyframes sylora-blink{0%,92%,96%,100%{opacity:0}93%,95%{opacity:1}}
@media(max-width:720px){.sylora-ai-hero.realtime-live:before{inset:auto 10px 10px;width:calc(100% - 20px);height:315px;clip-path:ellipse(29% 31% at 50% 31%);animation-duration:8.5s}.sylora-ai-hero.realtime-live:after{animation-duration:8.8s}.sylora-avatar-motion{inset:auto 10px 10px;width:calc(100% - 20px);height:315px}.sylora-avatar-body{animation-duration:8.8s}.sylora-avatar-head,.sylora-avatar-eyes{animation-duration:8.5s}}
.sylora-ai-hero[data-emotion="happy"] .sylora-avatar-eyes,.sylora-ai-hero[data-emotion="grateful"] .sylora-avatar-eyes{background-position:0 100%}.sylora-ai-hero[data-emotion="concerned"] .sylora-avatar-eyes{background-position:33.333% 100%}.sylora-ai-hero[data-emotion="playful"] .sylora-avatar-eyes{background-position:66.666% 100%}.sylora-ai-hero[data-emotion="surprised"] .sylora-avatar-eyes{background-position:100% 100%}.sylora-avatar-blink{opacity:0;animation:sylora-head-layer 7.2s ease-in-out infinite;transition:opacity .025s linear}.sylora-avatar-blink.blink-now{opacity:1}@keyframes sylora-head-layer{0%,100%{transform:translate(calc(var(--gaze-x,0px) + var(--saccade-x,0px)),calc(var(--gaze-y,0px) + var(--saccade-y,0px))) rotate(0)}28%{transform:translate(calc(var(--gaze-x,0px) + var(--saccade-x,0px) - 1.5px),calc(var(--gaze-y,0px) + var(--saccade-y,0px) - 1px)) rotate(-.5deg)}62%{transform:translate(calc(var(--gaze-x,0px) + var(--saccade-x,0px) + 1.5px),calc(var(--gaze-y,0px) + var(--saccade-y,0px) + .5px)) rotate(.45deg)}}
@media(prefers-reduced-motion:reduce){.sylora-ai-hero:after,.sylora-ai-hero:before,.sylora-avatar-motion i,.voice-wave i{animation:none!important}.sylora-avatar-blink{opacity:0!important}}

/* Sylora Digital Human V2 — waist-up body, semantic hand gestures, face and lip layers. */
.sylora-avatar-motion{inset:10px 10px auto auto;width:min(41%,232px);height:auto;aspect-ratio:3/4;background:#fffaf2;border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 44px rgba(120,88,91,.10)}
.sylora-avatar-motion i{background-size:400% 200%;background-position:0 0}
.sylora-avatar-body{background-image:url('/assets/sylora-rig-torso-v1.png');background-size:cover!important;background-position:center top!important;animation:none;transform:translateY(var(--body-y,0px)) rotate(var(--body-rot,0deg)) scale(var(--body-scale,1));transform-origin:50% 74%;will-change:transform}
.sylora-avatar-gesture{background-image:url('/assets/sylora-gestures-v2.png');background-position:var(--gesture-x,0%) var(--gesture-y,0%);opacity:0;transition:opacity .28s cubic-bezier(.22,.75,.24,1);transform:translateY(calc(var(--body-y,0px) + var(--gesture-lift,0px))) rotate(var(--body-rot,0deg)) scale(var(--body-scale,1));transform-origin:50% 74%;will-change:opacity,transform}
.sylora-avatar-gesture.gesture-shown{opacity:1}
.sylora-rig-arm{position:absolute;top:42.5%;width:10.8%;height:29.5%;z-index:1;pointer-events:none;transform:translateY(var(--body-y,0px)) scale(var(--body-scale,1));will-change:transform}.sylora-rig-arm-left{left:14.7%;transform-origin:50% 4%;transform:translateY(var(--body-y,0px)) rotate(calc(var(--body-rot,0deg) + var(--rig-leftShoulder,0deg))) scale(var(--body-scale,1))}.sylora-rig-arm-right{right:14.7%;transform-origin:50% 4%;transform:translateY(var(--body-y,0px)) rotate(calc(var(--body-rot,0deg) + var(--rig-rightShoulder,0deg))) scale(var(--body-scale,1))}.sylora-rig-upper{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-position:center top;background-size:contain}.sylora-rig-arm-left .sylora-rig-upper{background-image:url('/assets/sylora-rig-upper-left-v2.png')}.sylora-rig-arm-right .sylora-rig-upper{background-image:url('/assets/sylora-rig-upper-right-v2.png')}.sylora-rig-forearm{position:absolute;left:-5%;top:86%;width:110%;height:60%;display:block;background-repeat:no-repeat;background-position:center top;background-size:contain;transform-origin:50% 3%;will-change:transform}.sylora-rig-arm-left .sylora-rig-forearm{background-image:url('/assets/sylora-rig-forearm-sleeve-left-v3.png');transform:rotate(var(--rig-leftElbow,10deg))}.sylora-rig-arm-right .sylora-rig-forearm{background-image:url('/assets/sylora-rig-forearm-sleeve-right-v3.png');transform:rotate(var(--rig-rightElbow,-10deg))}.sylora-rig-hand{position:absolute;left:9%;top:91%;width:82%;height:92%;display:block;transform-origin:50% 3%;will-change:transform}.sylora-rig-arm-left .sylora-rig-hand{transform:rotate(var(--rig-leftWrist,0deg))}.sylora-rig-arm-right .sylora-rig-hand{transform:rotate(var(--rig-rightWrist,0deg))}.sylora-hand-pose{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-position:center top;background-size:contain;opacity:0;transition:opacity .22s ease;will-change:opacity}.sylora-hand-pose-neutral{opacity:1}.sylora-rig-arm-left .sylora-hand-pose-neutral{background-image:url('/assets/sylora-hand-left-neutral-v4.png')}.sylora-rig-arm-right .sylora-hand-pose-neutral{background-image:url('/assets/sylora-hand-right-neutral-v4.png')}.sylora-rig-arm-left .sylora-hand-pose-open{background-image:url('/assets/sylora-hand-left-open-v4.png')}.sylora-rig-arm-right .sylora-hand-pose-open{background-image:url('/assets/sylora-hand-right-open-v4.png')}.sylora-rig-arm-left .sylora-hand-pose-curl{background-image:url('/assets/sylora-hand-left-curl-v4.png')}.sylora-rig-arm-right .sylora-hand-pose-curl{background-image:url('/assets/sylora-hand-right-curl-v4.png')}.sylora-rig-arm-left .sylora-hand-pose-emphasis{background-image:url('/assets/sylora-hand-left-emphasis-v4.png')}.sylora-rig-arm-right .sylora-hand-pose-emphasis{background-image:url('/assets/sylora-hand-right-emphasis-v4.png')}.sylora-ai-hero[data-hand-pose="open"] .sylora-hand-pose-neutral,.sylora-ai-hero[data-hand-pose="curl"] .sylora-hand-pose-neutral,.sylora-ai-hero[data-hand-pose="emphasis"] .sylora-hand-pose-neutral{opacity:0}.sylora-ai-hero[data-hand-pose="open"] .sylora-hand-pose-open,.sylora-ai-hero[data-hand-pose="curl"] .sylora-hand-pose-curl,.sylora-ai-hero[data-hand-pose="emphasis"] .sylora-hand-pose-emphasis{opacity:1}
.sylora-avatar-head{background-image:url('/assets/sylora-visemes-v2.png');clip-path:ellipse(29% 24% at 50% 22%);transform-origin:50% 25%}
.sylora-avatar-hair{background-image:url('/assets/sylora-visemes-v2.png');background-position:0 0;clip-path:polygon(30% 0,70% 0,75% 8%,72% 18%,66% 25%,58% 29%,43% 29%,34% 25%,27% 17%,26% 8%);transform-origin:50% 19%;transform:translate(var(--hair-x,0px),var(--hair-y,0px)) rotate(var(--hair-rot,0deg)) skewX(var(--hair-skew,0deg));filter:saturate(1.01);will-change:transform}
.sylora-avatar-eyes,.sylora-avatar-blink{background-image:url('/assets/sylora-expressions-v2.png');clip-path:polygon(18% 7%,82% 7%,82% 31%,18% 31%);transform-origin:50% 24%}
.sylora-avatar-eyes{background-position:0 0}
.sylora-ai-hero[data-presence="listening"] .sylora-avatar-eyes{background-position:66.666% 0}
.sylora-ai-hero[data-presence="thinking"] .sylora-avatar-eyes{background-position:100% 0}
.sylora-ai-hero[data-presence="speaking"] .sylora-avatar-eyes{background-position:0 0}
.sylora-ai-hero[data-emotion="happy"] .sylora-avatar-eyes,.sylora-ai-hero[data-emotion="grateful"] .sylora-avatar-eyes{background-position:0 100%}
.sylora-ai-hero[data-emotion="concerned"] .sylora-avatar-eyes{background-position:33.333% 100%}
.sylora-ai-hero[data-emotion="playful"] .sylora-avatar-eyes{background-position:66.666% 100%}
.sylora-ai-hero[data-emotion="surprised"] .sylora-avatar-eyes{background-position:100% 100%}
.sylora-avatar-blink{background-position:33.333% 0}
@media(max-width:720px){.sylora-ai-hero.realtime-live{min-height:625px;padding-bottom:430px}.sylora-avatar-motion{inset:auto 18px 108px auto;width:min(58vw,250px);height:auto;aspect-ratio:3/4}.sylora-avatar-body,.sylora-avatar-gesture{animation-duration:8.8s}.sylora-avatar-head,.sylora-avatar-eyes,.sylora-avatar-blink{animation-duration:8.5s}}
@media(max-width:430px){.sylora-avatar-motion{right:12px;width:min(62vw,238px);bottom:110px}}
@media(prefers-reduced-motion:reduce){.sylora-avatar-gesture{transition:none}.sylora-ai-hero.gesture-active .sylora-avatar-gesture{opacity:1}}
@keyframes sylora-gesture-layer{0%,100%{transform:translateY(var(--gesture-lift,0px)) rotate(0deg)}42%{transform:translateY(calc(var(--gesture-lift,0px) - 1px)) rotate(-.12deg)}74%{transform:translateY(var(--gesture-lift,0px)) rotate(.1deg)}}
@media(prefers-reduced-motion:reduce){.sylora-ai-hero.gesture-active .sylora-avatar-gesture{opacity:0}.sylora-avatar-gesture.gesture-shown{opacity:1}}

/* Digital Human V3 — Assembled Sylora.
   Coherent white-suit base + gesture sheet. Mismatched pink sleeve tubes disabled. */
.sylora-ai-hero.sylora-assembled .sylora-avatar-motion,
.sylora-ai-hero .sylora-avatar-motion{display:block;overflow:visible;z-index:1;background:transparent;border:0;box-shadow:none}
.sylora-ai-hero.sylora-assembled:after,
.sylora-ai-hero.sylora-assembled:before{opacity:0!important}
.sylora-ai-hero.sylora-assembled .sylora-avatar-body,
.sylora-ai-hero.sylora-assembled .sylora-avatar-gesture{
  background:none!important;
  background-image:none!important;
}
.sylora-ai-hero.sylora-assembled .sylora-rig-arm,
.sylora-ai-hero.sylora-assembled .sylora-avatar-head,
.sylora-ai-hero.sylora-assembled .sylora-avatar-hair,
.sylora-ai-hero.sylora-assembled .sylora-avatar-eyes,
.sylora-ai-hero.sylora-assembled .sylora-avatar-blink,
.sylora-ai-hero.sylora-assembled .sylora-avatar-motion>i{display:none!important}
@media(max-width:720px){
  .sylora-ai-hero.sylora-assembled{min-height:520px;padding-bottom:300px}
  .sylora-ai-hero.sylora-assembled .sylora-avatar-motion{inset:auto 14px 96px auto;width:min(58vw,250px)}
}