:root{font-family:"DM Sans",system-ui,sans-serif;--bg:#101310;--surface:#171b17;--surface2:#1e241e;--line:#ffffff12;--text:#edf1e8;--muted:#919b8f;--accent:#a0fa86;--on-accent:#13210e;--soft:#a0fa8612;color:var(--text);background:var(--bg);color-scheme:dark;font-synthesis:none}
:root[data-theme=light]{--bg:#f5f7f1;--surface:#fff;--surface2:#eaf0e5;--line:#15200d19;--text:#1f2b1b;--muted:#687460;--accent:#386f23;--on-accent:#fff;--soft:#386f2310;color-scheme:light}
:root[data-accent=purple]{--accent:#c4adff;--on-accent:#251739;--soft:#c4adff12}:root[data-accent=blue]{--accent:#89d9fa;--on-accent:#112c39;--soft:#89d9fa12}:root[data-accent=orange]{--accent:#ffc38a;--on-accent:#34210e;--soft:#ffc38a12}
:root[data-theme=light][data-accent=purple]{--accent:#7650ba;--on-accent:#fff}:root[data-theme=light][data-accent=blue]{--accent:#126e96;--on-accent:#fff}:root[data-theme=light][data-accent=orange]{--accent:#a85113;--on-accent:#fff}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:disabled{opacity:.4;cursor:wait}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif}[hidden]{display:none!important}
.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 33px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-name{font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:500;letter-spacing:-.5px}.brand-name strong{font-weight:600}.version{font:9px "DM Sans",sans-serif;letter-spacing:.8px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:3px 5px;border-radius:4px;margin-left:10px;vertical-align:middle}.topbar-right{display:flex;align-items:center;gap:24px}.live-clock{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.quiet,.text-button{background:none;color:var(--muted);padding:8px 0;font-size:12px}.text-button:hover,.quiet:hover{color:var(--accent)}
.layer-logo{position:relative;aspect-ratio:1;isolation:isolate}.layer-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.corner-logo{width:48px;flex-shrink:0}.brand:hover .logo-box,.brand:focus-visible .logo-box{transform:rotate(100deg) scale(.9)}.brand:hover .logo-outer,.brand:focus-visible .logo-outer{transform:rotate(-14deg) scale(1.08)}.brand:hover .logo-zeyad{transform:translateY(-5%)}.brand:hover .logo-stuff{transform:translateY(5%) rotate(3deg)}
#card-grid .launch-card h3{font-size:14px}#card-grid .launch-card p{font-size:11px;line-height:1.7;min-height:37px}
html[data-motion=false] .brand:hover img,html[data-motion=false] .brand:focus-visible img,html[data-motion=false] .launch-card:hover{transform:none!important}
@media(prefers-reduced-motion:reduce){.brand:hover img,.brand:focus-visible img,.launch-card:hover{transform:none!important}}
@media(pointer:coarse){.icon-button{min-width:44px;min-height:44px}.card-favorite{width:40px;height:40px}.filter{min-height:36px}}
.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100dvh - 85px)}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:38px 21px 20px}.sidebar-label{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:0 12px 19px;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:8px;background:transparent;text-align:left;color:var(--muted);font-size:12px;margin-bottom:4px}.nav-item>span[data-icon]{display:flex}.nav-item svg{width:17px;height:17px}.nav-item.active{color:var(--accent);background:var(--soft)}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active:hover{color:var(--accent)}.nav-count{margin-left:auto;font-size:9px;opacity:.7}.nav-divider{height:1px;background:var(--line);margin:19px 12px}.sidebar-bottom{margin-top:auto;padding-top:160px}.sidebar-signature{font-size:9px;color:var(--muted);padding:20px 12px 0;display:flex;align-items:center;gap:7px;line-height:1.5}.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.main-content{padding:34px 40px 0;min-width:0;max-width:1440px;width:100%;margin:0 auto}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--muted);line-height:1.6}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .eyebrow{margin-bottom:8px}.page-heading h1{font-size:clamp(20px,2.1vw,28px);letter-spacing:-1px;font-weight:500;margin:0}.accent-dot{color:var(--accent)}.local-label{font-size:8px;color:var(--muted);letter-spacing:1.3px;white-space:nowrap}.local-label span{color:var(--accent);margin-left:14px;font-size:17px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:295px;background:linear-gradient(110deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;margin-bottom:35px}.hero-copy{padding:29px 32px 25px;position:relative;z-index:1}.hero-copy>.eyebrow{color:var(--accent);font-size:8px;display:flex;align-items:center;gap:7px;margin-bottom:15px}.hero h2{font-size:clamp(32px,3.6vw,49px);line-height:1.04;letter-spacing:-2px;font-weight:500;margin:0 0 14px}.hero h2 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 19px}.accent-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:11px 15px;border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;min-height:38px}.accent-button svg{width:15px;height:15px}.accent-button:hover{filter:brightness(1.09)}.hero-footnote{display:block;font-size:8px;color:var(--muted);margin-top:10px}.hero-art{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}.hero-logo{width:180px;transform:rotate(-7deg);filter:drop-shadow(0 10px 25px #0003);animation:float-logo 7s ease-in-out infinite}.hero-art:before{content:"";position:absolute;width:260px;height:260px;background:radial-gradient(ellipse,var(--soft),transparent 68%);border-radius:50%}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;width:260px;height:260px}.orbit-two{width:340px;height:340px;border-style:dashed;opacity:.5}.spark{position:absolute;color:var(--accent);opacity:.65;font-size:19px}.spark-one{top:20%;right:22%}.spark-two{left:12%;bottom:24%;font-size:26px}.art-label{position:absolute;bottom:25px;font-size:7px;letter-spacing:2px;color:var(--muted)}@keyframes float-logo{0%,100%{transform:translateY(-4px) rotate(-7deg)}50%{transform:translateY(5px) rotate(-3deg)}}
.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.library-heading h2{font-size:18px;font-weight:500;letter-spacing:-.5px;margin-bottom:5px}.library-heading p{font-size:10px;color:var(--muted);margin:0}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:9px 12px;max-width:290px;flex:1}.search svg{width:15px;height:15px;color:var(--muted)}.search input{width:100%;background:none!important;border:0!important;padding:0!important;outline:0;color:var(--text);font-size:10px!important;min-width:0}.search kbd{font:10px monospace;border:1px solid var(--line);border-radius:3px;padding:1px 4px;color:var(--muted)}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{background:none;font-size:10px;padding:7px 12px;color:var(--muted);border-radius:5px}.filter.active{background:var(--surface2);color:var(--text)}.filter:hover{color:var(--accent)}.sort-label{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted)}select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:11px;max-width:100%}.sort-label select{font-size:9px;border:0;padding:3px;background:transparent;color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.launch-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:transform .2s,border-color .2s,background .2s;overflow:hidden;min-width:0}.launch-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:var(--surface2)}.card-launch{display:block;background:none;text-align:left;width:100%;padding:19px 18px 15px;min-height:169px}.app-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:16px;font-weight:700;margin-bottom:16px;letter-spacing:-.5px;background:var(--icon-bg,#2a3328);color:var(--icon-color,var(--accent))}.app-icon svg{width:22px;height:22px}.launch-card h3{font-size:13px;font-weight:500;margin:0 0 6px;letter-spacing:-.2px}.launch-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0;min-height:32px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:8px;letter-spacing:.4px;color:var(--muted)}.card-bottom .launch-arrow{display:flex}.launch-arrow svg{width:14px;height:14px}.card-favorite{position:absolute;right:12px;top:13px;background:none;color:var(--muted);width:28px;height:28px;display:grid;place-items:center}.card-favorite svg{width:14px;height:14px}.card-favorite[aria-pressed=true]{color:var(--accent)}.card-favorite[aria-pressed=true] svg{fill:var(--soft)}.card-remove{position:absolute;right:42px;top:16px;background:none;color:var(--muted);font-size:9px}.card-remove:hover{color:#ff9c99}.library-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:9px;color:var(--muted)}.library-footer .text-button{font-size:9px}.library-footer .text-button span{color:var(--accent);margin-left:10px}.empty-state{padding:45px 10px;text-align:center;color:var(--muted);font-size:13px}.page-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding:20px 0;color:var(--muted);font-size:8px}.page-footer a{text-decoration:none}.footer-v2{color:var(--accent);margin-left:6px}.footer-separator{margin:0 13px;opacity:.5}
:root[data-grid=true] .main-content{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}:root[data-compact=true] .card-launch{min-height:139px;padding:15px}:root[data-compact=true] .app-icon{width:30px;height:30px;margin-bottom:10px}:root[data-compact=true] .card-bottom{margin-top:9px}
dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:17px;width:min(560px,calc(100% - 28px));padding:26px;max-height:88dvh;overflow-y:auto;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#050805b3;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:4px}.dialog-heading h2{font-size:25px;font-weight:500;letter-spacing:-.9px;margin:0}.settings-hint{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin:0 0 25px}.settings-section{border-top:1px solid var(--line);padding:21px 0 10px}.settings-section h3{font-size:12px;font-weight:500;margin:0 0 10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;font-size:12px}.setting-row label,.setting-row>span{min-width:0}.setting-row label span,.setting-row small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}.setting-row input[type=checkbox]{appearance:none;width:33px;height:19px;flex-shrink:0;border:1px solid var(--line);background:var(--surface2);border-radius:20px;position:relative;cursor:pointer;margin:0}.setting-row input[type=checkbox]:before{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;background:var(--muted);border-radius:50%;transition:transform .2s}.setting-row input:checked{background:var(--accent)}.setting-row input:checked:before{background:var(--on-accent);transform:translateX(14px)}.muted{font-size:10px;line-height:1.8;color:var(--muted)}.secondary-button{background:var(--surface2);border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:11px}.secondary-button:hover{color:var(--accent);border-color:var(--accent)}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.connection-settings{border-top:1px solid var(--line);margin-top:15px;padding-top:18px;font-size:11px}.connection-settings summary{cursor:pointer;color:var(--muted)}.connection-top,.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.check-row [data-state=pass]{color:var(--accent)}.check-row [data-state=fail],#status[data-state=fail],#shortcut-error{color:#e99b94}#status{margin-top:14px}.input-row{display:flex;gap:8px}.input-row input{min-width:0;flex:1}input:not([type=checkbox]),textarea{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:7px;padding:10px 12px;font-size:13px}.shortcut-dialog form>label{display:grid;gap:8px;font-size:12px;margin-bottom:18px}.shortcut-dialog .accent-button{width:100%;margin-top:8px}.notes-area{width:100%;height:300px;resize:vertical;line-height:1.8}.utility-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}.timer-display{font-family:"Space Grotesk",sans-serif;font-size:76px;letter-spacing:-4px;font-variant-numeric:tabular-nums;text-align:center;margin:28px 0 6px}.timer-phase{text-align:center;font-size:12px;color:var(--accent)}.timer-fields{display:flex;gap:14px;margin:24px 0}.timer-fields label{flex:1;font-size:11px;color:var(--muted)}.timer-fields input{display:block;width:100%;margin-top:8px}.calc-display{width:100%;font-size:24px!important;text-align:right;font-variant-numeric:tabular-nums;height:64px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.calc-grid button{background:var(--surface2);border:1px solid var(--line);border-radius:7px;padding:14px;font-size:16px}.calc-grid button:last-child{background:var(--accent);color:var(--on-accent)}.game-info{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin:10px 0 18px}.game-info strong{color:var(--accent)}.snake-canvas{display:block;width:min(320px,100%);aspect-ratio:1;margin:0 auto;border:1px solid var(--line);border-radius:9px;background:var(--bg);touch-action:none}.game-controls{display:grid;grid-template-columns:repeat(3,40px);gap:5px;justify-content:center;margin-top:13px}.game-controls button{border-radius:6px;background:var(--surface2);height:36px}.game-controls button:first-child{grid-column:2}.game-controls button:nth-child(2){grid-column:1}.game-help{text-align:center;font-size:10px;color:var(--muted);line-height:1.8;margin-top:12px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.memory-card{aspect-ratio:1;border-radius:9px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:24px}.memory-card.flipped,.memory-card.matched{background:var(--soft);color:var(--accent);border-color:var(--accent)}.memory-card.matched{opacity:.5}
#workspace{height:calc(100dvh - 85px)}#browser{display:block;border:0;width:100%;height:100%;background:#313338}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:12px 18px;background:var(--text);color:var(--bg);border-radius:9px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;max-width:calc(100% - 30px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
#intro{position:fixed;inset:0;background:#0c100c;z-index:200;display:grid;place-items:center;color:#e8f4e5}html[data-intro=off] #intro{display:none}.intro-content{text-align:center}.intro-logo{width:250px;margin:auto}.intro-logo img{animation-duration:1.2s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.16,1,.3,1)}.intro-logo .logo-box{animation-name:intro-box}.intro-logo .logo-outer{animation-name:intro-outer;animation-delay:.15s}.intro-logo .logo-zeyad{animation-name:intro-zeyad;animation-delay:.35s}.intro-logo .logo-stuff{animation-name:intro-stuff;animation-delay:.5s}.intro-caption{font-size:12px;letter-spacing:.8px;color:#a7b2a2;margin:30px 0}.intro-track{height:2px;width:120px;background:#ffffff15;margin:auto;overflow:hidden}.intro-track span{display:block;height:100%;background:#a0fa86;animation:intro-progress 2.6s ease-out both}.intro-skip{position:absolute;right:35px;bottom:30px;background:none;color:#a7b2a2;font-size:12px;padding:10px}.intro-skip span{font-size:9px;margin-left:14px;border:1px solid #ffffff25;padding:3px 5px;border-radius:4px}.intro-leaving{animation:intro-out .35s ease both}@keyframes intro-box{from{opacity:0;transform:scale(.2) rotate(-180deg)}to{opacity:1;transform:none}}@keyframes intro-outer{from{opacity:0;transform:scale(1.5) rotate(70deg)}to{opacity:1;transform:none}}@keyframes intro-zeyad{from{opacity:0;transform:translateX(-120px)}to{opacity:1;transform:none}}@keyframes intro-stuff{from{opacity:0;transform:translateY(100px) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes intro-progress{from{width:0}to{width:100%}}@keyframes intro-out{to{opacity:0;visibility:hidden}}
html[data-motion=false] *,html[data-motion=false] *:before,html[data-motion=false] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.main-content{padding:28px 25px 0}.hero-copy{padding:25px}.hero-logo{width:150px}.hero-art .orbit-one{width:220px;height:220px}.hero-art .orbit-two{width:280px;height:280px}.local-label{display:none}.hero-copy>.eyebrow{letter-spacing:1px}.card-launch{padding:16px}.hero-footnote{font-size:7px}}
@media(max-width:820px){.shell{grid-template-columns:160px minmax(0,1fr)}.sidebar{padding:28px 10px 18px}.sidebar-label{font-size:8px}.nav-item{gap:8px;font-size:11px;padding:11px 9px}.main-content{padding:26px 20px 0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.3fr .7fr}.hero-logo{width:125px}.hero-art .orbit-one{width:180px;height:180px}.hero-art .orbit-two{width:230px;height:230px}.art-label{display:none}.hero h2{font-size:37px}.hero-copy>p br{display:none}.hero-copy>.eyebrow{font-size:7px}.hero-footnote{max-width:170px;line-height:1.5}.library-heading{align-items:flex-start;flex-direction:column;gap:15px}.search{width:100%;max-width:none;flex:auto}.sort-label>select{max-width:110px}.filter{padding:7px 8px;font-size:9px}.page-heading h1{font-size:22px}}
@media(max-width:600px){.topbar{height:72px;padding:0 18px}.corner-logo{width:42px}.brand{gap:9px}.brand-name{font-size:15px}.version{font-size:8px;margin-left:7px}.topbar-right{gap:12px}.live-clock{font-size:10px}.shell{display:block;min-height:calc(100dvh - 72px)}.sidebar{padding:13px 16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label,.sidebar-bottom,.nav-divider,.nav-count{display:none}#navigation{display:flex;justify-content:space-between;gap:3px}.nav-item{width:auto;margin:0;padding:8px;font-size:9px;gap:5px;white-space:nowrap}.nav-item svg{width:14px;height:14px}.main-content{padding:25px 18px 0}.page-heading{margin-bottom:23px}.page-heading h1{font-size:23px;letter-spacing:-.9px}.page-heading .eyebrow{font-size:8px}.hero{min-height:270px;margin-bottom:30px;border-radius:12px;grid-template-columns:1.3fr .7fr}.hero-copy{padding:23px 0 23px 21px}.hero h2{font-size:37px}.hero-copy>p{font-size:10px;max-width:185px}.hero-logo{width:113px;transform:rotate(-8deg)}.hero-art{margin-left:-10px}.hero-art .orbit-one{width:150px;height:150px}.hero-art .orbit-two{width:205px;height:205px}.hero-copy>.eyebrow{font-size:6px;letter-spacing:.8px;white-space:nowrap}.hero-footnote{font-size:7px}.hero .accent-button{font-size:10px;padding:10px 12px;gap:8px}.spark-one{right:18%;font-size:12px}.spark-two{font-size:16px;left:2%}.library-heading h2{font-size:18px}.filter-row{gap:5px}.filters{gap:1px}.filter{padding:7px 8px;font-size:9px}.sort-label{gap:2px;font-size:8px}.sort-label select{font-size:8px;max-width:92px;padding:3px 0}.card-grid{gap:10px}.card-launch{padding:16px 13px 13px;min-height:170px}.launch-card h3{font-size:12px}.launch-card p{font-size:9px}.card-favorite{right:6px;top:9px}.app-icon{width:34px;height:34px}.card-bottom{font-size:7px}.page-footer{font-size:7px;margin-top:24px;padding:18px 0;gap:10px}.page-footer a{font-size:8px}.footer-separator{margin:0 7px}.library-footer{font-size:8px}.library-footer .text-button{font-size:8px}.library-footer>span{max-width:100px}dialog{padding:21px}.setting-row{gap:14px}.timer-display{font-size:65px}.intro-logo{width:220px}#workspace{height:calc(100dvh - 72px)}}@media(max-width:360px){.live-clock{display:none}.hero-logo{width:95px}.hero h2{font-size:33px}.hero-copy{padding-left:17px}.hero-copy>p{max-width:160px}.filter{padding:7px 6px}.nav-item{font-size:8px;padding:8px 6px;gap:4px}}