.hf-chat-box{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.hf-chat-box--compact{max-width:none}.hf-chat-box__frame{position:relative;display:flex;background:linear-gradient(to bottom right,#6f746759,#363636 25% 50%,#1a1a1a 75%,#363636);border-radius:16px;padding:1.5px;overflow:hidden}.hf-chat-box__frame:after{position:absolute;content:"";top:-10px;left:-10px;width:30px;height:30px;filter:blur(1px);pointer-events:none;background:radial-gradient(ellipse at center,#d1ff74d9,#d1ff7440 25%,#d6ff8835 31.25%,#d9ff932f,#ddffa12a 37.5%,#ffffff14 50%,#0000 75% 100%);background:radial-gradient(ellipse at center,color(xyz 0.593 0.877 0.06 / 0.851),color(xyz 0.593 0.877 0.06 / 0.251) 25%,color(xyz 0.619 0.889 0.122 / 0.208) 31.25%,color(xyz 0.637 0.897 0.168 / 0.186),color(xyz 0.662 0.908 0.23 / 0.165) 37.5%,#ffffff14 50%,#0000 75% 100%)}.hf-chat-box__inner{display:flex;flex-direction:column;width:100%;min-width:0;border-radius:15px;overflow:hidden;background-color:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hf-chat-box__bot{position:relative;display:flex;min-width:0;width:100%}.hf-chat-box__textarea{background-color:transparent;border:none;border-radius:16px;width:100%;max-width:100%;min-width:0;min-height:50px;color:#fff;font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:1.5;padding:10px;resize:none;outline:none;box-sizing:border-box}.hf-chat-box__textarea::-webkit-scrollbar{width:8px;height:8px}.hf-chat-box__textarea::-webkit-scrollbar-track{background:transparent}.hf-chat-box__textarea::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.hf-chat-box__textarea::-webkit-scrollbar-thumb:hover{background:#666}.hf-chat-box__textarea::placeholder{color:#e1e7d98c;transition:all .3s ease}.hf-chat-box__textarea:focus::placeholder{color:#363636}.hf-chat-box__options{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;padding:10px;gap:8px;min-width:0;width:100%;box-sizing:border-box}.hf-chat-box__btns-add{display:flex;gap:8px;flex-wrap:wrap}.hf-chat-box__btns-add .hf-btn-ghost{padding:6px;min-width:36px;min-height:36px}:root{--hf-control-radius: 30px}.hf-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#ffffff73;background-color:#0a0a0a;border:1.5px solid oklch(.94 .27 125 / .35);border-radius:var(--hf-control-radius);padding:6px 10px;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.01em;cursor:pointer;transition:all .25s ease;box-shadow:0 0 8px #d1ff741f;box-shadow:0 0 8px oklch(.94 .27 125 / .12)}.hf-btn-ghost:hover{transform:translateY(-2px);color:#d1ff74;color:oklch(.94 .27 125);border-color:#d1ff74bf;border-color:oklch(.94 .27 125 / .75);background-color:#111;box-shadow:0 0 12px #d1ff7447;box-shadow:0 0 12px oklch(.94 .27 125 / .28)}.hf-btn-ghost:focus-visible{outline:none;color:#d1ff74;color:oklch(.94 .27 125);border-color:#d1ff74;border-color:oklch(.94 .27 125);box-shadow:0 0 14px #d1ff7459;box-shadow:0 0 14px oklch(.94 .27 125 / .35)}.hf-btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--hf-control-radius);padding:6px 12px;font-size:11px;font-weight:600;line-height:1.2}.hf-chat-box__submit{display:flex;padding:2px;background-image:linear-gradient(to top,#292929,#555,#292929);border-radius:var(--hf-control-radius);box-shadow:inset 0 6px 2px -4px #ffffff80;cursor:pointer;border:none;outline:none;transition:all .15s ease;flex-shrink:0}.hf-chat-box__submit-icon{display:flex;width:30px;height:30px;padding:6px;background:#0000001a;border-radius:calc(var(--hf-control-radius) - 1px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#8b8b8b}.hf-chat-box__submit svg{width:100%;height:100%;transition:all .3s ease}.hf-chat-box__submit:hover svg{color:#d1ff74;color:oklch(.94 .27 125);filter:drop-shadow(0 0 5px oklch(.94 .27 125 / .75))}.hf-chat-box__submit:focus-visible svg{color:#d1ff74;color:oklch(.94 .27 125);filter:drop-shadow(0 0 5px oklch(.94 .27 125 / .75));transform:scale(1.15) rotate(45deg) translate(-2px) translateY(1px)}.hf-chat-box__submit:active{transform:scale(.92)}.hf-chat-box__tags{padding:10px 0 0;display:flex;flex-wrap:wrap;color:#fff;font-size:10px;gap:6px;width:100%;min-width:0;box-sizing:border-box}.hf-chat-box__tag{padding:5px 9px;background-color:#0a0a0a;border:1.5px solid oklch(.94 .27 125 / .35);border-radius:var(--hf-control-radius);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:500;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease;font-family:var(--font-sans);box-shadow:0 0 8px #d1ff741a;box-shadow:0 0 8px oklch(.94 .27 125 / .1);max-width:100%;white-space:normal;text-align:center;line-height:1.25}.hf-chat-box__tag:hover{border-color:#d1ff74d9;border-color:oklch(.94 .27 125 / .85);color:#d1ff74;color:oklch(.94 .27 125);box-shadow:0 0 14px #d1ff7466,0 0 24px #d1ff7426;box-shadow:0 0 14px oklch(.94 .27 125 / .4),0 0 24px oklch(.94 .27 125 / .15)}.hf-mini-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}@media(max-width:480px){.hf-mini-stat-grid{grid-template-columns:1fr}}.hf-mini-stat{padding:12px 12px 10px;min-height:88px}.hf-mini-stat__label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;font-family:var(--font-display);font-weight:700}.hf-mini-stat__value{margin-top:4px;font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1.1;color:#d1ff74;color:oklch(.94 .27 125)}.hf-mini-stat__bar{margin-top:10px;height:5px;border-radius:999px;background:#1b1b1b;border:1.5px solid #363636;overflow:hidden}.hf-mini-stat__bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#363636,#56663a,#789931 50%,#8ab321 62.5%,#93c10f,#9dce00 75%,#b2e900,#d1ff74);background:linear-gradient(90deg,#363636,#56663a,#789931 50%,#8ab321 62.5%,#93c10f,color(xyz 0.359 0.515 0.073) 75%,color(xyz 0.466 0.68 0.069),color(xyz 0.593 0.877 0.06));transition:width .6s ease}.hf-mini-stat__meta{margin-top:6px;font-size:10px;color:#fff6}@media(max-width:640px){.hf-chat-box__frame{border-radius:14px}.hf-chat-box__inner{border-radius:13px}.hf-chat-box__textarea{font-size:14px;padding:8px;min-height:44px}.hf-chat-box__options{padding:8px;gap:6px}.hf-chat-box__btns-add{gap:6px}.hf-chat-box__btns-add .hf-btn-ghost{min-width:32px;min-height:32px;padding:5px}.hf-chat-box__submit-icon{width:28px;height:28px;padding:5px}.hf-chat-box__tags{padding-top:8px}.hf-chat-box__tag{font-size:9px;padding:4px 8px;flex:1 1 calc(50% - 6px);min-width:0}}