section{display:flex;flex-direction:column;align-items:center;width:100%}.live-counter-container{width:900px;max-width:100%;padding:24px;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:8px;background-color:white;margin:0 auto}.mini-live-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.nav-title{font-size:1.25rem;font-weight:600;color:#111827}.nav-buttons{display:flex;gap:16px}.nav-button{padding:8px 16px;background-color:white;border:none;border-radius:15px;color:#4b5563;cursor:pointer;transition:all .2s}.nav-button,.nav-button:focus{outline:none}.nav-button:hover{color:#fc5736}.nav-button.active{background-color:#fff2ee;color:#fc5736}.counter-content-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background-color:#ffffff;padding:0;border-radius:6px}.quadrant-container{border-radius:12px;overflow:hidden;background-color:#f8f9fa;box-shadow:0 2px 8px rgba(0,0,0,.08)}.quadrant-title{padding:16px 20px;font-weight:600;color:#111827;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb}.holds-counter-data{display:flex;flex-direction:column;gap:8px;padding:8px;background-color:#ffffff}.home-counter-item{position:relative;height:85px;border-radius:8px;overflow:hidden;display:flex;align-items:center;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;text-decoration:none}.home-counter-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.home-counter-item:focus{outline:2px solid #fc5736;outline-offset:2px}.home-counter-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.7) 30%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.2));z-index:1}.home-counter-content{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:16px 20px}.home-counter-label{font-size:.95rem;font-weight:600;max-width:60%;line-height:1.3}.home-counter-label,.home-counter-value{color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.home-counter-value{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,monospace;font-size:1.1rem;font-weight:700;text-align:right}.message-container{background-color:#eef2ff;padding:24px;border-radius:6px;text-align:center}.message-container h2{font-size:1.5rem;color:#111827}.message-container p{font-size:1rem;color:#4b5563;line-height:1.5}.message-container a{color:#fc5736;text-decoration:none}.message-container a:hover{text-decoration:underline}@media (max-width:1024px){.live-counter-container{width:95%}}@media (max-width:768px){.live-counter-container{width:95%;padding:16px}.counter-content-container{grid-template-columns:1fr;gap:16px}.mini-live-nav{flex-direction:column;gap:16px}.nav-buttons{width:100%;justify-content:center;flex-wrap:wrap}.home-counter-item{height:75px}.home-counter-content{padding:12px 16px}.home-counter-label{font-size:.85rem}.home-counter-value{font-size:1rem}}@media (max-width:480px){.home-counter-item{height:70px}.home-counter-content{flex-direction:column;align-items:flex-start;gap:4px;padding:12px}.home-counter-label{max-width:100%;font-size:.8rem}.home-counter-value{font-size:.95rem;align-self:flex-end}}.visitor-counter{--vc-color:#31263b;--vc-border:#dbd7da;position:relative;display:inline-block;padding:5px 0;cursor:pointer;outline:none}.visitor-counter-display{position:relative;display:flex;height:32px;gap:5px;border:1px solid var(--vc-border);padding:5px;flex:none;transition:background-color .25s ease}.visitor-counter:focus-visible .visitor-counter-display,.visitor-counter:hover .visitor-counter-display{background-color:color-mix(in srgb,var(--vc-color) 10%,transparent)}.visitor-counter-digit{position:relative;display:flex;height:100%;width:12px;gap:1px}.visitor-counter-col{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.visitor-counter-col-side{flex:none}.visitor-counter-col-middle{flex:1 1 auto}.visitor-counter-line-v{height:100%;width:1px}.visitor-counter-line-h{width:100%;height:1px}.visitor-counter-line-on{background:var(--vc-color)}.visitor-counter-line-off{background:color-mix(in srgb,var(--vc-color) 30%,transparent)}.visitor-counter-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,4px);background:#2f3640;color:#ffffff;font-size:13px;font-weight:500;line-height:1.2;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.18);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.visitor-counter-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:#2f3640;border-radius:1px}.visitor-counter:focus-within .visitor-counter-tooltip,.visitor-counter:hover .visitor-counter-tooltip{opacity:1;transform:translate(-50%)}