.av-frame{isolation:isolate;font:inherit;color:inherit;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.av-frame .ch-avatar{z-index:1;border-radius:50%;position:relative;box-shadow:0 0 0 1.5px #ffffffe6}.av-frame.clickable{cursor:pointer;transition:transform .15s}.av-frame.clickable:hover{transform:scale(1.06)}.av-frame.clickable:focus-visible{outline-offset:3px;outline:2px solid #c1272d}.av-frame.f-gold{background:conic-gradient(#fde68a,#f59e0b,#fef3c7,#d97706,#fde68a);box-shadow:0 0 10px #f59e0b8c}.av-frame.f-jade{background:conic-gradient(#a7f3d0,#059669,#d1fae5,#047857,#a7f3d0);box-shadow:0 0 10px #05966973}.av-frame.f-flame{background:conic-gradient(#fde047,#f97316,#dc2626,#f97316,#fde047);box-shadow:0 0 12px #f9731699}.av-frame.f-sakura{background:conic-gradient(#fbcfe8,#ec4899,#fce7f3,#db2777,#fbcfe8);box-shadow:0 0 10px #ec489973}.av-frame.f-dragon{background:conic-gradient(#b91c1c,#fbbf24,#b91c1c,#fbbf24,#b91c1c);box-shadow:0 0 14px #b91c1c80}.av-frame.f-laurel{background:conic-gradient(#fde68a,#65a30d,#fef9c3,#3f6212,#facc15,#65a30d,#fde68a);box-shadow:0 0 12px #65a30d80}.av-frame.f-legend{background:conic-gradient(#7c3aed,#fbbf24,#ec4899,#fbbf24,#7c3aed);box-shadow:0 0 16px #7c3aed99}.av-frame.fx:before{content:"";z-index:0;background:inherit;border-radius:50%;animation:5s linear infinite av-spin;position:absolute;inset:0}.av-frame.fx:after{content:"";z-index:-1;background:inherit;filter:blur(calc(var(--av,40px) * .12));opacity:.55;border-radius:50%;animation:2.4s ease-in-out infinite av-pulse;position:absolute;inset:-3px}.av-frame.fx.f-flame:after{opacity:.75;animation-duration:1.4s}.av-frame.fx.f-dragon:before{animation-duration:3.5s}.av-frame .av-orn{z-index:2;filter:drop-shadow(0 1px 2px #00000059);pointer-events:none;font-style:normal;line-height:1;position:absolute}.av-frame .av-orn.corner{font-size:calc(var(--av,40px)*.4);bottom:-6%;right:-6%}.av-frame .av-orn.top{font-size:calc(var(--av,40px)*.42);top:-24%;left:50%;transform:translate(-50%)rotate(-8deg)}.av-frame.fx .av-orn{animation:2.6s ease-in-out infinite av-bob}.av-frame.fx .av-orn.top{animation-name:av-bob-top}@keyframes av-spin{to{transform:rotate(360deg)}}@keyframes av-pulse{50%{opacity:.2;transform:scale(1.06)}}@keyframes av-bob{50%{transform:translateY(-8%)}}@keyframes av-bob-top{0%,to{transform:translate(-50%)rotate(-8deg)}50%{transform:translate(-50%)translateY(-10%)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.av-frame.fx:before,.av-frame.fx:after,.av-frame.fx .av-orn{animation:none!important}}.tn-title-badge{vertical-align:middle;white-space:nowrap;letter-spacing:0;color:#7c2d12;background:linear-gradient(135deg,#fde68a,#fbbf24);border:1px solid #f59e0b;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:2px 10px;font-size:13px;font-weight:800;line-height:1.5;display:inline-flex;box-shadow:inset 0 1px #fff9}.tn-title-badge i{font-style:normal}.tn-title-badge.sm{margin-left:6px;padding:0 7px;font-size:11px}.av-ring{cursor:pointer;border-radius:50%;display:inline-flex}.av-ring.av-frame{padding:3px}.av-ring img{display:block}
.cl-box{flex-direction:column;gap:6px;min-width:0;display:flex}.cl-box.compact .cl-input{padding:7px 10px;font-size:12.5px}.cl-label{color:#374151;font-size:13px;font-weight:800}.cl-row{gap:6px;min-width:0;display:flex}.cl-input{color:#b91c1c;min-width:0;font:inherit;background:#fff7f7;border:1px dashed #f3b4b4;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:13.5px;font-weight:600}.cl-input:focus{background:#fff;border-style:solid}.cl-btn{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#dc2626,#b91c1c);border:0;border-radius:10px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:800}.cl-btn.ok{background:#16a34a}.cl-btn.ghost{color:#b91c1c;background:#fff;border:1px solid #f3c4c4}.cl-box.compact .cl-row{flex-wrap:wrap}.cl-box.compact .cl-input{flex:100%}.cl-box.compact .cl-btn{flex:1;padding:7px 10px;font-size:12.5px}@media (max-width:560px){.cl-row{flex-wrap:wrap}.cl-input{flex:100%}.cl-btn{flex:1}}.cl-label{align-items:center;gap:6px;display:inline-flex}.cl-btn{justify-content:center;align-items:center;gap:6px;line-height:1.2;display:inline-flex}.cl-btn svg{flex-shrink:0;display:block}