.sh{width:min(560px,calc(100vw - 24px));max-height:calc(100svh - 24px);margin:auto;padding:0;overflow:hidden auto;overscroll-behavior:contain;border:0;border-radius:24px;background:#15141c;color:#fff;color-scheme:dark;box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px #ffffff1f;font:400 15px/1.45 var(--sans);scrollbar-width:thin}.sh::backdrop{background:#06060ab8}.sh-in{display:grid;gap:18px;padding:20px 22px 22px}.sh :where(h2,h3,p,figure){margin:0;max-width:none}.sh-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sh h2{font:800 24px/1.1 var(--sans);letter-spacing:-.03em;color:#fff}.sh h3{margin-bottom:8px;font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e}.sh-x{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer}.sh-me{font:600 17px/1.35 var(--sans);color:#fff}.sh-name{display:grid;gap:6px}.sh-name label{font:600 14px/1.3 var(--sans)}.sh-name input,.sh-text{box-sizing:border-box;width:100%;border:1px solid rgb(255 255 255 / .2);background:#ffffff12;color:#fff;font:400 16px/1.4 var(--sans)}.sh-name input{height:46px;padding:0 16px;border-radius:23px}.sh-text{padding:12px 14px;border-radius:14px;resize:vertical;font-size:14px}.sh-hint{font-size:13px;color:#ffffff9e}.sh-row{display:flex;flex-wrap:wrap;gap:8px}.sh-row :is(button,a){display:inline-flex;align-items:center;height:40px;padding:0 16px;border:0;border-radius:999px;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff24;color:#fff;font:600 14px/1 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .16s}.sh-row :is(button,a):hover{background:#ffffff2e}.sh-row [aria-pressed=true]{background:#fff;color:#15141c}.sh-row .sh-main,.sh-dl{background:linear-gradient(100deg,#7a5cff,#e0457b)!important;box-shadow:none!important}.sh :is(a,button,input,textarea):focus-visible{outline:3px solid #fff;outline-offset:2px}.sh-said{margin-top:8px!important;font-size:13px;color:#ffffffbf}.sh-said:empty{display:none}.sh-sec{margin:0;display:grid;gap:10px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .1)}.sh-sec h3{margin:0}.sh-fig{display:grid;justify-items:center;gap:6px;padding:12px;border-radius:16px;background:#0000004d}.sh-fig img{display:block;max-width:100%;max-height:300px;border-radius:10px;box-shadow:0 10px 30px #0006}@media(max-width:520px){.sh{border-radius:20px}.sh-in{padding:16px;gap:14px}.sh-row :is(button,a){height:38px;padding:0 13px;font-size:13.5px}.sh-fig img{max-height:240px}}@media(prefers-reduced-motion:reduce){.sh-row :is(button,a){transition:none}}.sh-friend{position:absolute;inset:0;z-index:6;display:grid;place-items:center;overflow-y:auto;padding:84px 20px 64px;text-align:center;background:radial-gradient(55% 65% at 12% 18%,var(--st-a, rgb(122 92 255 / .34)),transparent 70%),radial-gradient(50% 60% at 92% 88%,var(--st-b, rgb(224 69 123 / .26)),transparent 70%),var(--st-bg, #0c0b12);color:#fff;color-scheme:dark}.side-st .sh-friend{--st-a: rgb(61 90 241 / .34);--st-b: rgb(219 39 119 / .28)}.outlier .sh-friend{--st-bg: var(--ol-bg)}.sh-friend:focus{outline:none}.sh-friend-in{display:grid;justify-items:center;gap:14px;max-width:760px}.sh-friend :where(p,h2){margin:0;max-width:none}.sh-friend-k{font:700 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.sh-friend h2{font:800 clamp(28px,4.4vw,52px)/1.05 var(--sans);letter-spacing:-.035em;text-wrap:balance;color:#fff}.sh-friend-hero{font:850 clamp(84px,15vw,200px)/.9 var(--sans);letter-spacing:-.05em;background:var(--st-lit, linear-gradient(100deg, #c9b6ff, #ff8fc7 45%, #ffc27a));-webkit-background-clip:text;background-clip:text;color:transparent}.sh-friend-hero.sh-word{font-size:clamp(48px,10vw,140px);line-height:.95;text-wrap:balance}.sh-friend-unit{font:600 clamp(17px,1.6vw,22px)/1.3 var(--sans);color:#ffffffd1}.sh-friend-v{padding:7px 14px;border-radius:999px;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff38;font:700 14px/1.2 var(--sans)}.sh-friend-go{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px!important}.sh-go,.sh-more{display:inline-flex;align-items:center;height:60px;padding:0 32px;border:0;border-radius:999px;font:750 18px/1 var(--sans);letter-spacing:-.01em;text-decoration:none;cursor:pointer}.sh-go{background:var(--st-go, linear-gradient(100deg, #7a5cff, #e0457b));color:#fff!important;box-shadow:0 14px 34px var(--st-glow, rgb(224 69 123 / .35));transition:transform .18s}.sh-go:hover{transform:translateY(-2px)}.sh-more{background:#ffffff1a;box-shadow:inset 0 0 0 1px #fff3;color:#fff}.sh-friend :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:3px}.sh-friend-by{font-size:14px;color:#fff9}@media(max-width:760px){.sh-friend{padding:72px 16px 80px}.sh-go,.sh-more{height:54px;padding:0 24px;font-size:16px}}@media(prefers-reduced-motion:reduce){.sh-go{transition:none}.sh-go:hover{transform:none}}.sh{width:min(1080px,calc(100vw - 48px));max-height:calc(100svh - 48px)}.sh-in{gap:16px;padding:22px 26px 24px}.sh-name{grid-template-columns:auto minmax(0,320px) minmax(0,1fr);align-items:center;column-gap:14px;padding:14px 16px;border-radius:18px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a}.sh-name label{font-size:15px}.sh-name .sh-hint{margin:0}.sh-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:start}.sh-col{display:grid;gap:16px;min-width:0;align-content:start}.sh-col>.sh-sec:first-child{padding-top:0;border-top:0}.sh-col-g .sh-sec-g{padding-top:0;border-top:0}.sh-col-g .sh-fig{min-height:280px;align-content:center}.sh-col-g .sh-fig img{max-height:min(46svh,420px)}.sh-text{min-height:0;height:132px;resize:none}@media(max-width:860px){.sh-cols{grid-template-columns:minmax(0,1fr)}.sh-name{grid-template-columns:minmax(0,1fr);row-gap:6px}.sh-col-g .sh-fig{min-height:0}}