:root{--bg: #0d1014;--bg-soft: #141820;--fg: #eae6dd;--fg-dim: #7a766d;--fg-faint: #3a3833;--border: #1f232b;--gold: #d4b572;--sage: #8ea888;--amber: #e6a24f;--blue: #7aa4c4;--rose: #c48a8a;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg)}button{font-family:inherit;color:inherit;background:transparent;border:none;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column;padding:28px 36px 24px;position:relative}.header{display:flex;justify-content:space-between;align-items:flex-start;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.header .brand{color:var(--fg);letter-spacing:.28em}.header .clock-name{color:var(--fg)}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0;min-height:520px}.stage-inner{width:100%;max-width:520px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.stage-inner svg,.stage-inner .stage-box{width:100%;height:100%;display:block}.caption-bar{display:flex;justify-content:space-between;align-items:flex-end;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.12em;color:var(--fg-dim)}.caption-bar .hint{text-transform:uppercase;letter-spacing:.2em}.thumbnails{display:flex;gap:10px;justify-content:center;margin-top:18px;padding:10px 0 4px;flex-wrap:wrap}.thumb{width:64px;height:64px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);padding:6px;display:flex;align-items:center;justify-content:center;transition:border-color .14s ease,transform .14s ease;opacity:.55}.thumb:hover{opacity:.9;transform:translateY(-1px)}.thumb.active{border-color:var(--gold);opacity:1}.thumb svg{width:100%;height:100%}.thumb-label{position:absolute;bottom:2px;right:4px;font-size:8px;color:var(--fg-dim);font-family:ui-monospace,monospace}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;color:var(--fg-dim);font-size:20px;display:flex;align-items:center;justify-content:center;transition:color .14s ease,background .14s ease}.nav-arrow:hover{color:var(--fg);background:var(--bg-soft)}.nav-arrow.left{left:24px}.nav-arrow.right{right:24px}.kbd{display:inline-block;padding:2px 6px;border:1px solid var(--border);border-radius:4px;font-size:10px;color:var(--fg-dim);margin:0 2px}