/* Isolated v185 renderer; saved legacy widgets retain their earlier CSS. */
.b-widget:has(.gelara-timepiece){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.b-widget:has(.gelara-timepiece) .b-widget-body{padding:0!important;display:block!important;overflow:hidden!important;container-type:size;flex:1;min-height:0}
.gelara-timepiece{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:5px;container-type:size;color:#234766}
.gelara-timepiece>.timepiece-face{width:100%;flex:1;min-height:0;display:block;overflow:visible}
.timepiece-controls{display:flex;justify-content:center;gap:7px;flex:0 0 auto;max-width:100%}
.b-widget .timepiece-controls button{min-width:36px;min-height:36px;padding:5px 10px!important;font:700 18px system-ui!important;border:1px solid #a2b9c9!important;border-radius:12px!important;background:#fff!important;color:#244c6d!important;box-shadow:0 2px 5px #163b5520}
.b-widget .timepiece-controls .tp-main{background:#235e8d!important;color:white!important;border-color:#235e8d!important}
.timepiece-adjust{display:flex;gap:5px;justify-content:center;flex:0 0 auto}
.b-widget .timepiece-adjust button{min-width:30px;min-height:28px;padding:2px 6px!important;font:600 12px system-ui!important;border-radius:7px!important;background:#ffffffdf!important;color:#244c6d!important;border:1px solid #a2b9c9!important}
.timepiece-face text{user-select:none}.timepiece-face{overflow:visible}.timepiece-dialog{width:min(870px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important}
.timepiece-dialog .b-dialog-body{padding:8px 16px 16px!important;overflow:auto}
.timepiece-gallery section h3{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#60738a;margin:14px 0 8px}
.timepiece-gallery section:first-child h3{margin-top:2px}.timepiece-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.timepiece-choice{display:flex;position:relative;flex-direction:column;border:2px solid #e1e9ef;border-radius:12px;padding:6px;cursor:pointer;min-width:0;background:#fff;overflow:hidden}
.timepiece-choice:has(input:checked){border-color:#287bc6;box-shadow:0 0 0 1px #287bc6}.timepiece-choice:focus-within{outline:3px solid #a3d6f2;outline-offset:1px}
.timepiece-choice input{position:absolute;opacity:0;width:1px;height:1px}.timepiece-mini{height:89px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.timepiece-mini svg{width:100%;height:70px;flex:1;min-height:0}.timepiece-choice strong{font:600 11px/1.2 system-ui;text-align:center;color:#28435d;margin:5px 0 1px;min-height:26px;display:flex;align-items:center;justify-content:center}.tp-mini-controls{font-size:9px;color:#3d5f7c;line-height:13px;letter-spacing:1px}.timepiece-settings{margin-top:14px;border-top:1px solid #e3e9ee;padding-top:12px;display:grid;gap:12px}.timepiece-settings>button{justify-self:start}.timepiece-settings summary,[data-time-legacy] summary{cursor:pointer;font-weight:650;font-size:13px;padding:8px 0}.timer-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 12px}.timer-sound-choice{display:flex;border:1px solid #dde6ec;border-radius:10px;align-items:center;min-width:0;padding:4px;gap:3px}.timer-sound-choice:has(input:checked){border-color:#287bc6;background:#eff7ff}.timer-sound-choice label{display:flex;align-items:center;gap:5px;flex:1;font-size:12px;min-width:0}.timer-sound-choice small{font-size:10px;color:#677b8d}.timer-sound-choice button{padding:4px!important;min-width:32px!important;min-height:32px!important}.tp-volume{display:flex;align-items:center;gap:12px;font-size:13px}.tp-volume input{flex:1;max-width:280px}.tp-check{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px}.tp-audio-help,.tp-legacy-note{font-size:12px;color:#60738a;line-height:1.4}.timer-duration-dialog{width:min(370px,calc(100vw - 24px))!important}.tp-exact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tp-exact-fields label{display:grid;gap:5px;font-size:13px}.tp-exact-fields input{width:100%;box-sizing:border-box;font:700 27px system-ui;padding:9px;border:1px solid #b8cbd9;border-radius:10px}.tp-duration-quick{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.tp-duration-quick button{padding:6px 9px!important;font-size:12px!important}.tp-running-warning{font-size:13px;line-height:1.45;color:#765327;background:#fff5df;border-radius:10px;padding:10px}.timer-duration-dialog footer{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}.tp-check input{width:auto}
@container (max-height:180px){.gelara-timepiece>.timepiece-adjust{display:none}.gelara-timepiece .tp-secondary{display:none}.b-widget .timepiece-controls button{min-height:28px;min-width:30px;font-size:14px!important;padding:3px 7px!important}}
@container (max-width:180px){.gelara-timepiece>.timepiece-adjust{display:none}.timepiece-controls{gap:3px}.b-widget .timepiece-controls button{min-width:25px;min-height:28px;padding:3px 6px!important;font-size:14px!important}.gelara-timepiece .tp-secondary{display:none}}
@media(max-width:650px){.timepiece-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timepiece-dialog .b-dialog-body{padding:8px!important}}
@media(max-width:360px){.timepiece-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-sound-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gelara-timepiece *{animation:none!important;transition:none!important}}

/* v186 — controls are overlays, never a row in the design's layout. */
.b-widget.timepiece-context{overflow:visible!important}
.b-widget.timepiece-context .b-widget-body{overflow:visible!important}
.timepiece-context .gelara-timepiece{display:block;position:relative;gap:0}
.timepiece-context .gelara-timepiece>.timepiece-face{display:block;width:100%;height:100%;min-height:0}
.tp-floating-controls{position:absolute!important;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:var(--tp-available-width,calc(100vw - 16px));box-sizing:border-box;padding:6px;border:1px solid #c5d5e1;border-radius:16px;background:#ffffffef;box-shadow:0 5px 18px #183b542a;backdrop-filter:blur(9px);z-index:30;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease;isolation:isolate}
.tp-floating-controls:before{content:"";position:absolute;inset:-8px -3px;z-index:-1}
.tp-active>.tp-floating-controls{opacity:1;pointer-events:auto;transform:translateY(0)}
.b-widget.tp-active:not(.b-spotlight){z-index:850!important}
.tp-floating-controls .timepiece-controls,.tp-floating-controls .timepiece-adjust,.tp-floating-controls .b-centered-actions,.tp-floating-controls .b-timer-adjust{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px!important;margin:0!important;padding:0!important;max-width:100%}
.b-widget .tp-floating-controls button{box-sizing:border-box;min-width:44px!important;min-height:44px!important;width:auto!important;height:auto!important;padding:6px 9px!important;font:650 15px/1 system-ui!important;border:1px solid #d4e0e9!important;border-radius:10px!important;color:#244c6d!important;background:#f7fafc!important;box-shadow:none!important;touch-action:manipulation}
.b-widget .tp-floating-controls .tp-main,.b-widget .tp-floating-controls .b-primary{background:#235e8d!important;border-color:#235e8d!important;color:#fff!important}
.b-widget .tp-floating-controls button:hover{filter:brightness(.96)}
.b-widget .tp-floating-controls button:focus-visible{outline:3px solid #245bc7!important;outline-offset:2px}
.b-widget.b-dragging>.tp-floating-controls,.b-annotating .tp-floating-controls{opacity:0!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.tp-floating-controls{transition:none!important;transform:none!important}}