
@media (min-width:1069px){
  .lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own]{flex-direction:row;align-items:center;justify-content:center;column-gap:clamp(40px,4.4vw,80px);padding:clamp(24px,4svh,48px) max(6.25vw,(100vw - 1260px) / 2)}
  .lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-w{width:auto;flex:none;margin:0;text-align:left}
  .lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-head{justify-items:start}
  .lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-head .actions{justify-content:flex-start}
  .lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-n{font-size:clamp(60px,5.55vw,80px);line-height:1.05;white-space:nowrap}
  .lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-line{margin-left:0;max-width:460px}
  .lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-media{flex:0 1 600px;min-width:0;margin-top:0}
}
@media (min-width:1069px) and (max-width:1279px){.lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-media{flex-basis:500px}}
@media (min-width:1600px){.lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-media{flex-basis:640px}}
@media (min-width:735px) and (max-width:1068px){.lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-media{margin-top:56px;padding-bottom:64px}}
@media (max-width:734px){.lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-media{margin-top:40px;padding-bottom:48px}}
@media (max-width:359px){.lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-n{font-size:36px;line-height:40px}}
.lapp .ap-hero[data-own="button2channel"][data-ov="1"][data-show=own] .ap-media{cursor:default}

.b2c1{--pw:600px;--fs:20px;--lh:28px;--bh:52px;--bg:6px;--br:13px;--bf:17px;--tr:-.017em;--trb:-.013em;--gr:16px;--bb:#222226;position:relative;width:min(100%,var(--pw));margin:0 auto;font-family:var(--font-sans);text-align:left;cursor:default}
.b2c1-now,.b2c1-now *{transition:none!important}

.b2c1-glow{position:absolute;left:50%;top:52%;width:140%;height:125%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 16%,transparent),color-mix(in srgb,var(--c) 5%,transparent) 55%,transparent);
  opacity:calc(.45 + var(--n) / var(--m) * .55);transition:opacity 1.2s ease;pointer-events:none}

.b2c1-tilt{opacity:0;transform:perspective(1600px) translateY(16px) rotateX(10deg) rotateY(-12deg) scale(.96);transform-origin:50% 40%;transition:opacity .6s ease,transform 1.6s cubic-bezier(.22,.8,.24,1)}
.b2c1-on .b2c1-tilt{opacity:1;transform:none}

