/* COGO_POST_MOTION_R1. Every decorative coordinate belongs to the author stage. */
#modal .cp-post-r1>.board-body282{display:flex;flex-direction:column;align-items:stretch;gap:24px}
#modal .cp-post-r1 .board-writing282{width:100%}
#modal .cp-post-r1 .board-content28{margin-top:0;line-height:1.85}
#modal .cp-stage-r1{--cp-color:#5ee0cc;--cp-second:#68c3ff;--cp-glow:.22;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 212px;align-items:center;min-height:198px;padding:25px 28px;gap:14px;border-radius:19px;overflow:hidden;color:#f4f7ff;background:linear-gradient(120deg,#151d30 0%,#18233a 58%,#192a38 100%);border:1px solid color-mix(in srgb,var(--cp-color) 28%,#26344b);box-shadow:0 10px 28px #111c3014;contain:paint}
#modal .cp-stage-r1[data-cp-tier=discover]{--cp-glow:.28;background:linear-gradient(120deg,#191c32,#22223e 62%,#292640)}
#modal .cp-stage-r1[data-cp-tier=master]{--cp-glow:.32;background:linear-gradient(120deg,#26232b,#30283a 62%,#3a3038)}
#modal .cp-stage-r1[data-cp-tier=grand]{--cp-glow:.38;background:linear-gradient(120deg,#201c35,#30233e 62%,#332944)}
#modal .cp-stage-r1[data-cp-tier=legend]{--cp-glow:.44;background:linear-gradient(120deg,#131c32,#1f284a 62%,#233d51)}
#modal .cp-stage-r1[data-cp-tier=eternal]{--cp-glow:.5;background:linear-gradient(120deg,#151c30,#26243f 62%,#1d4147)}
#modal .cp-art-r1{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}
#modal .cp-atmosphere-r1{position:absolute;inset:-60% -12% -50% 0;opacity:var(--cp-glow);background:radial-gradient(ellipse at 83% 48%,var(--cp-color),transparent 40%),radial-gradient(ellipse at 47% 80%,var(--cp-second),transparent 46%);transform:translate3d(0,0,0)}
#modal .cp-stage-r1[data-cp-tier=eternal] .cp-atmosphere-r1{background:radial-gradient(ellipse at 83% 48%,var(--cp-color),transparent 38%),radial-gradient(ellipse at 44% 80%,var(--cp-second),transparent 39%),radial-gradient(ellipse at 32% 9%,#90bcff,transparent 30%)}
#modal .cp-horizon-r1{position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--cp-second),var(--cp-color),transparent);opacity:.7}
#modal .cp-sweep-r1{position:absolute;inset:0;background:linear-gradient(110deg,transparent 32%,color-mix(in srgb,var(--cp-color) 15%,transparent) 49%,transparent 66%);transform:translateX(-110%);opacity:0}
#modal .cp-identity-r1{position:relative;z-index:2;min-width:0;align-self:center}
#modal .cp-rank-r1{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:17px}
#modal .cp-rank-r1>span{flex-basis:100%;font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--cp-color);line-height:1.6}
#modal .cp-rank-r1>strong{font-size:26px;line-height:1.3;letter-spacing:-.7px;color:#fff;font-weight:750}
#modal .cp-rank-r1>small{font-size:11px;color:#d2d9e9;font-variant-numeric:tabular-nums}
#modal .cp-identity-r1>header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;border:0;padding:0;max-width:460px}
#modal .cp-identity-r1>header>div{min-width:0}
#modal .cp-identity-r1 .member-link283{font-size:14px;color:#f4f7ff;text-align:left;overflow-wrap:anywhere;font-weight:700}
#modal .cp-identity-r1>header small{display:block;margin-top:6px;color:#bcc9dc;font-size:11px;line-height:1.7}
#modal .cp-identity-r1>header>.badge{border:1px solid #ffffff26;background:#ffffff0b;color:#d5deef;font-size:10px;flex-shrink:0;margin-top:2px}
#modal .cp-portrait-r1{position:relative;width:190px;height:160px;justify-self:center;isolation:isolate;z-index:1}
#modal .cp-portrait-r1 .board-full-avatar282{position:absolute;inset:0;display:flex;justify-content:center;padding:0;border:0;background:none;border-radius:0;box-shadow:none;gap:0}
#modal .cp-portrait-r1 .board-full-avatar282>b,#modal .cp-portrait-r1 .board-full-avatar282>small{display:none}
#modal .cp-portrait-r1 .board-avatar28{position:relative;width:108px;height:158px;max-width:none;flex:none;border:0;overflow:visible;background:none;animation:none!important;transform:none!important}
#modal .cp-portrait-r1 .cogo-avatar{animation:none!important;transform:none!important}
#modal .cp-seal-r1{position:absolute;width:202px;height:202px;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--cp-color);pointer-events:none;z-index:0}
#modal .cp-emblem-r1,#modal .cp-orbit-r1{position:absolute;inset:0;width:100%;height:100%;opacity:.52;overflow:visible}
#modal .cp-stage-r1[data-cp-tier=eternal] .cp-emblem-r1{opacity:.76}
#modal .cp-orbit-r1{opacity:.65}
#modal .cp-halo-r1{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cp-color) 18%,transparent),transparent 71%)}
#modal .cp-star-r1{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cp-color);opacity:.55;box-shadow:0 0 7px color-mix(in srgb,var(--cp-color) 55%,transparent)}
#modal .cp-motion-toggle-r1{position:absolute;right:12px;bottom:8px;z-index:3;border:0;border-radius:6px;background:#0b132333;color:#c9d8e9;font:inherit;font-size:10px;line-height:1.5;padding:5px 8px;cursor:pointer;min-height:26px}
#modal .cp-motion-toggle-r1:hover{background:#ffffff14;color:white}
#modal .cp-motion-toggle-r1:focus-visible{outline:2px solid var(--cp-color);outline-offset:2px}
#modal .cp-stage-r1 button[hidden]{display:none!important}
/* Entrance: one shared reveal; ambient motion never moves text or the avatar. */
#modal[open] .cp-enter-r1 .cp-emblem-r1{animation:cp-seal-enter-r1 1.5s cubic-bezier(.16,1,.3,1) both}
#modal[open] .cp-enter-r1 .cp-emblem-r1>*{stroke-dasharray:900;stroke-dashoffset:0;animation:cp-trace-r1 2.4s cubic-bezier(.2,.65,.25,1) both}
#modal[open] .cp-enter-r1 .cp-sweep-r1{animation:cp-sweep-r1 2.7s cubic-bezier(.2,.6,.2,1) both}
#modal[open] .cp-stage-r1 .cp-atmosphere-r1{animation:cp-breathe-r1 18s ease-in-out infinite alternate}
#modal[open] .cp-stage-r1 .cp-orbit-r1{animation:cp-orbit-r1 65s linear infinite}
#modal[open] .cp-stage-r1 .cp-star-r1{animation:cp-stars-r1 6s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.72s)}
@keyframes cp-seal-enter-r1{from{opacity:0;transform:scale(.9) rotate(-9deg)}to{opacity:.65;transform:none}}
@keyframes cp-trace-r1{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@keyframes cp-sweep-r1{0%{opacity:0;transform:translateX(-110%)}30%{opacity:.75}100%{opacity:0;transform:translateX(110%)}}
@keyframes cp-breathe-r1{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.08)}}
@keyframes cp-orbit-r1{to{transform:rotate(360deg)}}
@keyframes cp-stars-r1{from{opacity:.25;transform:scale(.8)}to{opacity:.7;transform:scale(1.15)}}
#modal .cp-stage-r1[data-cp-motion=false] *,#modal .cp-stage-r1[data-cp-visible=false] *{animation-play-state:paused!important}
body.reduce-polish271 #modal .cp-stage-r1 *{animation:none!important}
@media(prefers-reduced-motion:reduce){#modal .cp-stage-r1 *{animation:none!important}#modal .cp-motion-toggle-r1{display:none!important}}
@media(max-width:600px){
  #modal .cp-post-r1>.board-body282{gap:19px}
  #modal .cp-stage-r1{grid-template-columns:minmax(0,1fr) 105px;gap:6px;padding:20px 15px;min-height:166px;border-radius:15px}
  #modal .cp-rank-r1{gap:4px 7px;margin-bottom:12px}
  #modal .cp-rank-r1>span{font-size:8px;letter-spacing:1.6px}
  #modal .cp-rank-r1>strong{font-size:21px}
  #modal .cp-rank-r1>small{font-size:10px}
  #modal .cp-identity-r1 .member-link283{font-size:12px}
  #modal .cp-identity-r1>header{display:block}
  #modal .cp-identity-r1>header>.badge{display:none}
  #modal .cp-identity-r1>header small{font-size:10px;line-height:1.65}
  #modal .cp-portrait-r1{width:105px;height:125px}
  #modal .cp-portrait-r1 .board-avatar28{width:83px;height:123px}
  #modal .cp-seal-r1{width:140px;height:140px}
  #modal .cp-motion-toggle-r1{font-size:9px;right:7px;bottom:5px;padding:5px 7px}
}