:root{color-scheme:dark;--page-background: radial-gradient(circle at 50% 18%, #2a1d18 0%, #17120f 42%, #0d0a09 100%);--clock-soft-light: #f1dfcf;--hand-skin-fill: #d8a07f;color:var(--clock-soft-light);background:#0d0a09;font-family:Ubuntu,system-ui,sans-serif}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow:hidden;background:radial-gradient(circle at 50% 16%,#89543957,#89543900 36%),linear-gradient(180deg,#ffe2ce0f,#ffe2ce00 24%),var(--page-background)}#root{min-height:100vh}.showcase-screen{min-height:100vh;display:flex;flex-direction:column;justify-items:center;justify-content:flex-start;gap:clamp(18px,4vw,44px);padding:clamp(28px,6vw,56px) clamp(20px,5vw,48px) 0;box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at 50% 12%,#ffe8d814,#ffe8d800 28%),radial-gradient(circle at 50% 82%,#7b472c2e,#7b472c00 34%)}.clock-stage{width:min(100%,1080px);display:grid;place-items:center;margin:0 auto;padding-top:clamp(10px,3vh,28px)}.clock-face{display:flex;align-items:center;justify-content:center;gap:clamp(1px,.4vw,6px);width:100%}.clock-glyph{flex:0 0 auto}.clock-glyph svg{display:block;width:auto;height:clamp(40px,10vw,160px);max-width:100%}.hand-stage{width:min(100%,960px);display:grid;place-items:center;margin-top:auto;align-self:center;transform:translateY(14%)}.hand-art{width:min(100%,520px)}.hand-art svg{display:block;width:100%;height:auto;max-height:clamp(320px,62vh,720px);margin:0 auto}@media(max-width:720px){.showcase-screen{gap:clamp(16px,5vw,28px);padding-top:clamp(20px,8vw,36px)}.clock-glyph svg{height:clamp(34px,11vw,96px)}.hand-stage{width:100%;transform:translateY(10%)}.hand-art{width:min(100%,420px)}.hand-art svg{max-height:clamp(280px,54vh,500px)}}