.cg-clock{margin:1.6rem 0 0;padding:1rem .9rem 1.1rem;border:1px solid var(--color-beige-border);border-radius:14px;background:var(--color-beige-light);text-align:center}.cg-clock__head{margin:0 0 .2rem;font-size:1.15rem;font-weight:700;color:var(--color-primary)}.cg-clock__sub{margin:0 0 .85rem;font-size:.84rem;color:var(--color-muted)}.cg-stage{position:relative;width:min(80vw,300px);margin:0 auto .9rem}.cg-canvas{display:block;width:100%;height:auto;cursor:pointer;touch-action:manipulation}.cg-canvas:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:50%}.cg-center{position:absolute;top:50%;left:50%;width:54%;transform:translate(-50%,-50%);pointer-events:none}.cg-now-name{margin:0;font-size:1.5rem;font-weight:750;line-height:1.1;color:var(--color-primary)}.cg-now-tag{display:inline-block;margin:.25rem 0 0;padding:.1rem .5rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#b07a00}.cg-now-tag--good{background:#2e7d32}.cg-now-tag--neutral{background:#b07a00}.cg-now-tag--bad{background:var(--color-primary)}.cg-now-time{margin:.3rem 0 0;font-size:.78rem;font-weight:600;color:var(--color-text)}.cg-countdown{margin:.1rem 0 0;font-size:.74rem;color:var(--color-muted)}.cg-ring-label{margin:0 0 .5rem;font-size:.8rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.cg-back{appearance:none;min-height:2.25rem;margin:0 0 .6rem;padding:0 1rem;border:1px solid var(--color-beige-border);border-radius:999px;background:var(--color-surface);font:inherit;font-size:.82rem;font-weight:650;color:var(--color-primary);cursor:pointer}.cg-back[hidden]{display:none}.cg-advice{margin:0 auto .75rem;max-width:30rem;text-align:left}.cg-advice p{margin:0 0 .25rem;font-size:.86rem;line-height:1.5;color:var(--color-text)}.cg-advice p:empty{display:none}.cg-now-avoid{color:var(--color-primary)}.cg-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .8rem;margin:0 0 .6rem;font-size:.75rem;color:var(--color-muted)}.cg-legend span{display:inline-flex;align-items:center;gap:.3rem}.cg-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.cg-clock__note{margin:0;font-size:.76rem;line-height:1.5;color:var(--color-muted)}