
.qc-m5{--qc-metal:#cad5e0;--qc-shine:#f5f8fb;--qc-mid:#657b8c;--qc-tint:rgba(187,209,226,.09)}
.qc-m10{--qc-metal:#dec59b;--qc-shine:#fff2d8;--qc-mid:#8e734c;--qc-tint:rgba(214,189,149,.1)}
:is(#stellar-concept,#admin-app) .qc-card{position:relative;isolation:isolate;overflow:hidden;margin:20px 0;padding:24px;border:1px solid #ffffff14;border-radius:28px;color:#f5f3ef;background:linear-gradient(155deg,#1c1e24,#101115 80%);box-shadow:0 14px 40px #0002;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:is(#stellar-concept,#admin-app) .qc-earned{background:radial-gradient(ellipse at 0 0,var(--qc-tint),transparent 68%),linear-gradient(155deg,#1c1e24,#101115 80%);border-color:#ffffff1c}
:is(#stellar-concept,#admin-app) .qc-top{font-size:12px;font-weight:550;color:#b5bbc7;margin:0 0 15px;letter-spacing:0;text-transform:none}
:is(#stellar-concept,#admin-app) .qc-heading{font-size:27px;line-height:1.16;font-weight:560;letter-spacing:-.9px;margin:0 0 12px;max-width:290px;color:#f5f3ef}
:is(#stellar-concept,#admin-app) .qc-card p{font-size:13px;line-height:1.55;color:#acb1bc;margin:10px 0;letter-spacing:0}
:is(#stellar-concept,#admin-app) .qc-card .qc-intro{max-width:310px;margin:0}
.qc-award{display:grid;grid-template-columns:98px minmax(0,1fr);align-items:center;gap:20px;min-height:118px;margin:0 0 19px}
.qc-emblem{display:grid;position:relative;place-items:center;width:98px;height:98px;isolation:isolate;filter:drop-shadow(0 8px 9px #0006)}
.qc-metal{position:relative;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:conic-gradient(from 130deg,var(--qc-mid),var(--qc-shine) 15%,var(--qc-mid) 34%,#363f48 46%,var(--qc-metal) 61%,var(--qc-shine) 68%,var(--qc-mid) 84%,var(--qc-shine));box-shadow:inset 0 0 0 1px #ffffff68,0 0 0 1px #0005}
.qc-metal::before{content:"";position:absolute;inset:5px;border-radius:inherit;background:radial-gradient(ellipse at 28% 10%,#45505d,#1b1d22 68%);box-shadow:inset 0 0 0 1px #0008,inset 0 1px 5px #0006}
.qc-m10 .qc-metal::before{background:radial-gradient(ellipse at 28% 10%,#50493c,#1e1d1c 68%)}
.qc-number{position:relative;font-size:37px;line-height:1;font-weight:550;letter-spacing:-2px;color:var(--qc-shine);text-shadow:0 1px 0 #000,0 -1px 0 #ffffff20;font-variant-numeric:lining-nums}
.qc-orbit{position:absolute;width:112px;height:37px;left:-7px;top:30px;border:1px solid var(--qc-metal);border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 4px #0002;opacity:.7;z-index:-1}
.qc-orbit-front{z-index:2;border-color:transparent transparent var(--qc-shine);opacity:.95;clip-path:inset(48% 0 0)}
.qc-spark{position:absolute;right:1px;top:17px;font-size:15px;line-height:1;color:var(--qc-shine);text-shadow:0 0 8px var(--qc-mid);z-index:3}
.qc-metal::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(110deg,transparent 25%,#ffffff60 48%,transparent 65%);opacity:0;pointer-events:none}
.qc-reveal .qc-metal::after{animation:qc-reflection 1.25s ease-out .1s 1 both}
.qc-award-copy{min-width:0}
:is(#stellar-concept,#admin-app) .qc-award-label{display:block;font-size:11px;line-height:1.4;color:#b1b7c2;margin:0 0 5px}
:is(#stellar-concept,#admin-app) .qc-award-title{font-size:26px;line-height:1.1;font-weight:550;letter-spacing:-.7px;color:#f5f3ef;margin:0 0 12px}
.qc-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px 5px 6px;border-radius:99px;background:#b6e2c810;color:#b6e2c8;font-size:11px;font-weight:550;line-height:1.2;white-space:nowrap}
.qc-status svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#stellar-concept,#admin-app) .qc-card .qc-badge-note{color:#edece8;font-size:14px;font-weight:500;margin:0 0 8px;max-width:330px}
:is(#stellar-concept,#admin-app) .qc-card .qc-support{font-size:12px;color:#abb0bb;margin:0 0 20px;max-width:330px}
.qc-levels{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 0}
.qc-levels>div{display:flex;align-items:center;gap:10px;min-width:0}
.qc-levels>div+div{border-left:1px solid #ffffff10;padding-left:18px}
.qc-levels span+span{font-size:11px;line-height:1.4;color:#bec3cc}
.qc-single-level{grid-template-columns:1fr}
.qc-step-seal{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid var(--qc-mid);border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff05;background:linear-gradient(135deg,var(--qc-tint),#17191d);color:var(--qc-shine);font-size:19px;font-weight:500;letter-spacing:-.6px}
.qc-goal{padding:18px 0 0;border-top:1px solid #ffffff0e}
:is(#stellar-concept,#admin-app) .qc-goal[hidden]{display:none!important}
.qc-goal-label{display:block;color:#e4d1b1;font-size:12px;font-weight:550;margin-bottom:15px}
.qc-progress{display:flex;align-items:center;justify-content:space-between;gap:14px}
.qc-progress>span{display:grid;gap:6px;color:#9fa6b3;font-size:10px}
.qc-progress>span:last-child{text-align:right}
.qc-progress b{font-size:13px;color:#e1e4e9;font-weight:500}
.qc-progress svg{width:20px;height:20px;flex-shrink:0;color:#737b89;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
:is(#stellar-concept,#admin-app) .qc-card .qc-next{font-size:12px;margin:17px 0 16px}
.qc-next strong{color:#f0e1c8;font-weight:550}
:is(#stellar-concept,#admin-app) .qc-buy{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:13px 16px;border:1px solid #eedcc13a;border-radius:16px;background:linear-gradient(135deg,#e5d4b8,#c8ad83);color:#211c15;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;box-shadow:inset 0 1px 0 #fff4;cursor:pointer;transition:transform .18s,filter .18s}
.qc-buy svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:is(#stellar-concept,#admin-app) .qc-buy:active{transform:scale(.985);filter:brightness(.94)}
.qc-buy:focus-visible,.qc-rules summary:focus-visible,.qc-proof:focus-visible{outline:2px solid #d6bd95;outline-offset:4px}
.qc-time{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding:16px 0 5px;border-top:1px solid #ffffff0d}
.qc-time>span{font-size:10px;line-height:1.4;max-width:60%;color:#a6adba}
.qc-time time{font-size:16px;line-height:1;letter-spacing:.03em;color:#dedfe3;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
:is(#stellar-concept,#admin-app) .qc-card .qc-checking{font-size:11px;display:flex;align-items:center;gap:8px;color:#c2bba9;margin:16px 0}
.qc-checking>span{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#d6bd95}
:is(#stellar-concept,#admin-app) .qc-card .qc-permanent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5;color:#b5c1bb;border-top:1px solid #ffffff0d;padding-top:16px}
.qc-permanent svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
:is(#stellar-concept,#admin-app) .qc-card .qc-closed{font-size:11px;color:#b1b7c2;margin-top:16px}
.qc-rules{margin-top:10px}
.qc-rules summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;font-size:12px;color:#a6adba;list-style:none}
.qc-rules summary::-webkit-details-marker{display:none}
.qc-rules summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.qc-rules[open] summary svg{transform:rotate(180deg)}
:is(#stellar-concept,#admin-app) .qc-rule-content p{font-size:12px;line-height:1.65}
.qc-rule-content .qc-progress{margin:17px 0}
.qc-proof{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;color:#d6bd95;font-size:12px;text-decoration:none}
.qc-proof svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.qc-mini{display:inline-flex!important;align-items:center;gap:6px;margin-top:7px;color:var(--qc-metal)!important;font-size:10px!important;font-weight:500!important;line-height:1.2;white-space:nowrap;letter-spacing:0!important}
.qc-mini b{display:grid;place-items:center;min-width:26px;height:23px;padding:0 4px;border:1px solid var(--qc-mid);border-radius:8px;background:var(--qc-tint);font-size:11px;font-weight:600}
@keyframes qc-reflection{0%{opacity:0;transform:rotate(-45deg)}35%{opacity:.65}100%{opacity:0;transform:rotate(60deg)}}
@media(max-width:350px){
 :is(#stellar-concept,#admin-app) .qc-card{padding:20px}
 :is(#stellar-concept,#admin-app) .qc-heading{font-size:24px}
 .qc-award{grid-template-columns:86px minmax(0,1fr);gap:14px}
 .qc-emblem{transform:scale(.88);transform-origin:left center}
 :is(#stellar-concept,#admin-app) .qc-award-title{font-size:23px}
 .qc-levels{gap:12px}.qc-levels>div{gap:8px}.qc-levels>div+div{padding-left:12px}
 .qc-levels span+span{font-size:10px}.qc-step-seal{width:36px;height:36px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.qc-reveal .qc-metal::after{animation:none}.qc-buy,.qc-rules summary svg{transition:none}:is(#stellar-concept,#admin-app) .qc-buy:active{transform:none}}

.qc-m50{--qc-metal:#e6e1d5;--qc-shine:#fffaf0;--qc-mid:#a89a80;--qc-tint:rgba(230,225,213,.12)}
.qc-m50 .qc-metal{background:conic-gradient(from 130deg,#858c97,#fffaf0 14%,#abb3c3 32%,#454958 46%,#e6e1d5 61%,#fffaf0 69%,#a89a80 84%,#f7f1e6);box-shadow:inset 0 0 0 1px #ffffff90,0 0 0 1px #d4c6a44a,0 0 20px #e6e1d512}
.qc-m50 .qc-metal::before{background:radial-gradient(ellipse at 28% 10%,#474b57,#171b25 68%);box-shadow:inset 0 0 0 1px #fff2,inset 0 1px 5px #0006}
.qc-m50 .qc-number{font-size:34px;letter-spacing:-2px}
:is(#stellar-concept,#admin-app) .qc-card.qc-m50{border-color:#e6e1d52b}
