body,html{height:100%;margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;min-height:100dvh;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg);transition:background .3s,color .3s;overflow:hidden}:root{--bg:#ffffff;--fg:#111111;--accent:#0078d7;--counter-bg:rgba(0, 120, 215, 0.08)}[data-theme=dark]{--bg:#0f1113;--fg:#eeeeee;--accent:#4fc3f7;--counter-bg:rgba(79, 195, 247, 0.10)}#bg{position:fixed;inset:0;z-index:0;display:block}#theme-toggle{position:fixed;top:1rem;right:1rem;z-index:2;width:2.4rem;height:2.4rem;padding:0;border:1px solid var(--accent);border-radius:50%;background:var(--counter-bg);color:var(--accent);font-size:1.1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:background .2s,color .2s,transform .2s}#theme-toggle:hover{transform:scale(1.08)}#theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:clamp(2rem,11vh,7rem) 1rem 1.5rem;gap:1.1rem;pointer-events:none}#greeting{margin:0;font-size:clamp(2.5rem, 8vw, 5rem);line-height:1.15;letter-spacing:.02em;text-align:center;width:100%;max-width:900px;min-height:calc(1.15em * 2);display:flex;align-items:center;justify-content:center;overflow-wrap:break-word;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}#greeting.fade-out{opacity:0;transform:translateY(-12px)}#visitor-counter{display:flex;flex-direction:column;align-items:center;gap:.6rem}#counter-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;opacity:.6}#counter-digits{display:flex;gap:.35rem;font-variant-numeric:tabular-nums}.digit{display:inline-flex;justify-content:center;align-items:center;min-width:1.4rem;padding:.35rem .55rem;background:var(--counter-bg);border:1px solid var(--accent);border-radius:.35rem;font-size:1.25rem;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}#visitor-info{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:620px;padding:1.3rem 1.4rem 1.1rem;background:var(--counter-bg);border:1px solid var(--accent);border-radius:.75rem;backdrop-filter:blur(6px)}.info-title{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;opacity:.6}#info-clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600;color:var(--accent);text-align:center}#info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.2rem;width:100%}.info-item{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.3rem 0;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,transparent);min-width:0}.info-key{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55;white-space:nowrap}.info-val{font-size:.85rem;font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0}.info-note{font-size:.65rem;opacity:.45;text-align:center;max-width:36ch;line-height:1.4}@media (max-width:600px){main{gap:.9rem;padding:clamp(1.5rem,7vh,3rem) 1.25rem 1.25rem}.digit{font-size:1.05rem;min-width:1.1rem;padding:.3rem .45rem}#visitor-info{gap:.6rem;padding:.9rem 1rem .8rem}#info-grid{gap:.2rem .9rem}.info-item{flex-direction:column;align-items:flex-start;gap:.05rem;padding:.2rem 0}.info-val{text-align:left;font-size:.8rem}}