.sl-zone{position:relative}.sl-lock{position:absolute;inset:-8px -6px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;pointer-events:none;background:rgba(243,245,241,.62);-webkit-backdrop-filter:grayscale(.85);backdrop-filter:grayscale(.85)}.sl-card,.sl-lock{border-radius:14px}.sl-card{position:sticky;top:30vh;bottom:96px;display:grid;justify-items:center;gap:6px;width:min(100%,340px);margin:0;padding:18px 20px 20px;background:var(--n-green);outline:2px solid var(--n-mint);outline-offset:4px;box-shadow:0 14px 34px rgba(0,32,26,.3);text-align:center;color:var(--n-white)}.sl-badge{display:grid;place-items:center;width:46px;height:46px;margin-top:-42px;border-radius:50%;background:var(--n-gold);color:var(--n-deep);box-shadow:0 0 0 4px var(--n-green),0 6px 14px rgba(0,32,26,.3)}.sl-icon{width:24px;height:24px}.sl-title{margin:2px 0 0;color:var(--n-sec);font:700 13px/1.3 var(--f-text);text-transform:uppercase;letter-spacing:.08em}.sl-day{margin:0;color:var(--n-gold);font:900 24px/1.15 var(--f-display)}.sl-count{display:flex;justify-content:center;gap:8px;margin:4px 0 0}.sl-part{display:grid;justify-items:center;min-width:56px;padding:6px 6px 5px;border-radius:10px;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.sl-part b{font:800 22px/1 var(--f-display);font-variant-numeric:tabular-nums}.sl-part small{margin-top:3px;color:var(--n-sec);font:600 12px/1.2 var(--f-text)}.sl-note{margin:0;color:var(--n-sec);font:500 14px/1.4 var(--f-text)}@media (max-width:1023px){.sl-lock{justify-content:flex-start;padding-top:34px}.sl-card{position:relative;top:auto;bottom:auto;grid-template-columns:1fr auto;align-items:center;justify-items:start;column-gap:12px;row-gap:2px;padding:22px 14px 14px 16px;text-align:left}.sl-badge{position:absolute;top:-20px;left:50%;width:40px;height:40px;margin:0;transform:translateX(-50%)}.sl-icon{width:21px;height:21px}.sl-day,.sl-note,.sl-title{grid-column:1}.sl-count{grid-column:2;grid-row:1/span 2;gap:6px;margin:0}.sl-part{min-width:44px;padding:5px 4px 4px}.sl-part b{font-size:20px}.sl-part small{font-size:11px}.sl-day{font-size:21px}}@media (min-width:1024px){.sl-day{font-size:30px}.sl-part b{font-size:26px}.sl-part{min-width:62px}}.sl-bar-icon{flex:none;width:18px;height:18px;margin-right:6px;color:var(--n-gold)}.nb-bar .nb-button-plain:has(.sl-bar-icon){color:var(--n-white);font-weight:600}