.ev-surface .hxw-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,4.5vw,64px);align-items:center}.ev-surface .hxw-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.ev-surface .hxw-aux{margin-top:-14px;font-size:.82rem;color:var(--hx-ink-2)}.ev-surface .hxw-watch{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--hx-ink-2);background:transparent;border:0;padding:0;cursor:pointer;transition:color .18s var(--ease)}.ev-surface .hxw-watch:hover{color:var(--hx-ink)}.ev-surface .hxw-watch svg{width:22px;height:22px;padding:5px;border-radius:50%;color:var(--teal-deep);border:1.5px solid oklch(.4 .07 188/.45)}.ev-surface .hxw-product,.ev-surface .hxw-stage{position:relative}.ev-surface .hxw-product>img{width:100%;height:auto;display:block;border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--hx-shadow,0 24px 54px -20px oklch(.4 .03 170/.22))}.ev-surface .hs-live{position:absolute;left:14px;top:-13px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--teal-deep);background:var(--card,#fff);border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;box-shadow:0 8px 20px -12px oklch(.3 .03 170/.35)}.ev-surface .hs-live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:hs-live-pulse 2.4s var(--ease) infinite}@keyframes hs-live-pulse{0%,to{box-shadow:0 0 0 0 oklch(.52 .078 188/.4)}50%{box-shadow:0 0 0 5px oklch(.52 .078 188/0)}}.ev-surface .hs-feed{position:absolute;right:-14px;bottom:5%;display:flex;flex-direction:column;gap:10px;width:min(46%,270px)}.ev-surface .hs-feed-card{display:flex;gap:10px;align-items:flex-start;background:var(--card,#fff);border:1px solid var(--line-2);border-radius:11px;padding:10px 13px;box-shadow:0 14px 30px -18px oklch(.3 .03 170/.4)}.ev-surface .hs-feed-card.is-new{animation:hs-feed-in .5s var(--ease) both}@keyframes hs-feed-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.ev-surface .hs-feed-avatar{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-family:var(--mono);font-size:.6rem;font-weight:600;color:var(--teal-deep);background:oklch(.93 .024 182);border:1px solid oklch(.52 .078 188/.3)}.ev-surface .hs-feed-body{display:flex;flex-direction:column;gap:3px;min-width:0}.ev-surface .hs-feed-line{font-size:.78rem;line-height:1.4;color:var(--ink-2)}.ev-surface .hs-feed-line b{color:var(--ink);font-weight:600}.ev-surface .hs-feed-meta{font-family:var(--mono);font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.ev-surface .hxw-scene{position:relative;background:var(--card,#fff);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--hx-shadow,0 24px 54px -20px oklch(.4 .03 170/.22));padding:14px 10px 44px}.ev-surface .hxw-scene-caption{position:absolute;left:16px;bottom:14px;margin:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.07em;color:var(--ink-3)}.ev-surface .hxw-back{position:absolute;right:14px;bottom:10px;font-family:var(--sans);font-size:.76rem;font-weight:600;color:var(--teal-deep);background:transparent;border:0;padding:4px 0;cursor:pointer;border-bottom:1px solid oklch(.52 .078 188/.4)}.ev-surface .hxw-back:hover{border-bottom-color:var(--teal-deep)}.ev-surface .hxr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:clamp(22px,2.4vw,32px);padding-top:16px;border-top:1px solid oklch(.4 .06 175/.18)}.ev-surface .hxr-label{font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--hx-ink);flex-shrink:0}.ev-surface .hxr-links{display:flex;flex-wrap:wrap;gap:8px}.ev-surface .hxr-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--hx-ink);background:var(--card,#fff);border:1px solid var(--line-2);border-radius:999px;padding:7px 14px;text-decoration:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.ev-surface .hxr-link:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}.ev-surface .hxr-link:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 10px 22px -16px oklch(.3 .03 170/.5)}.ev-surface .hxr-more{background:transparent;border-style:dashed;color:var(--hx-ink-2)}.ev-surface .hxr-more:before{display:none}.ev-surface .hxr-note{font-size:.82rem;color:var(--hx-ink-2);flex-basis:100%}.ev-surface .hxr-note b{color:var(--hx-ink);font-weight:600}.ev-surface .hs-art{width:100%;height:auto;display:block;margin:0 auto}.ev-surface .hs-ground{stroke:var(--line-2);stroke-width:2;stroke-linecap:round}.ev-surface .hs-head{fill:oklch(.84 .05 70)}.ev-surface .hs-body-pine{fill:var(--pine)}.ev-surface .hs-body-teal{fill:var(--teal)}.ev-surface .hs-body-deep{fill:var(--teal-deep)}.ev-surface .hs-scene{position:relative}.ev-surface .hs-logit .hs-carpet ellipse{fill:oklch(.52 .078 188/.1)}.ev-surface .hs-logit .hs-carpet ellipse+ellipse{fill:none;stroke:oklch(.52 .078 188/.3);stroke-width:1.5;stroke-dasharray:5 7;stroke-linecap:round}.ev-surface .hs-logit .hs-shelf-case{fill:var(--paper-2)}.ev-surface .hs-logit .hs-shelf line,.ev-surface .hs-logit .hs-shelf-case{stroke:var(--line-2);stroke-width:1.5}.ev-surface .hs-logit .hs-shelf-book{fill:oklch(.74 .1 78/.45)}.ev-surface .hs-logit .hs-lanyard{fill:var(--gold)}.ev-surface .hs-logit .hs-walk{animation:hs-walk-in 2.6s linear both}.ev-surface .hs-logit .hs-walk-a{animation-duration:2.4s;animation-delay:.2s}@keyframes hs-walk-in{0%{transform:translate(264px)}12.5%{transform:translate(231px,-3px)}25%{transform:translate(198px)}37.5%{transform:translate(165px,-3px)}50%{transform:translate(132px)}62.5%{transform:translate(99px,-3px)}75%{transform:translate(66px)}87.5%{transform:translate(33px,-3px)}to{transform:translate(0)}}.ev-surface .hs-logit .hs-kid-a-body{transform-box:fill-box;transform-origin:50% 100%;animation:hs-lean .45s var(--ease) 2.7s both}@keyframes hs-lean{0%{transform:rotate(0deg)}to{transform:rotate(15deg)}}.ev-surface .hs-logit .hs-kid-b-body{transform-box:fill-box;transform-origin:50% 100%;animation:hs-tip .8s var(--ease) 2.85s both}@keyframes hs-tip{0%{transform:rotate(0deg) translateX(0)}55%{transform:rotate(-11deg) translateX(-13px)}to{transform:rotate(-5deg) translateX(-13px)}}.ev-surface .hs-logit .hs-spark{stroke:var(--gold);stroke-width:3;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:center;animation:hs-pop .5s var(--ease) 2.95s both}@keyframes hs-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.ev-surface .hs-logit .hs-teacher-body{transform-box:fill-box;transform-origin:50% 100%;animation:hs-turn .5s var(--ease) 3.4s both}@keyframes hs-turn{to{transform:rotate(-6deg)}}.ev-surface .hs-logit .hs-notice{stroke:var(--ink-2);stroke-width:3;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:center;animation:hs-pop .4s var(--ease) 3.7s both}.ev-surface .hs-logit .hs-notice circle{fill:var(--ink-2);stroke:none}.ev-surface .hs-logit .hs-note{opacity:0;animation:hs-rise .6s var(--ease) 4.2s both}.ev-surface .hs-logit .hs-note rect{fill:var(--card,#fff);stroke:var(--line-3);stroke-width:1.5}.ev-surface .hs-logit .hs-note line{stroke:var(--ink-4);stroke-width:2.5;stroke-linecap:round}@keyframes hs-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ev-surface .hs-prompt{position:absolute;left:50%;bottom:18%;display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:.95rem;font-weight:600;background:var(--pine);color:var(--pine-ink);border:0;border-radius:999px;padding:.85rem 1.5rem;cursor:pointer;box-shadow:0 14px 30px -14px oklch(.3 .04 178/.55);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease),filter .2s var(--ease)}.ev-surface .hs-prompt.is-on{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);animation:hs-prompt-pulse 2.4s var(--ease) .9s 3}.ev-surface .hs-prompt:hover{filter:brightness(1.06)}.ev-surface .hs-prompt svg{width:16px;height:16px}@keyframes hs-prompt-pulse{0%,to{box-shadow:0 14px 30px -14px oklch(.3 .04 178/.55)}50%{box-shadow:0 14px 30px -14px oklch(.3 .04 178/.55),0 0 0 11px oklch(.52 .078 188/.13)}}.ev-surface .hxw-stage.is-static .hs-logit .hs-walk{animation:none;transform:none}.ev-surface .hxw-stage.is-static .hs-logit .hs-kid-a-body{animation:none;transform:rotate(15deg)}.ev-surface .hxw-stage.is-static .hs-logit .hs-kid-b-body{animation:none;transform:rotate(-5deg) translateX(-13px)}.ev-surface .hxw-stage.is-static .hs-logit .hs-teacher-body{animation:none;transform:rotate(-6deg)}.ev-surface .hxw-stage.is-static .hs-logit .hs-note,.ev-surface .hxw-stage.is-static .hs-logit .hs-notice,.ev-surface .hxw-stage.is-static .hs-logit .hs-spark{animation:none;opacity:1;transform:none}.ev-surface .hxw-stage.is-static .hs-feed-card,.ev-surface .hxw-stage.is-static .hs-live-dot,.ev-surface .hxw-stage.is-static .hs-prompt.is-on{animation:none}@media (max-width:1040px){.ev-surface .hxw-grid{grid-template-columns:1fr;gap:40px}.ev-surface .hxw-stage{max-width:640px}.ev-surface .hs-feed{right:6px}}@media (max-width:600px){.ev-surface .hs-prompt{font-size:.85rem;padding:.7rem 1.2rem;white-space:nowrap;bottom:14%}.ev-surface .hs-feed{width:62%}.ev-surface .hxr-note{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.ev-surface .hxw-stage [class*=" hs-"],.ev-surface .hxw-stage [class^=hs-]{animation:none!important}}