@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --count{syntax:"<integer>";inherits:false;initial-value:0}@layer lab{.propstage{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.gradbox{background:conic-gradient(from var(--angle), var(--accent), var(--accent-2), #188038, #6cb6ff, var(--accent));width:132px;height:132px;animation:3s linear infinite spin-angle;animation-play-state:var(--pstate,running);border-radius:18px}@keyframes spin-angle{to{--angle:360deg}}.countup{font-family:var(--display);color:var(--accent-deep);font-size:52px;font-weight:600;line-height:1.1}.countup:after{counter-reset:c var(--count);content:counter(c) "%";animation:2.6s cubic-bezier(.2,.7,.2,1) infinite alternate countup;animation-play-state:var(--pstate,running)}@keyframes countup{to{--count:100}}.acc{interpolate-size:allow-keywords;max-width:460px}.acc-head{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accent-soft);border:1px solid var(--accent-pale);color:var(--accent-deep);font-family:var(--display);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;display:flex}.acc-head .chev{transition:rotate .4s}.acc.open .acc-head .chev{rotate:180deg}.acc-body{height:0;transition:height .5s;overflow:hidden}.acc.open .acc-body{height:auto}.acc-body p{margin:10px 4px}.hint{color:var(--muted);font-size:12px}.gacc{max-width:460px}.gacc-head{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accent-soft);border:1px solid var(--accent-pale);color:var(--accent-deep);font-family:var(--display);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;display:flex}.gacc-head .chev{transition:rotate .4s}.gacc.open .gacc-head .chev{rotate:180deg}.gacc-body{grid-template-rows:0fr;transition:grid-template-rows .5s;display:grid}.gacc.open .gacc-body{grid-template-rows:1fr}.gacc-body>.inner{overflow:hidden}.gacc-body p{margin:10px 4px}.fcol{border:2px dashed var(--accent-pale);border-radius:14px;flex-direction:column;gap:8px;max-width:460px;height:180px;padding:10px;display:flex}.fcol .fixed{background:var(--accent-soft);color:var(--accent-deep);font-family:var(--display);border-radius:10px;padding:10px 12px;font-weight:600}.fcol .grow{background:var(--accent-pale);color:var(--accent-deep);font-family:var(--display);border-radius:10px;flex-grow:0;justify-content:center;align-items:center;font-weight:600;transition:flex-grow .5s;display:flex;overflow:hidden}.fcol.open .grow{flex-grow:1}}