/* Clockwinder shared responsive UI — v1.8.5 */
:root{color-scheme:dark;--bg:#101820;--panel:rgba(18,29,39,.88);--panel2:rgba(27,42,54,.94);--line:rgba(172,202,220,.25);--text:#f3f7fa;--muted:#bdcbd5;--accent:#8ed5ff;--accent2:#b6e28b;--shadow:0 14px 38px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#101820;color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{color:#a9dcff;text-underline-offset:3px}a:hover{color:#d4efff}button,input,select,textarea{font:inherit}button,.download-button,.action{border:1px solid rgba(160,210,240,.42);border-radius:10px;background:linear-gradient(135deg,#245579,#286a70);color:#fff;padding:.72rem 1rem;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:650}button:hover,.download-button:hover,.action:hover{filter:brightness(1.14);color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b6e28b;outline-offset:3px}h1,h2,h3{line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.35rem,3vw,1.8rem)}p{color:var(--muted)}.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;padding:.7rem max(12px,calc((100% - 1160px)/2));background:rgba(9,17,24,.91);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.site-nav>a{padding:.55rem .8rem;border-radius:8px;color:var(--text);text-decoration:none;font-weight:600}.site-nav>a:hover,.site-nav>a[aria-current=page]{background:rgba(112,183,220,.18);color:#c7ecff}.mobile-menu-toggle{display:none}.hero,body>header:not(.hero){width:min(1160px,calc(100% - 28px));margin:1.4rem auto 1rem;text-align:center;padding:1.3rem 1rem;background:rgba(13,24,33,.72);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero img{max-width:min(260px,70vw);max-height:110px;object-fit:contain}main{width:min(1160px,calc(100% - 28px));margin:1.2rem auto 3rem}main>section,main>.panel,.release-group,.quick,.program-card,.download-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(1rem,2.5vw,1.4rem);margin:1rem 0;box-shadow:var(--shadow);backdrop-filter:blur(12px)}main>section>h2:first-child{margin-top:0}.site-logo-home{display:inline-block;min-width:125px;min-height:48px;background:url('/images/logo.png') center/contain no-repeat}.email-fab{position:fixed;right:18px;bottom:18px;z-index:30;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#23698b;color:white;box-shadow:var(--shadow)}footer{text-align:center;padding:1.3rem;background:rgba(8,15,22,.86);border-top:1px solid var(--line);color:var(--muted)}footer p{margin:.35rem}.tiles,.quick-grid,.program-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem}.tile{display:flex;flex-direction:column;gap:.55rem;min-height:130px;padding:1.1rem;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text)!important;text-decoration:none;transition:transform .18s,border-color .18s}.tile:hover{transform:translateY(-2px);border-color:var(--accent)}.tile .symbol{font-size:1.7rem}.muted,.release-meta{color:var(--muted)}.download-links,.page-switch{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.8rem}.download-button{min-width:130px}.release-group h2{margin-top:0}.release-item{padding:1rem 0;border-top:1px solid var(--line)}.release-item:first-of-type{border-top:0}.empty-release,.notice{padding:.9rem 1rem;border-radius:10px;background:rgba(90,130,90,.16);border:1px solid var(--line)}.release-error{color:#ffb4b4}.program-card h3{margin:.1rem 0}.program-version{font-size:.8em;color:var(--accent)}.platform-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.platform-view{display:flex;flex-direction:column;gap:.5rem;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:.8rem;color:var(--text)}.platform-view img{width:100%;height:auto;border-radius:8px}.platform-view.is-active{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(182,226,139,.25)}.search-row{display:flex;gap:.6rem}.search-row input,input[type=search],input[type=text],textarea,select{width:100%;min-width:0;padding:.8rem .9rem;border:1px solid var(--line);border-radius:9px;background:#101c27;color:var(--text)}.search-row input{flex:1}.quick{padding:1rem}.quick h3{margin-top:0}.blind-mode{filter:contrast(1.3)}.back-page-button{margin:.5rem}.downloads-shell{width:min(1160px,calc(100% - 28px));margin:1.5rem auto 3rem}.downloads-hero{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,rgba(20,58,77,.94),rgba(26,52,41,.91));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.downloads-hero p{max-width:680px;margin:.6rem auto}.downloads-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;margin:1rem 0}.filter-button{background:var(--panel2)}.filter-button[aria-pressed=true]{border-color:var(--accent2);background:#31533a}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1rem}.download-card{margin:0;display:flex;flex-direction:column;gap:.6rem;min-width:0}.download-card h2{font-size:1.25rem;margin:.1rem 0}.download-card p{margin:.1rem 0}.download-card .download-links{margin-top:auto;padding-top:.5rem}.platform-tag{display:inline-flex;width:max-content;padding:.2rem .55rem;border:1px solid var(--line);border-radius:99px;color:var(--accent2);font-size:.78rem;font-weight:700}.download-empty{padding:1rem;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.mobile-menu-toggle{color:white}
@media(max-width:680px){.site-nav{justify-content:flex-start;padding:.6rem;gap:.25rem}.mobile-menu-toggle{display:inline-flex}.site-nav>a{display:none;width:100%;padding:.7rem}.site-nav.menu-open>a{display:block}.hero,body>header:not(.hero){width:calc(100% - 18px);margin:.7rem auto}.home-main,main,.downloads-shell{width:calc(100% - 18px)}.platform-views{grid-template-columns:1fr}.downloads-toolbar{grid-template-columns:1fr 1fr}.downloads-toolbar input{grid-column:1/-1}.search-row{flex-direction:column}.search-row button{width:100%}.email-fab{right:12px;bottom:12px}}