.lp-count{--count-deep:#7a0f3c;--count-mid:#c9184a;--count-glow:#ff5c8a;--count-accent:var(--blush);position:relative;min-height:100svh;overflow-x:clip;color:var(--paper);background:linear-gradient(150deg,var(--count-deep),var(--count-mid) 55%,var(--count-glow));-webkit-font-smoothing:antialiased}.lp-count--classic{--count-deep:#6b3a00;--count-mid:#b8720a;--count-glow:#f2b233;--count-accent:var(--butter)}.lp-count--modern{--count-deep:#14205e;--count-mid:#2f46c2;--count-glow:#5b9cf5;--count-accent:var(--sky)}.lp-count__bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}.lp-count__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,var(--count-deep),var(--count-mid));opacity:0}.lp-count__bg:has(img):after{opacity:.78}.lp-count__floating{position:absolute;z-index:1;fill:var(--count-accent);opacity:.18}.lp-count__welcome{position:relative;z-index:2;box-sizing:border-box;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);text-align:center}.lp-count__seal{display:grid;place-items:center;width:112px;height:112px;background:var(--paper);border:var(--stroke-bold) solid var(--ink);border-radius:var(--radius-round);box-shadow:5px 5px 0 var(--ink)}.lp-count__title{margin:0 auto;max-width:900px;font-family:var(--font-display);font-weight:400;font-size:clamp(56px,10vw,120px);line-height:1;letter-spacing:-.02em;overflow-wrap:anywhere;color:var(--count-accent);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink)}.lp-count__title--small{font-size:clamp(44px,6vw,76px)}.lp-count__lead{margin:0;font-size:18px;line-height:26px}.lp-count__enter{min-height:56px;margin-top:var(--space-2);font-size:16px;background:var(--count-accent)}.lp-count__stage{position:relative;z-index:2;box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.lp-count__head{text-align:center}.lp-count__layout{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:var(--space-8);align-items:start;justify-content:center}.lp-count__layout:not(:has(.lp-count__album)){grid-template-columns:minmax(0,620px)}.lp-count__album{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.lp-count__polaroid{width:100%;margin:0;padding:var(--space-3) var(--space-3) var(--space-8);box-sizing:border-box;background:var(--paper);border:var(--stroke-bold) solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.lp-count__photo{position:relative;aspect-ratio:1;overflow:hidden;background:var(--blush-50)}.lp-count__album-nav,.lp-count__dots{display:flex;align-items:center;gap:var(--space-3)}.lp-count__dots{gap:var(--space-2)}.lp-count__nav{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;color:var(--ink);background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:var(--radius-round);box-shadow:var(--shadow-pop);cursor:pointer}.lp-count__nav:active{transform:translate(3px,3px);box-shadow:none}.lp-count__dot{width:14px;height:14px;padding:0;background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:var(--radius-round);cursor:pointer}.lp-count__dot[data-on=true]{background:var(--love-red)}.lp-count__credit a:focus-visible,.lp-count__dot:focus-visible,.lp-count__nav:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.lp-count__info{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.lp-count__label{margin:0;font-family:var(--font-script);font-size:40px;line-height:1}.lp-count__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.lp-count__tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);color:var(--ink);background:var(--paper);border:var(--stroke-bold) solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-pop-lift)}.lp-count__tile strong{display:block;font-family:var(--font-display);font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.lp-count__tile span{font-size:13px;font-weight:600}.lp-count__message{padding:var(--space-6);font-family:var(--font-script);font-size:clamp(26px,3vw,32px);line-height:1.25;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--count-accent);border:var(--stroke-bold) solid var(--ink);border-radius:var(--radius-md)}.lp-count__message,.lp-count__player{color:var(--ink);box-shadow:var(--shadow-pop-lift)}.lp-count__player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--paper);border:var(--stroke-bold) solid var(--ink);border-radius:var(--radius-pill)}.lp-count__cover{position:relative;flex:none;width:48px;height:48px;overflow:hidden;border:var(--stroke) solid var(--ink);border-radius:var(--radius-round)}.lp-count__cover--empty{display:grid;place-items:center;background:var(--count-accent)}.lp-count__track{flex:1;min-width:0;overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.lp-count__credit{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;font-size:13px}.lp-count__credit a{font-weight:700;color:inherit}@media (max-width:860px){.lp-count__layout{grid-template-columns:minmax(0,1fr)}.lp-count__album{width:min(100%,420px);margin-inline:auto}.lp-count__stage{padding-inline:var(--space-4)}.lp-count__label{text-align:center}.lp-count__title{-webkit-text-stroke-width:1.5px;text-shadow:3px 3px 0 var(--ink)}}.lp-counter__preview .lp-count__stage,.lp-counter__preview .lp-count__welcome{padding-top:84px}