@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-slow{animation:bounce-slow 2s infinite}.timepicker-container{position:relative;display:inline-block;font-family:system-ui,sans-serif;width:100%}.tp-trigger{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#F8F8F8;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .2s ease}.tp-trigger:hover{box-shadow:0 2px 6px rgba(0,0,0,.15)}.tp-icon{opacity:.6}.tp-panel{position:absolute;margin-top:8px;width:100%;background:#fff;border-radius:16px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;box-shadow:0 4px 18px rgba(0,0,0,.18);z-index:999;animation:fadeIn .15s ease-out}.tp-column{display:flex;flex-direction:column;gap:12px}.tp-label{font-size:12px;font-weight:700;color:#666}.tp-list{max-height:180px;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:4px}.tp-item{width:100%;padding:8px 10px;background:#f5f5f5;border-radius:8px;border:none;outline:none;cursor:pointer;text-align:center;font-size:14px;transition:.2s}.tp-item:hover{background:#e3e3e3}.tp-item.active{background:#668FBC;color:#fff}.tp-preview{padding:10px;border:1px solid #eee;border-radius:10px;text-align:center;font-weight:700}.tp-toggle{padding:8px;background:#eee;font-weight:700}.tp-done,.tp-toggle{border-radius:10px;border:none;cursor:pointer}.tp-done{margin-top:auto;padding:10px;background:var(--color-orange-400);color:#fff;font-size:14px}.tp-done:hover{opacity:.85}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tp-full-row{grid-column:1/4;display:flex;flex-direction:column;gap:6px}.tp-select{padding:8px 10px;border-radius:8px;border:1px solid #ccc;font-size:14px;background:white;cursor:pointer}.active{background:#668FBC;color:#fff}