.dhw-duo{--dhw-accent:#F59E0B;--dhw-accent-ink:#1a1203;--dhw-bg:#0C0D10;--dhw-h:520px;--dhw-w:calc(var(--dhw-h) * .711);--dhw-f:calc(var(--dhw-w) * .01);--dhw-b:calc(var(--dhw-w) * .022);--dhw-R:calc(var(--dhw-w) * .11);--dhw-t:calc(var(--dhw-w) * .016);--dhw-s:calc(var(--dhw-w) - var(--dhw-f) - var(--dhw-b));--dhw-fold:1;--dhw-yaw:-14deg;--dhw-tilt:8deg;--dhw-shade-r: .7;--dhw-shade-l: .5;--dhw-glare:1;--dhw-floor: .5;--dhw-progress:0;position:relative;width:100%;aspect-ratio:3 / 2;max-height:min(82svh, 760px);min-width:0;margin-inline:auto;color:#e8e9ed;font-family:inherit;line-height:1.35;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;contain:layout paint}.dhw-duo *, .dhw-duo *::before, .dhw-duo *::after{box-sizing:border-box}.dhw-duo__stage{position:absolute;inset:0;display:grid;place-items:center;perspective:calc(var(--dhw-h) * 3.4)}.dhw-duo__stage::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--dhw-w) * 2.2);height:calc(var(--dhw-h) * 1.15);transform:translate(-50%, -50%);background:radial-gradient(closest-side, rgba(245, 158, 11, .16), rgba(245, 158, 11, .05) 55%, transparent);pointer-events:none}.dhw-duo__floor{position:absolute;left:50%;top:50%;width:calc(var(--dhw-w) * 2);height:calc(var(--dhw-h) * .09);transform:translate(-50%, calc(var(--dhw-h) * .5)) scaleX(var(--dhw-floor));background:radial-gradient(closest-side, rgba(0, 0, 0, .75), rgba(0, 0, 0, .25) 60%, transparent);pointer-events:none}.dhw-duo__pose{position:relative;width:calc(var(--dhw-w) * 2);height:var(--dhw-h);transform-style:preserve-3d;transform:rotateX(var(--dhw-tilt)) rotateY(var(--dhw-yaw))}.dhw-duo__device{position:absolute;inset:0;transform-style:preserve-3d;transform:translateX(calc(var(--dhw-fold) * var(--dhw-w) * -.5));font-size:calc(var(--dhw-h) / 30)}.dhw-duo.is-compact .dhw-duo__device{font-size:max(10px, calc(var(--dhw-h) / 22))}.dhw-duo__half,.dhw-duo__flap{position:absolute;top:0;width:var(--dhw-w);height:100%}.dhw-duo__half{left:var(--dhw-w);border-radius:calc(var(--dhw-R) * .05) var(--dhw-R) var(--dhw-R) calc(var(--dhw-R) * .05)}.dhw-duo__flap{left:0;transform-style:preserve-3d;transform-origin:100% 50%;transform:rotateY(calc(var(--dhw-fold) * 180deg))}.dhw-duo__face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dhw-duo__face--front{transform:rotateY(0deg) translateZ(.5px)}.dhw-duo__face--back{visibility:hidden}.dhw-duo.is-flipped .dhw-duo__face--back{visibility:visible}.dhw-duo.is-flipped .dhw-duo__face--front{visibility:hidden}.dhw-duo__face>*{-webkit-backface-visibility:hidden;backface-visibility:hidden}.dhw-duo__face--front{border-radius:var(--dhw-R) calc(var(--dhw-R) * .05) calc(var(--dhw-R) * .05) var(--dhw-R)}.dhw-duo__face--back{transform:rotateY(180deg) translateZ(var(--dhw-t));border-radius:calc(var(--dhw-R) * .7) var(--dhw-R) var(--dhw-R) calc(var(--dhw-R) * .7)}.dhw-duo__frame{position:absolute;inset:0;padding:var(--dhw-f);border-radius:inherit;background:linear-gradient(160deg, #75787f 0%, #2b2d32 16%, #50535b 48%, #1d1f23 80%, #63666e 100%);box-shadow:0 calc(var(--dhw-h) * .02) calc(var(--dhw-h) * .05) rgba(0, 0, 0, .45)}.dhw-duo__glass{height:100%;padding:var(--dhw-b);border-radius:calc(var(--dhw-R) - var(--dhw-f));background:#040405;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .05)}.dhw-duo__screen{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--dhw-R) - var(--dhw-f) - var(--dhw-b));background:#0a0b0e}.dhw-duo__half .dhw-duo__frame{padding-left:0}.dhw-duo__half .dhw-duo__glass{padding-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.dhw-duo__half .dhw-duo__screen{border-top-left-radius:0;border-bottom-left-radius:0}.dhw-duo__face--front .dhw-duo__frame{padding-right:0}.dhw-duo__face--front .dhw-duo__glass{padding-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.dhw-duo__face--front .dhw-duo__screen{border-top-right-radius:0;border-bottom-right-radius:0}.dhw-duo__face--back .dhw-duo__frame{background:linear-gradient(200deg, #75787f 0%, #2b2d32 16%, #50535b 48%, #1d1f23 80%, #63666e 100%)}.dhw-duo__face--back .dhw-duo__glass{border-radius:calc(var(--dhw-R) * .7 - var(--dhw-f)) calc(var(--dhw-R) - var(--dhw-f)) calc(var(--dhw-R) - var(--dhw-f)) calc(var(--dhw-R) * .7 - var(--dhw-f))}.dhw-duo__face--back .dhw-duo__screen{border-radius:calc(var(--dhw-R) * .7 - var(--dhw-f) - var(--dhw-b)) calc(var(--dhw-R) - var(--dhw-f) - var(--dhw-b)) calc(var(--dhw-R) - var(--dhw-f) - var(--dhw-b)) calc(var(--dhw-R) * .7 - var(--dhw-f) - var(--dhw-b))}.dhw-duo__shade{position:absolute;inset:0;border-radius:inherit;background:#000;pointer-events:none}.dhw-duo__half>.dhw-duo__shade{opacity:var(--dhw-shade-r)}.dhw-duo__face--front>.dhw-duo__shade{opacity:var(--dhw-shade-l)}.dhw-duo__glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg, transparent 38%, rgba(255, 255, 255, .13) 48%, rgba(255, 255, 255, .04) 54%, transparent 62%);background-size:320% 100%;background-position:calc(var(--dhw-glare) * 100%) 0}.dhw-duo__ui{position:absolute;top:0;bottom:0;left:0;width:calc(var(--dhw-s) * 2);display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0, 1fr);background:radial-gradient(120% 60% at 20% 0%, rgba(245, 158, 11, .10), transparent 60%),
#0b0c0f}.dhw-duo__screen[data-side="r"] .dhw-duo__ui{left:calc(var(--dhw-s) * -1)}.dhw-duo__status{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding: .9em 1.5em .3em;font-size: .62em;font-weight:600;letter-spacing: .01em;color:#f2f3f5}.dhw-duo__icons{display:inline-flex;gap: .45em;align-items:center}.dhw-duo__icons
svg{height:1em;width:auto;display:block;fill:currentColor}.dhw-duo__batt{position:relative;width:2.1em;height:1em;border:1px
solid rgba(255, 255, 255, .55);border-radius: .3em;padding:1px}.dhw-duo__batt::before{content:"";display:block;height:100%;width:78%;background:#f2f3f5;border-radius: .15em}.dhw-duo__chathead,.dhw-duo__notif{display:flex;align-items:center;gap: .6em;min-width:0}.dhw-duo__chathead
b{display:block;font-size: .82em;font-weight:650;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dhw-duo__chathead
small{display:flex;align-items:center;gap: .35em;font-size: .64em;color:#9ca0aa;white-space:nowrap}.dhw-duo__live{width: .55em;height: .55em;border-radius:50%;background:#34d399;animation:dhw-duo-pulse 2.4s infinite}.dhw-duo.is-typing .dhw-duo__live{background:var(--dhw-accent);animation:none}.dhw-duo__logo{flex:none;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:30%;background:linear-gradient(145deg, #fbbf24, var(--dhw-accent) 55%, #d97706);color:var(--dhw-accent-ink);font-weight:800;font-size: .8em;letter-spacing:-.04em;box-shadow:0 .3em .9em rgba(245, 158, 11, .25)}.dhw-duo__progress{display:inline-flex;gap: .45em;margin-left:auto}.dhw-duo.is-compact .dhw-duo__progress{display:none}.dhw-duo__step{display:inline-flex;align-items:center;gap: .45em;padding: .4em .75em .4em .45em;border-radius:2em;background:rgba(255, 255, 255, .04);border:1px
solid rgba(255, 255, 255, .07);font-size: .62em;white-space:nowrap;color:#9ca0aa;transition:background .5s, border-color .5s, color .5s}.dhw-duo__dot{flex:none;position:relative;width:1.3em;height:1.3em;border-radius:50%;border:1.5px solid rgba(255, 255, 255, .25);transition:background .4s, border-color .4s, transform .4s cubic-bezier(.34, 1.56, .64, 1)}.dhw-duo__dot::after{content:"";position:absolute;left:50%;top:45%;width: .3em;height: .58em;border:solid var(--dhw-accent-ink);border-width:0 .14em .14em 0;transform:translate(-50%, -50%) rotate(45deg) scale(0);transition:transform .35s .1s cubic-bezier(.34, 1.56, .64, 1)}.dhw-duo__step.is-done{background:rgba(245, 158, 11, .1);border-color:rgba(245, 158, 11, .35);color:#fff}.dhw-duo__step.is-done .dhw-duo__dot{background:var(--dhw-accent);border-color:var(--dhw-accent);transform:scale(1.08)}.dhw-duo__step.is-done .dhw-duo__dot::after{transform:translate(-50%, -50%) rotate(45deg) scale(1)}.dhw-duo__chat{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:0
1.6em 1em}.dhw-duo.is-compact .dhw-duo__chat{padding:0
1.2em .9em}.dhw-duo__msgs,.dhw-duo__inputbar{width:100%;max-width:34em;margin-inline:auto}.dhw-duo__chathead{padding: .6em 0 .7em;border-bottom:1px solid rgba(255, 255, 255, .06)}.dhw-duo__chathead>div{min-width:0;flex:1}.dhw-duo__typing-label{display:none}.dhw-duo.is-typing .dhw-duo__online-label{display:none}.dhw-duo.is-typing .dhw-duo__typing-label{display:inline;color:var(--dhw-accent)}.dhw-duo__pips{display:none;gap: .3em;margin-left:auto}.dhw-duo.is-compact .dhw-duo__pips{display:inline-flex}.dhw-duo__pip{width: .5em;height: .5em;border-radius:50%;background:rgba(255, 255, 255, .18);transition:background .4s, transform .4s}.dhw-duo__pip.is-done{background:var(--dhw-accent);transform:scale(1.2)}.dhw-duo__msgs{position:relative;flex:1 1 0;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 2.2em);mask-image:linear-gradient(to bottom, transparent 0, #000 2.2em)}.dhw-duo__track{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding: .6em 0 .5em}.dhw-duo__row{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.22, 1, .36, 1), opacity .35s ease}.dhw-duo__row.is-in{grid-template-rows:1fr;opacity:1}.dhw-duo__row.is-out{grid-template-rows:0fr;opacity:0;transition-duration: .3s}.dhw-duo__in{min-height:0;overflow:hidden;display:flex;padding-top: .5em}.dhw-duo__row--user .dhw-duo__in{justify-content:flex-end}.dhw-duo__bubble{max-width:74%;padding: .6em .85em;border-radius:1.1em;font-size: .78em;line-height:1.38;transform:translateY(.6em) scale(.97);transform-origin:bottom left;transition:transform .45s cubic-bezier(.22, 1, .36, 1)}.dhw-duo.is-compact .dhw-duo__bubble{max-width:76%;font-size: .9em}.dhw-duo__row.is-in .dhw-duo__bubble{transform:none}.dhw-duo__bubble
p{margin:0}.dhw-duo__row--ai .dhw-duo__bubble{background:#1b1d23;border:1px
solid rgba(255, 255, 255, .06);color:#eceef2;border-bottom-left-radius: .35em}.dhw-duo__row--user .dhw-duo__bubble{background:var(--dhw-accent);color:var(--dhw-accent-ink);font-weight:500;border-bottom-right-radius: .35em;transform-origin:bottom right}.dhw-duo__plan{list-style:none;counter-reset:dhw;margin: .5em 0 .1em;padding:0;display:grid;gap: .35em}.dhw-duo__plan
li{counter-increment:dhw;display:flex;align-items:center;gap: .55em;padding: .4em .55em;border-radius: .6em;background:rgba(255, 255, 255, .04)}.dhw-duo__plan li::before{content:counter(dhw);flex:none;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:rgba(245, 158, 11, .16);color:var(--dhw-accent);font-weight:700;font-size: .85em}.dhw-duo__chip{display:inline-flex;align-items:center;gap: .4em;margin-top: .55em;padding: .3em .7em .3em .5em;border-radius:2em;background:rgba(245, 158, 11, .14);border:1px
solid rgba(245, 158, 11, .35);color:var(--dhw-accent);font-size: .9em;font-weight:600}.dhw-duo__chip::before{content:"";width: .35em;height: .65em;margin:0
.15em -.05em .2em;border:solid currentColor;border-width:0 .14em .14em 0;transform:rotate(45deg) translateY(-.15em)}.dhw-duo__dots{display:inline-flex;gap: .3em;padding: .2em 0}.dhw-duo__dots
i{width: .45em;height: .45em;border-radius:50%;background:#9ca0aa;animation:dhw-duo-dot 1.1s infinite ease-in-out}.dhw-duo__dots i:nth-child(2){animation-delay: .15s}.dhw-duo__dots i:nth-child(3){animation-delay: .3s}.dhw-duo__inputbar{flex:none;display:flex;align-items:center;gap: .5em;margin-top: .3em;padding: .35em .35em .35em 1em;border-radius:2em;background:#15171c;border:1px
solid rgba(255, 255, 255, .08);font-size: .72em}.dhw-duo.is-compact .dhw-duo__inputbar{font-size: .78em}.dhw-duo__field{position:relative;flex:1;min-width:0;overflow:hidden;white-space:nowrap;color:#f2f3f5;line-height:1.6}.dhw-duo__ph{color:#6f737d}.dhw-duo__field.is-typing .dhw-duo__ph{display:none}.dhw-duo__field.is-typing .dhw-duo__typed::after{content:"";display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:var(--dhw-accent);animation:dhw-duo-caret 1s steps(1) infinite}.dhw-duo__send{flex:none;display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:#2a2d34;color:#8b8f99;transition:background .25s, color .25s, transform .2s}.dhw-duo__send
svg{width:1.1em;height:1.1em;display:block}.dhw-duo__field.is-typing+.dhw-duo__send{background:var(--dhw-accent);color:var(--dhw-accent-ink)}.dhw-duo__send.is-press{transform:scale(.82)}.dhw-duo__cover{position:absolute;inset:0;font-size:calc(var(--dhw-h) / 26);display:flex;flex-direction:column;align-items:center;padding:2.6em 1.4em 1.2em;background:radial-gradient(90% 55% at 25% 12%, rgba(245, 158, 11, .55), transparent 65%),
radial-gradient(80% 50% at 90% 95%, rgba(217, 119, 6, .35), transparent 60%),
radial-gradient(60% 40% at 10% 85%, rgba(251, 191, 36, .12), transparent 60%),
linear-gradient(180deg, #17130b, #0C0D10 70%)}.dhw-duo__punch{position:absolute;top:1em;left:50%;width: .9em;height: .9em;transform:translateX(-50%);border-radius:50%;background:#000;box-shadow:0 0 0 .15em rgba(255, 255, 255, .04)}.dhw-duo__date{font-size: .8em;font-weight:600;color:rgba(255, 255, 255, .85)}.dhw-duo__big{font-size:4.4em;font-weight:300;line-height:1;letter-spacing:-.03em;color:#fff;margin-top: .08em;font-variant-numeric:tabular-nums}.dhw-duo__notif{width:100%;max-width:22em;margin-top:auto;margin-bottom:1.6em;padding: .75em .8em;border-radius:1.2em;background:rgba(30, 31, 36, .82);border:1px
solid rgba(255, 255, 255, .08);box-shadow:0 .8em 2em rgba(0, 0, 0, .35);align-items:flex-start;opacity:0;transform:translateY(1.2em) scale(.96);transition:opacity .45s ease, transform .55s cubic-bezier(.22, 1, .36, 1)}.dhw-duo__notif.is-in{opacity:1;transform:none}.dhw-duo__notif .dhw-duo__logo{width:2.2em;height:2.2em;font-size: .75em}.dhw-duo__notif>div{flex:1;min-width:0}.dhw-duo__notif
b{display:flex;justify-content:space-between;gap: .5em;font-size: .7em;font-weight:650;color:#fff}.dhw-duo__notif b
small{font-weight:500;color:#9ca0aa}.dhw-duo__ntext{display:block;margin-top: .2em;font-size: .7em;line-height:1.35;color:#d5d7dd}.dhw-duo__homebar{position:absolute;bottom: .55em;left:50%;width:30%;height: .28em;transform:translateX(-50%);border-radius:1em;background:rgba(255, 255, 255, .75)}@keyframes dhw-duo-dot{0%,60%,100%{transform:translateY(0);opacity: .45}30%{transform:translateY(-.3em);opacity:1}}@keyframes dhw-duo-caret{50%{opacity:0}}@keyframes dhw-duo-pulse{0%{box-shadow:0 0 0 0 rgba(52, 211, 153, .5)}70%,100%{box-shadow:0 0 0 .5em rgba(52, 211, 153, 0)}}@media (max-width: 600px){.dhw-duo{aspect-ratio:5 / 4}}@media (prefers-reduced-motion: reduce){.dhw-duo *, .dhw-duo *::before, .dhw-duo *::after{animation:none !important;transition:none !important}}