:root{font-size:clamp(14px,1.8vw,18px)}html,body{margin:0;padding:0}.navbar{padding-left:0!important;padding-right:0!important}.swatch-clock-wrap{max-width:100%;overflow:hidden}:root{--clock-font-min: 48px;--clock-font-preferred: 12vw;--clock-font-max: 600px;--clock-font: clamp(var(--clock-font-min), var(--clock-font-preferred), var(--clock-font-max))}.swatch-clock-wrap .display-1{--clock-font-min: 48px;--clock-font-max: 600px;--clock-scale: .22;font-size:clamp(var(--clock-font-min),var(--clock-user, calc(var(--clock-width) * var(--clock-scale))),var(--clock-font-max));line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;margin:0 auto}.swatch-inline-flex{display:inline-flex;align-items:center;justify-content:center}.swatch-at{padding-bottom:.06em;line-height:1;text-shadow:2px 2px 2px black}.swatch-time{line-height:1;text-shadow:2px 2px 2px black}.fonts-loading .swatch-time,.fonts-loading .swatch-at{opacity:.92;transform:translateY(2px);transition:opacity .16s ease,transform .16s ease}.swatch-time,.swatch-at{transition:opacity .16s ease,transform .16s ease}.font-preview{display:flex;justify-content:center;align-items:center;padding:6px 0}.font-preview .swatch-inline-flex{gap:.35rem;white-space:nowrap}.swatch-localtime{font-size:calc(var(--clock-user, calc(var(--clock-width) * var(--clock-scale))) / 3);color:var(--font-color, inherit);font-family:var(--font-family, inherit);text-shadow:1px 1px 1px black}.modal-overlay{background-color:#00000080}.colorpicker-row{margin-top:-20px;display:flex;gap:10px;align-items:flex-end}.colorpicker-panel{padding:8px;border-radius:8px}.color-thumb-row{display:flex;gap:10px;align-items:flex-end}.color-thumb{padding:0;border-radius:10px;box-sizing:border-box;border:2px solid transparent}.color-thumb.selected{padding:3px}.color-thumb.thumb-dark.selected{border-color:#fff}.color-thumb.thumb-light.selected{border-color:#000}.color-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:6px;border-radius:8px;background:transparent;border:none;box-sizing:border-box}.color-swatch{width:28px;height:28px;border-radius:6px;background-color:var(--swatch-color, transparent)}.color-custom-panel{display:flex;flex-direction:column;align-items:center;justify-content:center}.color-custom-label{font-size:.8rem;margin-bottom:6px}.color-input-wrapper{padding:0;border-radius:10px;box-sizing:border-box;border:2px solid transparent}.color-input-wrapper.selected{padding:3px}.color-input-wrapper.thumb-dark.selected{border-color:#fff}.color-input-wrapper.thumb-light.selected{border-color:#000}.color-input{width:44px;height:44px;padding:0;border-radius:8px;border:none;background:transparent}.cursor-pointer{cursor:pointer}.icon-bright-light{color:#fd7e14}.icon-bright-dark{color:#6c757d}.icon-moon-dark{color:#ffc107}.icon-moon-light{color:#6c757d}.swatch-clock-wrap{color:var(--font-color, inherit);font-family:var(--font-family, inherit)}.bell-dark{background-color:#ffc107;color:#212529}.bell-light{background-color:#fd7e14;color:#fff}.reminder-badge{font-size:.65rem;padding:.15rem .35rem;line-height:1;transform:translate(-30%,-30%);top:.4rem!important}.reminder-due{background-color:#ffffff05;color:#6c757d}.reminder-due .bi{color:#6c757d}.reminder-future-row{background-color:#28a7450a}.reminder-past-row{background-color:#dc35450f}.swatch-future{color:#28a745}.swatch-past{color:#dc3545}.swatch-beat-logo{width:8rem}