/* Justin Godsey | v1.0, no third-party tracking, webfonts, or scripts */
:root{--blue:#8dd5ff;--blue-strong:#64bdf4;--ink:#172437;--muted:#425266;--border:#c7d8e4;--soft:#e7f5ff;--surface:#fff;--body:#ecf7ff;--dark:#111c29;--focus:#ffda71}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--body);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{position:absolute;z-index:100;left:15px;top:-70px;background:#fff;padding:10px 16px}.skip-link:focus{top:15px}::selection{background:#87c9f5;color:#111d2c}
.site-shell{width:100%;overflow:hidden}.site-header{height:88px;position:absolute;z-index:30;top:0;left:0;width:100%;padding:0 clamp(28px,4.6vw,76px);display:flex;align-items:center;gap:2.5%;color:#fff}.wordmark{font-size:clamp(22px,2.45vw,37px);line-height:1;white-space:nowrap;letter-spacing:-1.8px;font-weight:800;text-shadow:0 2px 6px #0005}.wordmark strong{color:var(--blue)}.wordmark-cursor{display:inline-block;font-weight:400;color:var(--blue);margin-left:1px;animation:blink 1.8s steps(2,end) infinite}.site-header nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,40px);margin:auto}.nav-link{color:#fffdf8;font-size:clamp(13px,.92vw,15px);font-weight:550;position:relative;white-space:nowrap;padding:12px 0;opacity:.93}.nav-link:hover,.nav-link.active{color:#a8e2ff;opacity:1}.nav-link.active:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:3px;background:#8ad3fc;border-radius:3px}.header-contact{background:linear-gradient(#a8e2ff,#84c9f1);color:#101b29;padding:12px 20px;min-width:159px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:19px;font-weight:750;font-size:14px;white-space:nowrap;box-shadow:0 7px 22px #0002;transition:transform .15s,background .15s}.header-contact:hover,.btn:hover{transform:translateY(-2px)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none}
.hero{min-height:730px;background:radial-gradient(circle at 63% 40%,#654f39 0,transparent 54%),linear-gradient(110deg,#101920 0%,#26302f 55%,#6c513a 100%);color:#fff;position:relative;isolation:isolate}.hero-sheen{z-index:-1;position:absolute;inset:0;background:linear-gradient(135deg,transparent 43%,#f9d68a17 63%,transparent 100%)}.hero-portrait{position:absolute;right:0;top:0;width:54.5%;height:100%;object-fit:cover;object-position:53% 21%;z-index:-1;mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 100%)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,18,23,.95) 0%,rgba(11,18,24,.86) 29%,rgba(12,20,25,.59) 50%,rgba(12,20,25,.08) 78%,rgba(15,24,29,.02) 100%)}.hero-container{max-width:1540px;margin:auto;padding:154px clamp(28px,4.6vw,76px) 55px;position:relative;z-index:1}.eyebrow{color:#e1e5e7;display:flex;align-items:center;gap:12px;letter-spacing:3px;font-size:clamp(9px,.8vw,13px);font-weight:550;margin-bottom:17px;white-space:nowrap}.eyebrow i{font-style:normal;font-size:10px;opacity:.82}.tiny-square{width:7px;height:7px;display:inline-block;background:var(--blue);box-shadow:9px 9px 0 -2px #6bacd6}.hero h1{font-size:clamp(45px,5.1vw,82px);letter-spacing:-.055em;line-height:1.13;margin:0;max-width:875px;font-weight:830;text-shadow:0 3px 15px #1118}.hero h1 span{color:var(--blue)}.hero-description{max-width:610px;color:#f0f0ec;font-size:clamp(17px,1.37vw,21px);line-height:1.51;margin:24px 0 30px;letter-spacing:-.15px;text-shadow:0 1px 12px #0006}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.btn{border-radius:16px;min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 27px;font-size:17px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s}.btn-primary{background:linear-gradient(#a1dfff,#8bd0f7);color:#13253c;box-shadow:0 10px 22px #0002}.btn-primary:hover{background:#b7e9ff}.btn-secondary{border:2px solid #b9e8f9;background:#0c171a5e;color:white;min-width:224px}.btn-secondary:hover{background:#1f3942b3}.btn-github{position:relative;overflow:hidden;min-width:262px;border:1px solid #f1c24e;background:linear-gradient(135deg,#ffe9a0 0%,#f3c750 46%,#d8a020 100%);color:#1a1507;box-shadow:0 12px 26px #0000002b,0 0 0 1px #fff1b1a8 inset;isolation:isolate}.btn-github:before{content:"";position:absolute;inset:-20% auto -20% -35%;width:42%;background:linear-gradient(90deg,transparent,#fff7d2b8,transparent);transform:skewX(-24deg);animation:githubShine 4.6s ease-in-out infinite}.btn-github:hover{background:linear-gradient(135deg,#fff0b5 0%,#f7cf5f 46%,#deab2d 100%);box-shadow:0 16px 34px #00000036,0 0 0 1px #ffefb5 inset}.btn-github svg{flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.github-spark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0000000d;color:#342600;font-size:15px;box-shadow:0 0 0 1px #00000014 inset;animation:pulseSpark 2.6s ease-in-out infinite}.btn-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.02}.btn-copy strong{font-size:16px;font-weight:800}.btn-copy small{font-size:11px;font-weight:700;color:#4f3b07;margin-top:5px;letter-spacing:.35px}.hero-actions .btn-primary{min-width:278px}.hero-values{display:flex;align-items:center;gap:0;margin-top:60px;max-width:810px}.hero-values>div{display:flex;align-items:center;gap:16px;padding:0 25px 0 0;margin-right:24px;border-right:1px solid #ffffff5c;min-height:46px;white-space:nowrap;font-size:13px;font-weight:590;line-height:1.4;color:#f7f8f8}.hero-values>div:first-child{padding-left:0}.hero-values>div:last-child{border-right:0;margin-right:0;padding-right:0}.value-icon{color:#a1e2ff;font-size:28px;font-weight:900;line-height:1}.hero-pixels{position:absolute;bottom:0;width:175px;height:95px;opacity:.38;pointer-events:none;background-image:linear-gradient(90deg,#48b3ef 50%,transparent 50%),linear-gradient(#48b3ef 50%,transparent 50%);background-size:24px 24px;mask-image:linear-gradient(to top,#000,transparent)}.hero-pixels.left{left:0}.hero-pixels.right{right:0;transform:scaleX(-1)}
.content-area{padding:26px clamp(18px,3vw,48px) 36px;background:linear-gradient(180deg,#f6fbff 0,#e1f3fe 70%,#eaf7ff 100%)}.window-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;max-width:1510px;margin:0 auto}.window-card{background:linear-gradient(180deg,#fff 0%,#fefefe 85%,#fbf8f3 100%);border:1px solid #bed7e9;border-radius:15px;overflow:hidden;box-shadow:0 8px 26px #193e6112;display:flex;flex-direction:column;min-height:295px;scroll-margin-top:90px}.window-bar{background:linear-gradient(90deg,#bce7ff 0%,#d9f2ff 80%,#e0f5ff);border-bottom:1px solid #b5d8eb;display:flex;align-items:center;justify-content:space-between;min-height:51px;padding:8px 15px;gap:10px}.window-bar h2{font-size:17px;line-height:1.15;letter-spacing:-.2px;margin:0;display:flex;align-items:center;gap:9px;color:#112139;font-weight:800;white-space:nowrap}.window-bar h2 span{font-size:20px}.window-controls{display:flex;gap:4px;align-items:center}.window-controls>span{font-size:15px;font-weight:800;color:#376285;width:17px;height:17px;background:#f4fcff;border:1px solid #7db6d9;display:grid;place-items:center;line-height:1;box-shadow:inset 1px 1px white}.window-body{padding:18px 20px 17px;flex:1;display:flex;flex-direction:column}.window-body p{font-size:14.4px;line-height:1.55;color:#30425c;margin:0 0 13px}.window-body p:last-child{margin-bottom:0}.experience-list,.skills-list{list-style:none;margin:0;padding:0}.experience-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;line-height:1.22}.experience-list b{font-size:13.7px;font-weight:700}.experience-list small{display:block;color:#6a7988;font-size:11.6px;line-height:1.45;padding-top:2px}.list-symbol{font-size:20px;line-height:1;color:#5fb8e8;width:20px;text-align:center;flex:none}.mini-link{margin-top:auto;color:#176ba2;font-size:12.9px;font-weight:750;padding-top:9px;text-decoration:underline;text-underline-offset:3px}.mini-link:hover{color:#0c4065}.experience-links{display:flex;flex-direction:column;gap:2px;margin-top:auto}.skills-list li{position:relative;padding-left:29px;font-size:14px;color:#30425c;margin-bottom:10px;line-height:1.3}.skills-list li:before{content:'✓';position:absolute;left:0;top:-2px;border-radius:50%;background:#68bced;color:#fff;width:19px;height:19px;display:grid;place-items:center;font-size:13px;font-weight:900}.polaroid-showcase{margin-top:auto;padding-top:16px;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#f6fbff,#eaf4fb);border:1px solid #d7e5f0;box-shadow:inset 0 1px 0 #ffffff,0 10px 18px #8aa6bf17;position:relative}.polaroid-showcase:before,.polaroid-showcase:after{content:"";position:absolute;top:0;bottom:0;width:32px;z-index:2;pointer-events:none}.polaroid-showcase:before{left:0;background:linear-gradient(90deg,#edf7fd 0%,#edf7fd 35%,transparent 100%)}.polaroid-showcase:after{right:0;background:linear-gradient(270deg,#edf7fd 0%,#edf7fd 35%,transparent 100%)}.polaroid-track{display:flex;gap:14px;width:max-content;padding:16px 0;animation:polaroidRoll 28s linear infinite}.polaroid-showcase:hover .polaroid-track{animation-play-state:paused}.polaroid-card{margin:0;background:#fff;border:1px solid #d8d8d8;border-radius:4px;padding:9px 9px 19px;box-shadow:0 9px 20px #00000014;min-width:138px;max-width:138px;transform-origin:center top;position:relative}.polaroid-card:nth-child(4n+1){transform:rotate(-3deg)}.polaroid-card:nth-child(4n+2){transform:rotate(2.3deg)}.polaroid-card:nth-child(4n+3){transform:rotate(-1.7deg)}.polaroid-card:nth-child(4n+4){transform:rotate(2.8deg)}.polaroid-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #d4d4d4;background:#f5f5f5}
.contact-panel{max-width:1510px;margin:30px auto 0;padding:42px 48px;border-radius:19px;color:white;background:radial-gradient(circle at 85% 1%,#44708f75,transparent 38%),linear-gradient(110deg,#172b3b,#0e2031);box-shadow:0 12px 30px #132b4617;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden;scroll-margin-top:110px}.contact-panel:after{content:"";position:absolute;right:-30px;bottom:-47px;width:160px;height:160px;border:26px solid #6bc0f41c;transform:rotate(23deg)}.contact-copy{position:relative;z-index:1}.contact-kicker{display:inline-flex;align-items:center;gap:9px;color:#b5e8ff;font-size:11px;font-weight:740;letter-spacing:2px}.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#75e2ac;box-shadow:0 0 0 4px #75e2ac20}.contact-panel h2{font-size:clamp(24px,2.3vw,37px);line-height:1.2;letter-spacing:-.045em;margin:11px 0}.contact-panel h2 span{color:#92d6ff}.contact-panel p{margin:0;color:#c8d6de;font-size:14.5px}.contact-actions{display:flex;flex-direction:column;min-width:249px;gap:12px;z-index:1}.contact-actions .btn{font-size:14px;min-height:49px;border-radius:12px}.btn-outline{color:white;border:1px solid #7cb4d4;background:#ffffff0a}.btn-outline:hover{background:#ffffff20}.btn-outline-github{border-color:#f0cd72;background:linear-gradient(135deg,#4b3c17 0%,#2e2410 100%);color:#f7dd97;box-shadow:0 0 0 1px #f0cd7222 inset}.btn-outline-github:hover{background:linear-gradient(135deg,#624c1d 0%,#382c12 100%)}
.site-footer{min-height:58px;background:#102033;color:#afc5d6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(20px,4vw,60px);font-size:11px;letter-spacing:.2px}.footer-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pixel-dot{width:7px;height:7px;background:#71c5f4;box-shadow:9px 0 0 #3b789b}.divider-dot{opacity:.45}.theme-toggle{border:1px solid #41627b;color:#c6e6f6;background:#ffffff12;border-radius:5px;font-size:11px;cursor:pointer;padding:6px 12px;display:flex;align-items:center;gap:7px}.theme-toggle:hover{background:#ffffff22}.toggle-icon{color:#9adfff;font-size:14px}.footer-right{color:#8fc8e7;letter-spacing:1.4px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.footer-right span{color:#7be6ac;animation:blink 2s steps(2,end) infinite}
body:not(.classic-mode) .window-card{border-radius:22px;box-shadow:0 12px 34px #1b47661a}body:not(.classic-mode) .window-bar{background:#fff;border-bottom:1px solid #e4eefa}body:not(.classic-mode) .window-controls{opacity:.33}body:not(.classic-mode) .wordmark-cursor,body:not(.classic-mode) .hero-pixels{display:none}body:not(.classic-mode) .footer-right{opacity:.45}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes githubShine{0%,12%{transform:translateX(-160%) skewX(-24deg)}22%,100%{transform:translateX(560%) skewX(-24deg)}}@keyframes pulseSpark{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes polaroidRoll{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 7px))}}
@media (max-width:1250px){.site-header{gap:20px}.site-header nav{gap:17px}.header-contact{min-width:140px;padding:10px 14px}.hero-values>div{margin-right:15px;padding-right:17px}.window-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.window-card{min-height:255px}.hero h1{font-size:clamp(50px,5.5vw,72px)}.hero-description{max-width:560px}.hero-portrait{width:53%}}
@media (max-width:870px){.site-header{height:76px;padding:0 22px}.wordmark{font-size:28px}.header-contact{margin-left:auto;margin-right:56px}.menu-toggle{display:flex;position:absolute;right:21px;top:19px;width:42px;height:39px;padding:9px;flex-direction:column;justify-content:space-between;background:#23384ca1;border:1px solid #8dcff277;border-radius:8px;cursor:pointer;z-index:2}.menu-toggle span{height:2px;width:100%;border-radius:2px;background:#e5f6ff}.site-header nav{display:none;position:absolute;top:70px;left:16px;right:16px;padding:12px;background:#162b3aed;border:1px solid #80c8ef7f;border-radius:12px;box-shadow:0 14px 29px #0005;gap:0;margin:0;backdrop-filter:blur(16px)}.site-header nav.open{display:grid;grid-template-columns:repeat(3,1fr)}.nav-link{padding:13px;font-size:14px;text-align:center}.nav-link.active:after{left:24%;right:24%;bottom:4px}.hero-container{padding:135px 25px 40px}.hero{min-height:720px}.hero h1{font-size:clamp(44px,6.5vw,62px)}.hero-description{max-width:490px}.hero-values{margin-top:46px;flex-wrap:wrap;gap:13px}.hero-values>div{flex:0 0 calc(50% - 13px);border-right:0;margin:0;padding:0}}
@media (max-width:620px){.site-header{height:70px;padding:0 18px}.wordmark{font-size:27px}.header-contact{display:none}.menu-toggle{top:15px}.site-header nav{top:67px}.hero{min-height:0}.hero-portrait{top:0;width:100%;height:465px;object-position:center 21%;opacity:.86;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}.hero-shade{background:linear-gradient(180deg,#121f278c 0%,#111c2740 26%,#111c27bd 54%,#111c27 79%,#111c27 100%)}.hero-container{padding:400px 20px 39px}.eyebrow{font-size:8px;letter-spacing:1.4px;gap:6px;justify-content:center;margin-bottom:15px}.tiny-square{width:5px;height:5px}.hero h1{text-align:center;font-size:clamp(38px,9vw,54px);letter-spacing:-.058em}.hero-description{text-align:left;font-size:16.3px;margin:20px auto 25px;max-width:520px;width:100%}.hero-actions{flex-direction:column;gap:12px}.hero-actions .btn{width:100%;min-width:0;min-height:56px;border-radius:12px;font-size:16px}.btn-copy strong{font-size:15px}.btn-copy small{font-size:10.5px}.polaroid-card{min-width:132px;max-width:132px}.hero-values{margin:31px auto 0;max-width:480px;justify-content:center;gap:13px 1px}.hero-values>div{flex:0 0 calc(50% - 1px);gap:11px;font-size:11.5px}.value-icon{font-size:25px}.hero-pixels{height:56px}.content-area{padding:19px 15px 26px}.window-grid{grid-template-columns:1fr;gap:15px}.window-card{min-height:0}.window-body{padding:18px}.window-body p{font-size:14.7px}.window-bar{min-height:48px}.contact-panel{padding:29px 23px;flex-direction:column;align-items:stretch;margin-top:20px}.contact-panel p{line-height:1.5}.contact-actions{margin-top:2px}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:8px 18px;padding:16px 12px}.footer-left{justify-content:center;width:100%}.footer-right{font-size:10px}.theme-toggle{font-size:10.5px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Development credentials and private contract work */
.developer-panel{max-width:1510px;margin:30px auto 0;min-height:0;scroll-margin-top:100px}
.developer-body{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,.85fr);gap:35px;align-items:center;padding:30px 34px 34px}
.developer-intro{min-width:0}
.developer-kicker{font-size:10px;font-weight:850;letter-spacing:1.7px;color:#407d9f;display:inline-flex;align-items:center;gap:8px}
.dev-led{width:8px;height:8px;background:#52b2e9;box-shadow:0 0 0 3px #e7f5fd}
.developer-intro h3{margin:9px 0 14px;font-size:clamp(22px,2.15vw,33px);line-height:1.17;letter-spacing:-.035em;color:#182e46}
.developer-intro p{margin:0 0 10px;max-width:700px;color:#35485e;font-size:15px;line-height:1.6}
.developer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.dev-contact,.dev-work{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:9px;min-height:43px;padding:8px 17px;font-weight:750;font-size:13px;transition:transform .15s,background .15s}
.dev-contact{background:linear-gradient(#afe3ff,#87cef7);color:#102439;border:1px solid #86c5e7;box-shadow:0 4px 10px #193a5615}
.dev-work{border:1px solid #b5d1e3;color:#236d9e;background:#f5fbff}
.dev-contact:hover,.dev-work:hover{transform:translateY(-2px)}
.dev-work:hover{background:#e6f6ff}
.developer-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.developer-stat{min-width:0;min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 9px;background:linear-gradient(160deg,#e4f4ff,#f9fcff);border:1px solid #bfddee;border-radius:12px;box-shadow:0 7px 18px #1e44600a}
.developer-stat strong{font-size:clamp(26px,2.3vw,34px);line-height:1.1;color:#185d8a;letter-spacing:-1.5px;font-weight:850;white-space:nowrap}
.developer-stat span{font-size:12px;color:#557083;line-height:1.35;margin-top:9px;font-weight:720}
@media (max-width:1250px){.developer-body{grid-template-columns:minmax(0,1.65fr) minmax(240px,.85fr)}.developer-stat{min-height:130px}}
@media (max-width:870px){.developer-body{grid-template-columns:1fr;gap:22px;padding:28px 25px}.developer-stats{max-width:560px;width:100%}.developer-stat strong{font-size:34px}}
@media (max-width:620px){.developer-panel{margin-top:20px}.developer-body{padding:23px 19px 25px;gap:19px}.developer-intro p{font-size:14.5px}.developer-stat{min-height:108px;padding:12px 6px}.developer-stat strong{font-size:clamp(24px,7vw,33px)}.developer-stat span{font-size:11px}.developer-actions{gap:9px}.dev-contact,.dev-work{flex:1 1 150px}}


/* Coding and software skills in the retro skills window. */
.coding-skills{margin-top:15px;padding-top:13px;border-top:1px solid #dceaf3}
.coding-skills-label{display:flex;align-items:center;gap:8px;color:#2b789f;letter-spacing:1.15px;font-size:10px;line-height:1.4;font-weight:850}
.coding-skills-label span{font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#31759e}
.language-badges{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0 13px}
.language-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:94px;min-height:39px;padding:7px 12px;border:1px solid #dbb555;border-radius:9px;background:linear-gradient(145deg,#fff4ca,#f8d97e);color:#21190c;box-shadow:inset 0 1px 0 #fff9e3,0 3px 9px #6c55211c}
.language-badge strong{font:850 15px/1 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.2px}
.badge-mark{color:#63450e;font:850 13px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}
.coding-tools-label{font-size:11px;font-weight:800;color:#355c79;margin-bottom:4px}
.coding-tools{font-size:12px!important;line-height:1.55!important;color:#4c6278!important;margin:0!important}
.coding-tools span{color:#5798bc;padding:0 2px}
@media(max-width:620px){.coding-skills{margin-top:16px}.language-badges{gap:10px}.language-badge{min-width:101px}}

/* Compact retro visitor counter. Numbers are fetched from Cloudflare D1, never fabricated locally. */
.visitor-counter{display:flex;align-items:center;gap:10px;padding:5px 9px;border:1px solid #44617b;border-radius:6px;background:#071727;color:#d7efff;min-height:32px}
.counter-label{font:700 10px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.35px;color:#8fc8e7;white-space:nowrap}
.counter-digits{font:800 13px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px;color:#f3d07f;min-width:42px;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:620px){.visitor-counter{justify-content:center;flex:0 0 auto}.site-footer{row-gap:13px}}

/* Desktop-only site density, visually equivalent to 80% zoom, without restricting browser zoom. */
@media (min-width:1100px){body{zoom:80%}}

/* Desktop-first website display for touch-screen visitors. Do not disable browser zoom. */
.layout-toggle{display:none;font:700 11px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.25px;border:1px solid #4b758c;background:#15364b;color:#d2efff;border-radius:5px;padding:7px 12px;cursor:pointer}
.layout-toggle:hover{background:#24465a}
@media (pointer:coarse){.layout-toggle{display:inline-flex;align-items:center;justify-content:center}}
/* Desktop-like 1040px touch viewport stays legible without compounding the desktop 80% zoom. */
@media (pointer:coarse) and (min-width:1000px){body{zoom:100%}}