.stinvar-site .stinvar-stins-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid var(--stinvar-line);
  border-radius: 8px;
  background: var(--stinvar-material);
  box-shadow: var(--stinvar-material-inset);
  color: var(--stinvar-ink);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.stinvar-stins-counter__stones { display: grid; grid-template-columns: 7px 7px 7px; grid-template-rows: 5px 7px 5px; flex-shrink: 0; isolation: isolate; }
.stinvar-stins-counter__stones i {
  display: block;
  position: relative;
  grid-column: 2 / 4;
  grid-row: 2 / 4;
  z-index: 0;
  width: 13px;
  height: 12px;
  clip-path: polygon(23% 3%, 75% 0, 100% 33%, 86% 85%, 43% 100%, 0 68%, 6% 24%);
  background: conic-gradient(from 20deg at 45% 42%, var(--stinvar-metal-shadow), var(--stinvar-metal) 23%, var(--stinvar-metal-reflection) 25%, var(--stinvar-metal) 38%, var(--stinvar-metal-shadow) 62%, var(--stinvar-metal) 85%, var(--stinvar-metal-shadow));
}
.stinvar-stins-counter__stones i::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .24;
  background: repeating-linear-gradient(122deg, transparent 0 2px, var(--stinvar-metal-reflection) 2px 2.4px, transparent 2.4px 4px);
}
.stinvar-stins-counter__stones i:first-child {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  z-index: 1;
  clip-path: polygon(14% 13%, 62% 0, 95% 22%, 100% 70%, 70% 100%, 22% 88%, 0 48%);
  background: conic-gradient(from 30deg at 46% 43%, var(--stinvar-blue-ink), var(--stinvar-blue) 24%, var(--stinvar-metal-reflection) 26%, var(--stinvar-blue) 38%, var(--stinvar-blue-ink) 62%, var(--stinvar-blue) 85%, var(--stinvar-blue-ink));
  box-shadow: inset 0 0 4px var(--stinvar-blue);
}
.stinvar-stins-counter__stones { filter: drop-shadow(0 0 2px var(--stinvar-glow-soft)); }
.stinvar-stins-counter__separator,
.stinvar-stins-counter__unit { color: var(--stinvar-muted); }
@media (max-width: 900px) {
  .stinvar-site .stinvar-stins-counter { padding: 8px 9px; font-size: 10px; gap: 7px; }
}
/* Ready for actual confirmed consumption; the gray base remains stationary. */
.stinvar-site .stinvar-stins-counter{position:relative;overflow:visible}
.stinvar-stins-consumption{position:absolute;left:12px;top:10px;width:13px;height:12px;pointer-events:none;clip-path:polygon(14% 13%,62% 0,95% 22%,100% 70%,70% 100%,22% 88%,0 48%);background:conic-gradient(from 30deg,var(--stinvar-blue-ink),var(--stinvar-blue),var(--stinvar-metal-reflection),var(--stinvar-blue-ink));filter:drop-shadow(0 0 3px var(--stinvar-glow));animation:stinvar-stin-rise 1.2s ease-out forwards}
@keyframes stinvar-stin-rise{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:.9}65%{transform:translate(3px,-20px) rotate(9deg);opacity:.6}100%{transform:translate(-2px,-36px) rotate(-5deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.stinvar-stins-consumption{display:none;animation:none}}

.stinvar-stins-counter--consuming .stinvar-stins-counter__stones i:first-child{opacity:0}

/* Native Stinvar counter/panel: gaps belong to layout, not padded text. */
.stinvar-site .stinvar-stins-counter{cursor:pointer;font-family:inherit}
.stinvar-stins-counter__value{display:inline-flex;align-items:baseline;column-gap:.34em}
.stinvar-site .stinvar-stins-counter:hover,.stinvar-site .stinvar-stins-counter[aria-expanded=true]{border-color:var(--stinvar-accent);box-shadow:var(--stinvar-material-inset),0 0 10px var(--stinvar-glow-soft)}
.stinvar-site .stinvar-stins-panel{color:var(--stinvar-ink);background:var(--stinvar-canvas);border:1px solid var(--stinvar-line);border-radius:18px;width:min(850px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0006;font:inherit;line-height:1.6}
.stinvar-stins-panel::backdrop{background:rgba(13,16,19,.72);backdrop-filter:blur(5px)}
.stinvar-stins-panel .stins-panel-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 28px;background:var(--stinvar-canvas);border-bottom:1px solid var(--stinvar-line);max-width:none}
.stinvar-stins-panel h2,.stinvar-stins-panel h3{margin:0;color:var(--stinvar-ink);letter-spacing:-.025em}
.stinvar-stins-panel h2{font-size:24px}.stinvar-stins-panel h3{font-size:21px}
.stinvar-stins-panel .stins-panel-close{width:38px;height:38px;min-width:38px;padding:0;border:1px solid var(--stinvar-line);border-radius:8px;background:var(--stinvar-material);color:var(--stinvar-accent);font:inherit;font-size:26px;line-height:1;cursor:pointer}
.stins-panel-content{padding:28px}
.stins-demo-balance{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:4px 16px;margin-bottom:26px}
.stins-demo-balance .stinvar-stins-counter__stones{grid-row:1/3;transform:scale(1.7);transform-origin:left center;width:24px}
.stins-demo-balance-value{font-size:clamp(21px,4vw,32px);font-weight:550;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stins-demo-balance-label,.stins-note{font-size:13px;color:var(--stinvar-muted);line-height:1.6}
.stins-intro{margin:12px 0 0;max-width:68ch}.stins-shop,.stins-settings{margin-top:28px;padding-top:28px;border-top:1px solid var(--stinvar-line)}
.stins-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 12px}
.stinvar-stins-panel .stins-package{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:18px 14px;background:var(--stinvar-material);color:var(--stinvar-ink);border:1px solid var(--stinvar-line);border-radius:10px;box-shadow:var(--stinvar-material-inset);cursor:default;white-space:normal;min-width:0;line-height:1.5}
.stins-package strong{font-size:13px;font-weight:600}.stins-package span{font-size:12px;color:var(--stinvar-accent)}
.stins-purchase-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;padding:20px;border:1px solid var(--stinvar-line);border-radius:10px;background:var(--stinvar-material)}
.stins-purchase-form[hidden],.stins-example[hidden]{display:none}.stins-purchase-selection,.stins-purchase-form p{grid-column:1/-1}.stins-purchase-form label{display:grid;gap:6px;font-size:13px}.stins-purchase-form input{min-width:0;width:100%;padding:10px 12px;border:1px solid var(--stinvar-line);font-size:15px}
.stinvar-stins-panel .stins-action{padding:10px 14px;min-height:44px;border:1px solid var(--stinvar-accent);border-radius:8px;background:var(--stinvar-material);color:var(--stinvar-accent);font:inherit;font-size:13px;cursor:pointer}.stins-privacy{align-self:center;font-size:13px}
.stins-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.stins-feature{padding:18px;background:var(--stinvar-material);border:1px solid var(--stinvar-line);border-radius:10px;min-width:0;box-shadow:var(--stinvar-material-inset)}
.stins-feature-label{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;line-height:1.5}.stins-feature-label>span:first-child{max-width:25ch}
.stins-switch-box{position:relative;display:grid;justify-items:center;gap:6px;flex:none;min-width:46px}.stinvar-stins-panel .stins-switch-input{position:absolute;width:44px;height:26px;margin:0;opacity:0;cursor:pointer;z-index:1}.stins-switch-track{display:block;width:44px;height:26px;border:1px solid var(--stinvar-line);border-radius:8px;background:var(--stinvar-canvas)}.stins-switch-track::before{content:'';display:block;width:16px;height:16px;margin:4px;background:var(--stinvar-metal);clip-path:polygon(12% 7%,73% 0,100% 28%,92% 84%,40% 100%,0 63%);transition:transform .18s ease,background .18s ease}
.stins-switch-input:checked+.stins-switch-track{border-color:var(--stinvar-accent);box-shadow:0 0 8px var(--stinvar-glow-soft)}.stins-switch-input:checked+.stins-switch-track::before{transform:translateX(18px);background:var(--stinvar-accent)}.stins-switch-input:focus-visible+.stins-switch-track{outline:2px solid var(--stinvar-accent);outline-offset:3px}.stins-switch-state{font-size:10px;color:var(--stinvar-muted);font-weight:500}.stins-switch-input:disabled+.stins-switch-track{opacity:.5}
.stinvar-stins-panel .stins-preview-button{padding:0;margin-top:14px;min-height:32px;border:0;border-radius:0;background:none;color:var(--stinvar-accent);font:inherit;font-size:12px;cursor:pointer;text-align:left}.stinvar-stins-panel button:disabled{opacity:.5;cursor:default}
.stins-example{margin-top:12px;padding-top:12px;border-top:1px solid var(--stinvar-line)}.stins-example p{margin:0 0 8px;font-size:13px}.stins-panel-error:empty,.stins-purchase-form p:empty{display:none}.stins-panel-error{font-size:13px;color:var(--stinvar-accent)}
@media(max-width:600px){.stins-panel-content{padding:20px}.stinvar-stins-panel .stins-panel-header{padding:16px 20px}.stins-packages,.stins-feature-list,.stins-purchase-form{grid-template-columns:minmax(0,1fr)}.stinvar-stins-panel .stins-package{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.stins-package span{max-width:90px}.stins-demo-balance{column-gap:12px;grid-template-columns:32px minmax(0,1fr)}.stins-feature-label>span:first-child{max-width:none}.stins-purchase-selection,.stins-purchase-form p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.stins-switch-track::before{transition:none}}

.stins-package-guide{font-size:13px;margin:0;line-height:1.5}@media(max-width:600px){.stinvar-stins-panel .stins-package:has(.stins-package-guide){flex-wrap:wrap}.stins-package-guide{flex:0 0 100%}}