.clock-label{margin-bottom:6px}.clock-row{align-items:center;gap:10px;display:flex}.clock .seg{flex:1}.clock .seg button{flex:1;min-width:40px;padding-left:0;padding-right:0}.clock .seg .step{flex:0 0 44px}@media (width<=820px){.clock .seg button{min-width:0}.clock .seg .step{flex-basis:36px}}.step svg{margin:0 auto;display:block}.power{width:36px;height:36px;color:var(--dim);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.power.on{background:var(--ok);border-color:var(--ok);color:var(--panel)}.power.on:hover{background:color-mix(in srgb, var(--ok) 85%, var(--text))}.power.invite{animation:2.4s ease-in-out infinite power-invite}@keyframes power-invite{50%{box-shadow:0 0 8px 3px color-mix(in srgb, var(--ok) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.power.invite{box-shadow:0 0 6px 2px color-mix(in srgb, var(--ok) 35%, transparent);animation:none}}#tip{z-index:10;background:var(--tip);border:1px solid var(--line);max-width:340px;box-shadow:0 8px 24px var(--shadow);pointer-events:none;border-radius:8px;padding:10px 12px;font-size:13px;display:none;position:fixed}#tip .t{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:11px}#tip .sym{border-top:1px dashed var(--line-strong);margin-top:8px;padding-top:8px}#tip code{font:600 14px var(--mono);color:var(--accent);margin-bottom:2px;display:block}