.cmp .cms-body{padding:8px var(--hn-pad) 96px;flex-direction:column;align-items:center;display:flex}.cmp .cms-tabs{isolation:isolate;border-radius:var(--hn-r-pill);box-sizing:border-box;background:#fff linear-gradient(90deg,#f3f4f6,#f3f4f600);border:1px solid #08090a29;gap:8px;max-width:100%;padding:6px;display:inline-flex;position:relative}.cmp .cms-tab{z-index:1;border-radius:var(--hn-r-pill);height:28px;font-family:var(--hn-font);font-feature-settings:var(--hn-feat);font-size:14px;line-height:20px;font-weight:var(--hn-w);color:var(--hn-gray);white-space:nowrap;cursor:pointer;transition:color .2s var(--hn-ease);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:6px;padding:0 16px;display:inline-flex;position:relative}.cmp .cms-tab:hover{color:var(--hn-ink)}.cmp .cms-tab[aria-selected=true]{color:#fff}.cmp .cms-tabs:not([data-ready]) .cms-tab[aria-selected=true]{background:var(--hn-ink)}.cmp .cms-tab:focus-visible{outline:2px solid var(--hn-ink);outline-offset:2px}.cmp .cms-tab__g{opacity:.9;flex:none}.cmp .cms-tabs__pill{z-index:0;width:var(--w,0px);border-radius:var(--hn-r-pill);background:var(--hn-ink);height:28px;transform:translateX(var(--l,0px));opacity:0;transition:transform .32s var(--hn-ease-quart), width .32s var(--hn-ease-quart);position:absolute;top:6px;left:0}.cmp .cms-tabs[data-ready] .cms-tabs__pill{opacity:1}.cmp .cms-card{isolation:isolate;box-sizing:border-box;background:#fff;border:1px solid #08090a1a;border-radius:16px;width:100%;max-width:1024px;margin-top:32px;overflow:hidden}.cmp .cms-card__bar{box-sizing:border-box;background:#f9fafb;border-bottom:1px solid #08090a1a;border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:45px;padding:10px 16px;display:grid}.cmp .cms-card__side{min-width:0;color:var(--hn-ink);align-items:center;gap:8px;display:inline-flex}.cmp .cms-card__side--r{color:var(--hn-text);justify-self:end}.cmp .cms-card__side b{font-size:14px;line-height:20px;font-weight:var(--hn-w-strong);letter-spacing:-.006em;white-space:nowrap}.cmp .cms-card__vs{color:var(--hn-gray);font-size:14px;line-height:20px}.cmp .cms-stage{--x:50%;aspect-ratio:16/9;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cmp .cms-layer{place-items:center;display:grid;position:absolute;inset:0}.cmp .cms-layer--text{background:radial-gradient(#08090a14 1px,#0000 1.3px) 0 0/18px 18px,#f3f4f6}.cmp .cms-layer--vm{z-index:1;clip-path:inset(0 calc(100% - var(--x)) 0 0);background:radial-gradient(56% 72% at 14% 22%,#c4b5fd8c,#0000 72%),radial-gradient(48% 64% at 88% 86%,#fdc4a075,#0000 72%),radial-gradient(40% 56% at 74% 10%,#a7f3d06b,#0000 72%),#fbfbfc}.cmp .cms-scene{place-items:center;width:100%;height:100%;display:grid}.cmp .cms-scene--in{animation:cms-in .24s var(--hn-ease) both}@keyframes cms-in{0%{opacity:0;transform:translateY(4px)}}.cmp .cms-seam{z-index:2;top:0;bottom:0;left:var(--x);width:0;position:absolute}.cmp .cms-seam__line{background:#ffffffe6;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 .5px #08090a24}.cmp .cms-seam__pill{z-index:3;top:50%;left:clamp(56px, var(--x), calc(100% - 56px));border-radius:var(--hn-r-pill);background:var(--hn-ink);color:#fff;height:36px;font-family:var(--hn-font);font-feature-settings:var(--hn-feat);font-size:15px;line-height:20px;font-weight:var(--hn-w);white-space:nowrap;cursor:grab;touch-action:none;transition:transform var(--hn-btn) var(--hn-ease), background-color var(--hn-btn) var(--hn-ease);-webkit-tap-highlight-color:transparent;border:0;align-items:center;gap:8px;padding:0 18px 0 16px;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #08090a33,0 10px 28px -8px #08090a5c}.cmp .cms-seam__pill:hover{background:var(--hn-ink-hover)}.cmp .cms-stage[data-drag] .cms-seam__pill{cursor:grabbing;transform:translate(-50%,-50%)scale(.98)}.cmp .cms-seam__pill:focus-visible{outline:2px solid var(--hn-ink);outline-offset:3px}.cmp .cms-stage[data-drag]{cursor:grabbing}.cmp .cms-ph{box-sizing:border-box;text-align:left;width:340px;height:calc(100% - 56px);max-height:560px;color:var(--hn-ink);background:#fff;border:5px solid #0b0c0e;border-radius:44px;flex-direction:column;padding:14px 18px 16px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #08090a0f,0 2px 4px #08090a0f,0 28px 64px -20px #08090a52}.cmp .cms-ph__status{height:22px;color:var(--hn-ink);justify-content:space-between;align-items:center;padding:0 8px 0 10px;display:flex}.cmp .cms-ph__status b{font-size:15px;line-height:20px;font-weight:var(--hn-w-strong);font-variant-numeric:tabular-nums}.cmp .cms-ph__bars{fill:currentColor;align-items:center;gap:6px;display:inline-flex}.cmp .cms-ph__who{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.cmp .cms-ph__av{color:#fff;width:46px;height:46px;font-size:17px;line-height:1;font-weight:var(--hn-w-strong);letter-spacing:.01em;background:linear-gradient(#b9bec6,#8e949d);border-radius:50%;place-items:center;display:grid}.cmp .cms-ph__who b{font-size:12px;line-height:16px;font-weight:var(--hn-w)}.cmp .cms-ph__when{color:var(--hn-mute);text-align:center;border-top:1px solid #08090a0f;margin:18px 0 0;padding-top:14px;padding-bottom:8px;font-size:12px;line-height:16px}.cmp .cms-ph__bubble{letter-spacing:-.006em;max-width:84%;color:var(--hn-ink);text-wrap:pretty;background:#e9e9eb;border-radius:18px 18px 18px 6px;align-self:flex-start;margin:2px 0 0;padding:9px 13px 10px;font-size:16px;line-height:21px}.cmp .cms-ph__compose{border-radius:var(--hn-r-pill);height:36px;color:var(--hn-faint);border:1px solid #08090a24;justify-content:space-between;align-items:center;margin-top:auto;padding:0 4px 0 14px;font-size:15px;line-height:20px;display:flex}.cmp .cms-ph__compose i{background:#08090a14;border-radius:50%;width:28px;height:28px}.cmp .cms-ph__title{font-size:26px;line-height:32px;font-weight:var(--hn-w-strong);letter-spacing:-.02em;margin:14px 0 12px;padding:0 4px}.cmp .cms-vm{border-top:1px solid #08090a14;padding:12px 4px}.cmp .cms-vm:not(.cms-vm--old){background:#08090a09;border:0;border-radius:16px;padding:14px 14px 16px}.cmp .cms-vm:not(.cms-vm--old)+.cms-vm--old{border-top:0;margin-top:6px}.cmp .cms-vm__top{align-items:center;gap:8px;display:flex}.cmp .cms-vm__new{background:var(--hn-ink);border-radius:50%;flex:none;width:8px;height:8px}.cmp .cms-vm__top b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;line-height:22px;font-weight:var(--hn-w-strong);flex:auto;overflow:hidden}.cmp .cms-vm--old b{font-size:15px;line-height:20px;font-weight:var(--hn-w)}.cmp .cms-vm__at{color:var(--hn-mute);font-variant-numeric:tabular-nums;flex:none;font-size:13px;line-height:18px}.cmp .cms-vm__play{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;display:grid}.cmp .cms-vm__wave{background:#08090a2e;height:22px}.cmp .cms-vm__len{color:var(--hn-soft);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.cmp .cms-vm__k{font-size:12px;line-height:16px;font-weight:var(--hn-w);color:var(--hn-mute);margin:14px 0 0}.cmp .cms-vm__script{-webkit-line-clamp:7;letter-spacing:-.006em;color:var(--hn-text);text-wrap:pretty;-webkit-box-orient:vertical;margin:4px 0 0;font-size:15px;line-height:22px;display:-webkit-box;overflow:hidden}.cmp .cms-cap{text-align:center;flex-direction:column;align-items:center;max-width:540px;margin-top:32px;display:flex}.cmp .cms-cap__p{color:var(--hn-gray);text-wrap:pretty;margin:0;font-size:16px;line-height:24px}.cmp .cms-cap__more{font-size:16px;line-height:24px;font-weight:var(--hn-w);color:var(--hn-text);transition:color var(--hn-quick);align-items:center;gap:4px;margin-top:4px;text-decoration:none;display:inline-flex}.cmp .cms-cap__more:hover{color:var(--hn-ink)}.cmp .cms-cap__more svg{transition:transform var(--hn-btn) var(--hn-ease)}.cmp .cms-cap__more:hover svg{transform:translate(2px)}.cmp .cms-cap__fine{color:var(--hn-mute);margin:20px 0 0;font-size:13px;line-height:20px}@media (max-width:720px){.cmp .cms-body{padding:0 calc(var(--hn-pad) - 1px) 72px}.cmp .cms-tabs{gap:2px;padding:5px}.cmp .cms-tabs__pill{top:5px}.cmp .cms-tab{gap:5px;padding:0 12px}.cmp .cms-card{margin-top:24px}.cmp .cms-card__bar{padding:10px 12px}.cmp .cms-stage{aspect-ratio:auto;height:600px}.cmp .cms-ph{width:calc(100% - 28px);max-width:340px;height:calc(100% - 36px)}.cmp .cms-cap{margin-top:24px}.cmp .cms-cap__p{font-size:15px;line-height:23px}.cmp .cms-tabs{scrollbar-width:none;overflow-x:auto}.cmp .cms-tabs::-webkit-scrollbar{display:none}}@media (max-width:480px){.cmp .cms-tab__g{display:none}}@media (max-width:380px){.cmp .cms-tab{padding:0 10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.cmp .cms-tabs__pill,.cmp .cms-seam__pill,.cmp .cms-cap__more svg{transition:none}.cmp .cms-scene--in{animation:none}}