.b2c1-win{--wr:26px;position:relative;overflow:hidden;border-radius:var(--wr);background:#0f141b;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 90px -40px rgba(0,0,0,.9)}
.b2c1-top{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--wr) var(--wr) 0 0;background:#1c1c1e;box-shadow:inset 0 -1px 0 rgba(255,255,255,.07)}
.b2c1 .b2c1-av{flex:none;display:block;width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.b2c1-ttl{flex:1;min-width:0}
.b2c1-ttl b{display:block;font:600 17px/22px var(--font-sans);letter-spacing:-.013em;color:#f5f5f7}
.b2c1-ttl small{display:block;font:400 14px/18px var(--font-sans);letter-spacing:-.006em;color:#8e8e93}
.b2c1-ic{display:flex;gap:16px;color:#8e8e93}
.b2c1-ic i{display:block;width:22px;height:22px}
.b2c1-ic svg,.b2c1-back svg,.b2c1-eye svg{display:block;width:100%;height:100%}
.b2c1-back{display:none}
.b2c1-feed{position:relative;overflow:hidden;padding:26px 22px 18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='white' stroke-opacity='.055' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 44 44 30 38 60 30 49ZM30 49 44 30'/%3E%3Cpath d='m156 20 3.2 6.5 7.2 1-5.2 5.1 1.2 7.1-6.4-3.4-6.4 3.4 1.2-7.1-5.2-5.1 7.2-1Z'/%3E%3Cpath d='M100 92c-3.2-5.2-11-4-11 2.6 0 6.2 11 12.4 11 12.4s11-6.2 11-12.4c0-6.6-7.8-7.8-11-2.6Z'/%3E%3Crect x='184' y='112' width='34' height='24' rx='7'/%3E%3Cpath d='M197 118.5v11l9-5.5Z'/%3E%3Ccircle cx='40' cy='128' r='8'/%3E%3Cpath d='M80 44q6-7 12 0t12 0 12 0'/%3E%3Cpath d='M214 62v12m-6-6h12'/%3E%3Ccircle cx='140' cy='196' r='3'/%3E%3Cpath d='M180 222 206 200 205 226 197 216ZM197 216 206 200'/%3E%3Cpath d='m60 198 2.3 4.6 5.1.7-3.7 3.6.9 5.1-4.6-2.4-4.6 2.4.9-5.1-3.7-3.6 5.1-.7Z'/%3E%3Cpath d='M134 158q5-6 10 0t10 0'/%3E%3C/svg%3E") 0 0/240px 240px,
  radial-gradient(90% 70% at 0% 0%,rgba(38,74,124,.5),transparent 70%),radial-gradient(80% 80% at 100% 100%,rgba(26,84,98,.42),transparent 70%),radial-gradient(70% 60% at 100% 0%,rgba(66,50,116,.3),transparent 70%),#0f141b}
.b2c1-day{display:table;margin:0 auto 14px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.1);font:500 13px/20px var(--font-sans);letter-spacing:-.003em;color:rgba(255,255,255,.88)}

.b2c1-post{position:relative;transform:translateY(calc((var(--m) - var(--n)) * (var(--bh) + var(--bg))));transition:transform .66s var(--sp)}
.b2c1-bub{position:relative;z-index:2;margin-right:var(--gr);padding:12px 18px 9px;border-radius:20px 20px 20px 0;background:var(--bb)}
.b2c1-tl{position:absolute;left:-8px;bottom:0;display:block;width:10px;height:18px;color:var(--bb)}
.b2c1-tx{margin:0;font:400 var(--fs)/var(--lh) var(--font-sans);letter-spacing:var(--tr);color:#e8e8ed}
.b2c1-hd{display:block;margin-bottom:3px;font-weight:600;color:#fff}
.b2c1-w{display:inline-block;opacity:0;transform:translateY(4px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.8,.24,1)}
.b2c1-on .b2c1-w{opacity:1;transform:none;transition-delay:calc(.25s + var(--i) * 20ms)}
.b2c1-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;font:400 13px/16px var(--font-sans);letter-spacing:0;color:#8e8e93}
.b2c1-eye{display:block;width:16px;height:11px}
.b2c1-tm{margin-left:6px}

.b2c1-kb{position:relative;z-index:1;display:grid;row-gap:var(--bg);margin:var(--bg) var(--gr) 0 0}
.b2c1-b{position:relative;display:flex;align-items:center;justify-content:center;height:var(--bh);padding:0 34px;border-radius:var(--br);background:#36363b;color:#fff;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);z-index:calc(10 - var(--k));transform:translateY(calc((var(--bh) + var(--bg)) * -1)) scale(.98);opacity:0;transition:transform .66s var(--sp),opacity .3s ease}
.b2c1-b.b2c1-out{transform:none;opacity:1}
.b2c1-b[data-c=blue]{background:#3478f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px -14px rgba(52,120,246,.38)}
.b2c1-b[data-c=green]{background:#2e9e4f;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px -14px rgba(46,158,79,.38)}
.b2c1-b[data-c=red]{background:#d93a3a;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px -14px rgba(217,58,58,.38)}
.b2c1-bt{position:relative;z-index:1;font:600 var(--bf)/1.2 var(--font-sans);letter-spacing:var(--trb);white-space:nowrap}
.b2c1-ar{position:absolute;top:7px;right:8px;width:9px;height:9px;opacity:.75}
.b2c1-ar svg{display:block;width:100%;height:100%}
.b2c1-b::after{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .25s ease;pointer-events:none}
.b2c1-b.b2c1-hv::after{opacity:.06}
.b2c1-rp{position:absolute;left:50%;top:50%;width:440px;height:440px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.3),rgba(255,255,255,0));opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}

.b2c1-foot{position:relative;z-index:2;padding:13px 16px 14px;border-radius:0 0 var(--wr) var(--wr);background:#1c1c1e;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);text-align:center;font:500 16px/22px var(--font-sans);letter-spacing:-.011em;color:#3e88f7}

.b2c1-cur,.b2c1-tap{position:absolute;left:0;top:0;z-index:3;opacity:0;transition:opacity .35s ease;pointer-events:none}
.b2c1-cur.b2c1-vis,.b2c1-tap.b2c1-vis{opacity:1}
.b2c1-arw{position:absolute;left:-2.9px;top:-2.4px;width:27px;height:33px;transform-origin:2.9px 2.4px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}
.b2c1-ray{position:absolute;left:-20px;top:-20px;width:40px;height:40px;opacity:0;transform-origin:20px 20px}
.b2c1-tap{display:none}
.b2c1-tap i{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}

@media (min-width:1069px) and (max-width:1279px){.b2c1{--pw:500px;--fs:18px;--lh:25px;--bh:48px;--bf:16px;--tr:-.014em;--trb:-.011em}}
@media (min-width:1600px){.b2c1{--pw:640px;--fs:21px;--lh:29px;--bh:56px;--bf:18px;--tr:-.018em;--trb:-.014em}.b2c1 .b2c1-av{width:46px;height:46px}.b2c1-ttl b{font-size:18px;line-height:23px}.b2c1-ttl small{font-size:15px;line-height:19px}}
@media (max-width:1068px){.b2c1{width:min(87.5vw,var(--pw))}}
@media (max-width:734px){
  .b2c1{--pw:420px;--fs:16px;--lh:22px;--bh:44px;--bg:5px;--br:11px;--bf:15px;--tr:-.011em;--trb:-.009em;--gr:10px}
  .b2c1-win{--wr:22px}
  .b2c1-top{gap:8px;padding:8px 12px}
  .b2c1-back{display:block;flex:none;order:0;width:34px;height:20px;padding-right:22px;color:#3e88f7}
  .b2c1-ttl{order:1;text-align:center}
  .b2c1 .b2c1-av{order:2;width:34px;height:34px}
  .b2c1-ttl b{font-size:16px;line-height:20px;letter-spacing:-.011em}
  .b2c1-ttl small{font-size:12px;line-height:16px}
  .b2c1-ic{display:none}
  .b2c1-feed{padding:16px 14px 14px}
  .b2c1-day{margin-bottom:10px;font-size:12px;line-height:18px}
  .b2c1-bub{padding:8px 12px 6px;border-radius:17px 17px 17px 0}
  .b2c1-tx{margin-top:0}
  .b2c1-meta{font-size:12px;line-height:15px}
  .b2c1-eye{width:15px;height:10px}
  .b2c1-b{padding:0 26px}
  .b2c1-ar{top:5px;right:6px;width:8px;height:8px}
  .b2c1-foot{padding:11px 12px 12px;font-size:15px;line-height:20px}
  .b2c1-cur{display:none}.b2c1-tap{display:block}
}
@media (max-width:359px){.b2c1{--gr:6px}.b2c1-feed{padding:14px 10px 12px}}
