html,body{background:var(--ss-bg,var(--bg));height:100%;overflow:hidden}body.ss-idle{cursor:none}.ss-wrapper{position:fixed;inset:0}.ss-wrapper[data-color-anim=hue]{filter:hue-rotate(var(--ss-hue,0deg))}.ss-stage{position:absolute;inset:0;overflow:hidden}.ss-wrapper[data-color-anim=gradient] .ascii-layer,.ss-wrapper[data-color-anim=rainbow] .ascii-layer{-webkit-background-clip:text;background-clip:text;color:#0000!important}.ss-wrapper[data-color-anim=gradient] .ascii-layer-1{background-image:linear-gradient(var(--ss-angle,0deg), var(--ss-l1), var(--ss-l1b))}.ss-wrapper[data-color-anim=gradient] .ascii-layer-2{background-image:linear-gradient(var(--ss-angle,0deg), var(--ss-l2), var(--ss-l2b))}.ss-wrapper[data-color-anim=gradient] .ascii-layer-3{background-image:linear-gradient(var(--ss-angle,0deg), var(--ss-l3), var(--ss-l3b))}.ss-wrapper[data-color-anim=rainbow] .ascii-layer{background-image:linear-gradient(90deg,#ff5f5f,#ffaf5f,#ffff5f,#5fff87,#5fd7ff,#875fff,#ff5fd7,#ff5f5f,#ffaf5f,#ffff5f,#5fff87,#5fd7ff,#875fff,#ff5fd7,#ff5f5f);background-size:200% 100%;background-position:var(--ss-rainbow,0%) 0}.ss-clock{color:var(--ss-l3);text-shadow:0 0 12px var(--ss-bg,#000);background:color-mix(in srgb, var(--ss-bg,#000) 62%, transparent);text-align:center;pointer-events:none;border-radius:10px;padding:1.25rem 1.75rem;font-family:Roboto Mono,JetBrains Mono,Fira Code,monospace;transition:translate 2s;position:absolute}.ss-clock[hidden]{display:none}.ss-clock[data-pos=center]{top:50%;left:50%;transform:translate(-50%,-50%)}.ss-clock[data-pos=top-left]{text-align:left;top:4vh;left:4vw}.ss-clock[data-pos=top-right]{text-align:right;top:4vh;right:4vw}.ss-clock[data-pos=bottom-left]{text-align:left;bottom:4vh;left:4vw}.ss-clock[data-pos=bottom-right]{text-align:right;bottom:4vh;right:4vw}.ss-clock-big{white-space:pre;text-shadow:none;margin:0;font-size:clamp(10px,2.2vw,28px);line-height:1}.ss-clock-small{font-size:clamp(28px,7vw,96px)}.ss-clock-date{opacity:.8;margin-top:.75em;font-size:clamp(12px,1.4vw,20px)}.ss-noscript{color:var(--fg);position:fixed;top:1rem;left:1rem}.ss-panel{background:color-mix(in srgb, var(--bg-surface) 92%, transparent);border:1px solid var(--border);width:300px;max-height:calc(100vh - 2rem);color:var(--fg);z-index:2;border-radius:4px;flex-direction:column;gap:.6rem;padding:1rem;font-family:Roboto Mono,JetBrains Mono,Fira Code,monospace;font-size:.8rem;transition:opacity .4s;display:flex;position:fixed;top:1rem;right:1rem;overflow-y:auto}body.ss-idle .ss-panel{opacity:0;pointer-events:none}.ss-fs{z-index:3;color:var(--accent);background:color-mix(in srgb, var(--bg-surface) 92%, transparent);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.45rem .7rem;font-family:Roboto Mono,JetBrains Mono,Fira Code,monospace;font-size:1rem;transition:opacity .4s;position:fixed;top:1rem;left:1rem}.ss-fs:hover{border-color:var(--accent);color:var(--accent-bright)}body.ss-idle .ss-fs{opacity:0;pointer-events:none}.ss-install-hint{z-index:3;max-width:22rem;color:var(--fg);background:color-mix(in srgb, var(--bg-surface) 96%, transparent);border:1px solid var(--accent);border-radius:4px;margin:0;padding:.75rem .9rem;font-family:Roboto Mono,JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.5;position:fixed;top:4rem;left:1rem;right:1rem}.ss-install-hint strong{color:var(--accent);font-weight:600}body.ss-idle .ss-install-hint{display:none}.ss-panel label{color:var(--fg-muted);flex-direction:column;gap:.25rem;display:flex}.ss-panel label.ss-check{flex-direction:row;align-items:center}.ss-panel select,.ss-panel input[type=text]{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.2rem .4rem}.ss-panel input[type=range]{accent-color:var(--accent)}.ss-title{color:var(--accent);margin:0}.ss-colors{gap:.5rem;display:flex}.ss-colors label{align-items:center}.ss-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.ss-buttons button{font:inherit;color:var(--accent);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:.2rem .5rem}.ss-buttons button:hover{border-color:var(--accent);color:var(--accent-bright)}.ss-status,.ss-hint{color:var(--fg-muted);margin:0}.ss-hint{opacity:.8;font-size:.7rem}.ss-panel:not([data-pattern=cycle]) .ss-when-cycle,.ss-panel:not([data-color-source=custom]) .ss-when-custom,.ss-panel[data-clock=off] .ss-when-clock{display:none}@media (width<=600px){.ss-panel{border-radius:6px 6px 0 0;width:auto;max-height:55vh;inset:auto 0 0}}