.mx-feedback-page,.mx-feedback-page *{box-sizing:border-box}
.mx-feedback-page{position:relative;isolation:isolate;min-height:70vh;overflow:hidden;background:transparent;color:#f7f7fa;font-family:Inter,Arial,sans-serif}
body:has(.mx-feedback-page) .marrxuss-site-header::before{position:absolute;z-index:-1;top:-110px;left:50%;width:min(1000px,100vw);height:510px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 32%,rgba(255,0,0,.10) 0%,rgba(255,0,0,.035) 37%,transparent 70%);filter:blur(80px);content:"";pointer-events:none}
.mx-feedback-container{position:relative;z-index:1;width:min(1360px,100%);margin:0 auto}
.mx-feedback-header{position:relative;padding:100px 20px 52px;text-align:center}
.mx-feedback-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.04);color:#ff9c9c;font-size:12px;font-weight:600;line-height:1.3}
.mx-feedback-badge .mx-feedback-trophy{width:15px;height:15px;flex:none;margin-right:2px;fill:currentColor;color:#ffc04a}
.mx-feedback-badge-separator{color:#656771}
.mx-feedback-header h1{margin:18px 0 0;color:#fafafd;font-size:clamp(38px,5vw,54px);font-weight:700;letter-spacing:-.04em;line-height:1.08}
.mx-feedback-header h1 span{color:#ff3030}
.mx-feedback-header>p{margin:14px auto 0;color:#93959f;font-size:14px;line-height:1.6}
.mx-feedback-discord{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(760px,100%);min-height:96px;overflow:hidden;margin:34px auto 0;padding:18px;border:1px solid rgba(114,137,218,.27);border-radius:12px;background:linear-gradient(115deg,rgba(114,137,218,.1),rgba(16,18,27,.82) 42%,rgba(114,137,218,.07));box-shadow:0 20px 55px rgba(0,0,0,.25);text-align:left}
.mx-feedback-discord:before,.mx-feedback-discord:after{position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(114,137,218,.22);filter:blur(48px);content:'';pointer-events:none}
.mx-feedback-discord:before{top:-85px;right:-45px}.mx-feedback-discord:after{bottom:-90px;left:-45px}
.mx-feedback-discord-mark{position:relative;z-index:1;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(114,137,218,.14);color:#9baaf0}
.mx-feedback-discord-mark svg{width:28px;height:28px}
.mx-feedback-discord-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:5px}
.mx-feedback-discord-copy strong{color:#f6f7fc;font-size:16px;font-weight:650;line-height:1.3}
.mx-feedback-discord-copy small{color:#898c98;font-size:12px;line-height:1.45}
.mx-feedback-discord-button{position:relative;z-index:1;display:inline-flex;height:44px;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#5865f2;color:#fff!important;font-size:13px;font-weight:650;text-decoration:none!important;white-space:nowrap;transition:transform .18s,background .18s}
.mx-feedback-discord-button>svg:first-child{width:18px;height:18px}.mx-feedback-discord-arrow{width:15px;height:15px;transition:transform .18s}
.mx-feedback-discord-button:hover{background:#6875f5;transform:translateY(-1px)}
.mx-feedback-discord-button:hover .mx-feedback-discord-arrow{transform:translateX(2px)}
.mx-feedback-content{padding:0 16px 112px}
.mx-feedback-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 22px;color:#8e909a;font-size:12px}
.mx-feedback-toolbar label{margin:0;font-weight:500}
.mx-feedback-select-wrap{position:relative;display:block;width:236px;max-width:100%}
.mx-feedback-select-wrap>select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mx-feedback-select-button{display:block;width:100%;height:44px;padding:0 42px 0 43px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#111318;color:#ededf1;font:500 13px Inter,Arial,sans-serif;text-align:left;cursor:pointer;outline:none;transition:border-color .18s,background .18s,box-shadow .18s}
.mx-feedback-select-wrap>.mx-feedback-sort-icon,.mx-feedback-select-wrap>.mx-feedback-select-arrow{position:absolute;z-index:2;top:22px;transform:translateY(-50%);color:#777a85;pointer-events:none;transition:color .18s,transform .18s}
.mx-feedback-sort-icon{left:14px;width:17px;height:17px}.mx-feedback-select-arrow{right:14px;width:16px;height:16px}
.mx-feedback-select-wrap:hover .mx-feedback-select-button{border-color:rgba(255,255,255,.2);background:#15171d}
.mx-feedback-select-button:focus-visible,.mx-feedback-select-wrap.is-open .mx-feedback-select-button{border-color:rgba(255,48,48,.55);box-shadow:0 0 0 3px rgba(255,48,48,.08)}
.mx-feedback-select-wrap.is-open>.mx-feedback-sort-icon,.mx-feedback-select-wrap.is-open>.mx-feedback-select-arrow{color:#ff6565}.mx-feedback-select-wrap.is-open>.mx-feedback-select-arrow{transform:translateY(-50%) rotate(180deg)}
.mx-feedback-select-menu{position:absolute;z-index:20;top:calc(100% + 7px);right:0;width:100%;overflow:hidden;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#121419;box-shadow:0 18px 48px rgba(0,0,0,.48)}
.mx-feedback-select-menu[hidden]{display:none}
.mx-feedback-select-menu button{display:flex;width:100%;height:40px;align-items:center;justify-content:space-between;padding:0 10px 0 12px;border:0;border-radius:6px;background:transparent;color:#b9bbc4;font:500 13px Inter,Arial,sans-serif;text-align:left;cursor:pointer;outline:none;transition:background .14s,color .14s}
.mx-feedback-select-menu button:hover,.mx-feedback-select-menu button:focus-visible{background:rgba(255,255,255,.055);color:#f6f6f8}
.mx-feedback-select-menu button[aria-selected=true]{background:rgba(255,48,48,.09);color:#ff7272}
.mx-feedback-select-menu button svg{display:none;width:15px;height:15px;flex:none}.mx-feedback-select-menu button[aria-selected=true] svg{display:block}
.mx-feedback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.mx-feedback-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:radial-gradient(circle at 100% 0%,rgba(255,0,0,.06),transparent 40%),radial-gradient(circle at 0% 100%,rgba(255,0,0,.05),transparent 35%),#0d0f13;color:#f5f5f7;box-shadow:0 12px 32px rgba(0,0,0,.12);cursor:pointer;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.mx-feedback-card:before{position:absolute;top:0;right:20px;left:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,55,55,.28) 35%,rgba(255,255,255,.1) 60%,transparent);content:'';pointer-events:none}
.mx-feedback-card:hover{border-color:rgba(255,62,62,.2);background:radial-gradient(circle at 100% 0%,rgba(255,0,0,.07),transparent 40%),radial-gradient(circle at 0% 100%,rgba(255,0,0,.055),transparent 35%),#111318;box-shadow:0 18px 42px rgba(0,0,0,.22);transform:translateY(-2px)}
.mx-feedback-card-main{padding:18px;text-align:left}
.mx-feedback-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.mx-feedback-rating{display:flex;align-items:center;gap:2px;flex-shrink:0}
.mx-feedback-rating svg{display:block;width:18px;height:18px;fill:rgba(255,255,255,.18)!important;stroke:none!important}
.mx-feedback-rating svg.is-filled{fill:#ffc04a!important}
.mx-feedback-card time{color:#686b75;font-size:11px;font-weight:500;white-space:nowrap}
.mx-feedback-message{margin:0;color:#b4b5bd;font-size:14px;font-weight:400;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:anywhere}
.mx-feedback-card.is-expanded .mx-feedback-message{white-space:pre-line}
.mx-feedback-photo{display:block;max-height:190px;overflow:hidden;margin-top:14px;border-radius:7px}.mx-feedback-photo img{display:block;width:100%;max-height:190px;object-fit:cover}
.mx-feedback-reply{margin-top:16px;padding:14px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:rgba(255,255,255,.025)}
.mx-feedback-reply p{overflow:hidden;margin:0;padding-left:10px;border-left:2px solid #ff3030;color:#92949e;font-size:13px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.mx-feedback-card.is-expanded .mx-feedback-reply p{white-space:pre-line}
.mx-feedback-reply small{display:block;margin-top:10px;color:#666974;font-size:11px;text-align:right}.mx-feedback-reply small span{color:#ff6666}
.mx-feedback-product{display:flex;min-width:0;align-items:center;gap:9px;min-height:48px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.012);color:#81838d;font-size:12px}
.mx-feedback-product-images{display:flex;flex:none;gap:3px}.mx-feedback-product-image{display:grid;width:26px;height:26px;flex:none;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:rgba(255,255,255,.045);color:#ff5a5a}
.mx-feedback-product-image img{display:block;width:100%;height:100%;object-fit:cover}.mx-feedback-product-image svg{display:block;width:15px;height:15px;fill:currentColor}.mx-feedback-product-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-feedback-loading{margin:0 0 14px;color:#7e808a;font-size:12px}.mx-feedback-loading[hidden]{display:none}
.mx-feedback-empty{padding:48px 20px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0d0f13;text-align:center}.mx-feedback-empty h2{margin:0;font-size:18px}.mx-feedback-empty p{margin:8px 0 0;color:#858791;font-size:13px}
.mx-feedback-pagination{display:flex;justify-content:center;margin-top:32px}.mx-feedback-pagination .page-link{border-color:rgba(255,255,255,.1);background:#111318;color:#f7f7f8}.mx-feedback-pagination .active .page-link{border-color:#ff2424;background:#ff2424}
@media(max-width:1279px){.mx-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.mx-feedback-header{padding:68px 16px 40px}.mx-feedback-header h1{font-size:38px}.mx-feedback-header>p{max-width:290px;font-size:13px}.mx-feedback-discord{grid-template-columns:auto 1fr;gap:12px;margin-top:28px;padding:14px}.mx-feedback-discord-mark{width:46px;height:46px}.mx-feedback-discord-copy strong{font-size:14px}.mx-feedback-discord-copy small{font-size:11px}.mx-feedback-discord-button{grid-column:1/-1;width:100%;height:46px}.mx-feedback-content{padding:0 14px 72px}.mx-feedback-toolbar{align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.mx-feedback-toolbar label{flex:none}.mx-feedback-select-wrap{width:min(220px,70%)}.mx-feedback-select-wrap select{height:44px;font-size:12px}.mx-feedback-grid{grid-template-columns:1fr;gap:12px}.mx-feedback-card-main{padding:17px}.mx-feedback-card:hover{transform:none}}
@media(max-width:390px){.mx-feedback-badge{font-size:11px}.mx-feedback-toolbar{align-items:stretch;flex-direction:column}.mx-feedback-select-wrap{width:100%}}
@media(prefers-reduced-motion:reduce){.mx-feedback-card,.mx-feedback-discord-button,.mx-feedback-discord-arrow{transition:none!important}}