.tan-wrap{width:min(480px,92%);height:min(300px,58%);position:absolute}.tan-axis{background:linear-gradient(#ffffff1a,#ffffff1a) 0 0/100% 1px no-repeat,linear-gradient(#ffffff1a,#ffffff1a) 0/100% 1px no-repeat;border-bottom:1px solid #ffffff73;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:4% 0 16%}.tan-axis span{font:600 10px var(--pub-font-mono);color:#8f98b3;padding:2px 0}.tan-bar{will-change:transform;width:13%;position:absolute;top:4%;bottom:16%}.tan-fill{transform-origin:bottom;background:var(--s3d-accent);box-shadow:0 0 34px -10px var(--s3d-accent);border-radius:8px 8px 0 0;position:absolute;bottom:0;left:0;right:0}.tan-hatch{box-shadow:none;background:repeating-linear-gradient(135deg,#ffffff42 0 3px,#0000 3px 9px);border:1px dashed #fff9;border-bottom:0}.tan-unit{height:16px;position:absolute;bottom:6px;left:0;right:0}.tan-unit em{text-align:center;font:700 13px var(--pub-font-mono);color:#fff;font-style:normal;position:absolute;inset:0}.tan-bar b{text-align:center;font:600 10px var(--pub-font-mono);letter-spacing:.06em;color:#cfd5e6;margin-top:8px;position:absolute;top:100%;left:-30%;right:-30%}.tan-ring{border:2px solid #ff4d2e;border-radius:12px;width:17%;position:absolute;top:20%;bottom:13%;left:81%;box-shadow:0 0 34px -4px #ff4d2ee6}.tan-ring-ok{border:1px dashed var(--pub-acid);box-shadow:none;color:var(--pub-acid);font:700 14px var(--pub-font-mono);text-align:center;padding-top:4px;line-height:1;top:12%}.tan-chip{top:3%;left:4%}.tan-plan{bottom:4%;right:4%}@media (width<=640px){.tan-plan{bottom:2%}.tan-chip{top:0;left:0}}