.belle-floating-clock{z-index:1280;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 20%,#fffffff5 0%,#fff8ecc7 55%,#f0c46e24 100%);border:1px solid #f0c46e61;border-radius:999px;flex-direction:row;align-items:center;gap:.45rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,padding .28s,gap .28s;display:inline-flex;position:fixed;box-shadow:0 0 0 3px #f0c46e1a,0 12px 28px #b8860b29,inset 0 1px #ffffffe0}.belle-floating-clock--large{padding:.35rem .4rem .3rem .55rem}.belle-floating-clock--compact{gap:.4rem;padding:.28rem .4rem .28rem .65rem}.belle-floating-clock:hover{transform:translateY(-1px);box-shadow:0 0 0 4px #f0c46e24,0 16px 32px #b8860b33,inset 0 1px #ffffffeb}.belle-floating-clock--dragging{cursor:grabbing;transform:scale(1.02);box-shadow:0 0 0 5px #f0c46e2e,0 18px 36px #b8860b3d,inset 0 1px #fffffff2}.belle-floating-clock__toggle{cursor:pointer;background:#f0c46e24;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;padding:0;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #f0c46e59}.belle-floating-clock__toggle:hover{background:#f0c46e3d;transform:scale(1.08);box-shadow:inset 0 0 0 1px #f0c46e80,0 0 10px #f0c46e40}.belle-floating-clock__toggle:focus-visible{outline-offset:2px;outline:2px solid #f0c46ebf}.belle-floating-clock__toggle-dot{border-radius:999px;width:.48rem;height:.48rem;transition:transform .25s,background .25s,box-shadow .25s}.belle-floating-clock__toggle--center-unknown{background:#f0c46e24;box-shadow:inset 0 0 0 1px #f0c46e59}.belle-floating-clock__toggle--center-unknown:hover{background:#f0c46e3d;box-shadow:inset 0 0 0 1px #f0c46e80,0 0 10px #f0c46e40}.belle-floating-clock__toggle--center-unknown .belle-floating-clock__toggle-dot{background:linear-gradient(145deg,#f5d78a 0%,#d4a017 100%);box-shadow:0 0 8px #f0c46e73}.belle-floating-clock__toggle--center-open{background:#22c55e24;box-shadow:inset 0 0 0 1px #22c55e61}.belle-floating-clock__toggle--center-open:hover{background:#22c55e38;box-shadow:inset 0 0 0 1px #22c55e8c,0 0 10px #22c55e47}.belle-floating-clock__toggle--center-open .belle-floating-clock__toggle-dot{background:linear-gradient(145deg,#4ade80 0%,#16a34a 100%);box-shadow:0 0 8px #22c55e80}.belle-floating-clock__toggle--center-closed{background:#ef444424;box-shadow:inset 0 0 0 1px #ef444461}.belle-floating-clock__toggle--center-closed:hover{background:#ef444438;box-shadow:inset 0 0 0 1px #ef44448c,0 0 10px #ef444447}.belle-floating-clock__toggle--center-closed .belle-floating-clock__toggle-dot{background:linear-gradient(145deg,#f87171 0%,#dc2626 100%);box-shadow:0 0 8px #ef444480}.belle-floating-clock__analog-wrap{pointer-events:none;display:inline-flex}.belle-floating-clock .belle-analog-clock{--belle-analog-hand:#b8860b;--belle-analog-face-bg:#ffffffe6;--belle-analog-face-stroke:#f0c46e59;pointer-events:none}.belle-floating-clock .belle-analog-clock__digital{letter-spacing:.06em;color:#1e293bb8;font-size:.62rem;font-weight:600}.belle-floating-clock__digital-compact{font-family:var(--font-sans,"Inter", sans-serif);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#1e293be0;text-align:center;min-width:2.85rem;font-size:.82rem;font-weight:700;line-height:1}.dark .belle-floating-clock{background:radial-gradient(circle at 30% 20%,#282420f5 0%,#1a1a1cd6 100%);border-color:#f0c46e4d;box-shadow:0 0 0 3px #f0c46e14,0 12px 28px #00000059,inset 0 1px #ffffff0f}.dark .belle-floating-clock .belle-analog-clock__digital,.dark .belle-floating-clock__digital-compact{color:#e2e8f0e0}@media (prefers-reduced-motion:reduce){.belle-floating-clock,.belle-floating-clock__toggle,.belle-floating-clock__toggle-dot{transition:none}.belle-floating-clock:hover,.belle-floating-clock--dragging,.belle-floating-clock__toggle:hover{transform:none}}