.timepicker-wrapper{display:flex;flex-direction:column;gap:8px}.timepicker-label{font-size:var(--fs-base);font-weight:var(--fw-medium);font-family:var(--body-font-family);display:block;margin-bottom:4px}.timepicker-input-wrapper{height:36px;display:flex;align-items:center;border-radius:var(--r-md);background-color:var(--card, #fff);box-shadow:var(--shadow-xs, var(--shadow-sm));padding-right:3px;border:1px solid var(--line, var(--border-color));transition:border-color .15s ease,box-shadow .15s ease}.timepicker-input-wrapper:focus-within{border-color:var(--honey-500, var(--secondary-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--honey-500, #3ba7ff) 22%,transparent)}.timepicker-input{display:flex;align-items:center;width:100%;padding:8px 9px;border:none;margin-right:3px;font-family:var(--font-sans, var(--body-font-family));font-weight:var(--fw-semibold)}.timepicker-segment{padding:0 2px 0 0;font-variant-numeric:tabular-nums;color:var(--ink-800, var(--heading-color))}.timepicker-segment[data-placeholder]{position:relative;color:transparent}.timepicker-segment[data-placeholder]:after{content:"––";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-400, #9ca3af)}.timepicker-segment:focus{background-color:var(--honey-500, var(--secondary-color));color:#fff;border-radius:var(--r-sm);outline:none}.timepicker-segment[data-segment=literal]{color:var(--ink-400, #9ca3af);padding:0 1px}.timepicker-trigger{display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-left:1px solid var(--line, var(--border-color));background-color:transparent;color:var(--ink-500, var(--text-color));cursor:pointer;transition:background-color .15s ease,color .15s ease}.timepicker-trigger-icon{width:18px;height:18px}.timepicker-trigger:hover:not(:disabled){background-color:var(--honey-50, var(--section-bg));color:var(--honey-600, var(--heading-color))}.timepicker-trigger:disabled{opacity:.5;cursor:not-allowed}.timepicker-wrapper[data-disabled] .timepicker-input-wrapper{background-color:var(--card-2, var(--section-bg))}.timepicker-wrapper[data-disabled] .timepicker-segment{color:var(--ink-400, #6b7280)}.timepicker-wrapper.compact{gap:0}.timepicker-wrapper.compact .timepicker-input-wrapper{height:36px}.timepicker-wrapper.compact .timepicker-input{padding:0 7px;font-size:var(--fs-xs)}.timepicker-wrapper.compact .timepicker-trigger{padding:0 6px;align-self:stretch}.timepicker-wrapper.compact .timepicker-trigger-icon{width:15px;height:15px}.timepicker-content{z-index:60;display:flex;border-radius:var(--r-md);border:1px solid var(--line, var(--border-color));background-color:var(--card, #fff);box-shadow:var(--shadow-md, var(--shadow-lg));padding:6px;font-family:var(--font-sans)}.timepicker-columns{display:flex;gap:4px}.timepicker-col{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.timepicker-opt{appearance:none;border:none;background:transparent;font-family:var(--font-mono, monospace);font-size:var(--fs-xs);font-weight:var(--fw-normal);font-variant-numeric:tabular-nums;color:var(--ink-800, var(--text-color));padding:6px 16px;border-radius:var(--r-sm);cursor:pointer;text-align:center;transition:background-color .12s ease,color .12s ease}.timepicker-opt:hover{background:var(--honey-50, #f3f4f6);color:var(--honey-700, inherit)}.timepicker-opt.selected{background:var(--honey-500, #2563eb);color:#fff}.timepicker-opt.selected:hover{background:var(--honey-600, #1d4ed8);color:#fff}