:root{font-family:Consolas,Courier New,monospace;color:var(--primary, #ff9d00);background:var(--bg, #000000);line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100vh}body{min-height:100vh;background:radial-gradient(circle at center,var(--glow-faint, rgba(255, 157, 0, .2)),transparent 55%),var(--bg, #000000)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:transparent;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--glow, rgba(255, 157, 0, .28)) 0%,var(--glow-soft, rgba(255, 157, 0, .15)) 18%,var(--glow-faint, rgba(255, 157, 0, .08)) 34%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.98) 100%);filter:blur(14px);opacity:1;z-index:0;pointer-events:none}.app-shell:after{content:"";position:absolute;top:-20px;right:0;bottom:-20px;left:0;background:repeating-linear-gradient(to bottom,var(--line),var(--line) 1px,transparent 1px,transparent 2px);background-size:100% 5px;animation:scanlines var(--scan-speed, 8s) ease-in-out infinite;mix-blend-mode:screen;pointer-events:none;z-index:2}.clock-card{position:relative;width:min(90vw,900px);text-align:center;padding:1.8rem 3rem 1.4rem;border-radius:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;z-index:1}.label,.time,.date{position:relative;z-index:1}.label{margin:0;font-size:clamp(.7rem,1vw,.9rem);letter-spacing:.35em;text-transform:uppercase;color:var(--secondary, #ffc779);text-shadow:0 0 2px var(--glow-soft, rgba(255, 157, 0, .2))}.time{margin:.8rem 0 .35rem;font-size:clamp(2.4rem,7.8vw,9rem);line-height:.9;font-weight:700;letter-spacing:-.04em;color:var(--primary, #ff9d00);text-shadow:0 0 2px var(--glow, rgba(255, 157, 0, .35)),0 0 5px var(--glow-soft, rgba(255, 157, 0, .22)),0 0 9px var(--glow-faint, rgba(255, 157, 0, .1)),0 0 14px var(--glow-faint, rgba(255, 157, 0, .06));filter:drop-shadow(0 0 6px var(--glow-soft, rgba(255, 157, 0, .1))) drop-shadow(0 0 10px var(--glow-faint, rgba(255, 157, 0, .05)))}.date{margin:0;font-size:clamp(.85rem,1.4vw,1.35rem);color:var(--secondary, #ffd89d);text-shadow:0 0 2px var(--glow-soft, rgba(255, 157, 0, .14))}@keyframes scanlines{0%{transform:translateY(0);opacity:.34}12%{transform:translateY(.3px);opacity:.56}28%{transform:translateY(.7px);opacity:.8}46%{transform:translateY(1.1px);opacity:.7}68%{transform:translateY(1.5px);opacity:.48}to{transform:translateY(1.8px);opacity:.34}}